#banner {
    width: 100%;
    /* height: 500px; */
    min-width: 1300px;
    position: relative;
}

#banner .banner-left,#banner .banner-right{
    position: absolute;
    top: 0;
    width: 355px;
    height: 500px;
}

#banner .banner-left{
    left: 0;
}

#banner .banner-right{
    right: 0;
}

#banner-inner {
    max-width: 100%;
    background-image: url(../images/banner.png);
    background-position: center;
    /* background-repeat: no-repeat; */
    height: 180px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background-size: auto 100%;
    /* background-position: -430px -8px; */
}

#banner-inner img{
    height:180px;
}

.banner-wd {
    color: #fff;
    font-size: 28px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0;
    letter-spacing: 0;
    text-shadow: 0 2px 4px #FF9D39;
}

.banner-desc {
    font-size: 16px;
    text-align: center;
    margin-top: -13px;
    height: 16px;
    line-height: 16px;
    width: 800px;
    position: absolute;
    top: 88px;
    left: 50%;
    margin-left: -400px;
    color: #fff;
    opacity: 0.8;
}

.banner-recommend {
    background-image: url(../images/banner-recommend.png);
    background-position: -123px -179px;
    background-size: 436px 222px;
    font-size: 14px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    width: 115px;
    position: absolute;
    top: 118px;
    left: 50%;
    margin-left: -57px;
    color: #fff;
    cursor: pointer;
}

.banner-recommend:hover {
    background-position: -2px -179px;
}

.banner-recommend:active {
    background-position: -221px -93px;
}

.banner-hint {
    color: #666;
    font-size: 14px;
    text-align: center;
    margin-top: 153px;
    height: 17px;
    line-height: 17px;
    width: 800px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -400px;
}

#free{
    width: 100%;
    margin-top: 20px;
}

#free-inner {
    width: 1240px;
    margin: 0 auto;
    /* transform: translate(0,0); */
}

.more-free{
    color: #057cff;
    font-size: 14px;
    float: right;
    height: 30px;
    line-height: 32px;
}
.more-free:hover{
    color: #2998ff;
}
.more-free:active{
    color: #0a6ad4;
}

.xclient-logo{
    float: right;
    width: 32px;
    height: 32px;
    margin-left: 4px;
}

.free-wrap{
    padding: 14px 20px 10px 20px;
    font-size: 0;
}

.free-card{
    width: 292px;
    height: 100px;
    background-size: 292px 100px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.free-card:hover{
    -webkit-box-shadow: 0px 16px 30px 0px rgba(192,201,218,1);
    -moz-box-shadow: 0px 16px 30px 0px rgba(192,201,218,1);
    box-shadow: 0px 16px 30px 0px rgba(192,201,218,1);
    /*left: 1px;*/
    bottom: 1px;
}

.free-card:nth-child(1){
    /* background-image: url(//pc1.gtimg.com/guanjia/images/a2/2b/a22b5ecb05180fe41ac70465e7805128.png); */
}
.free-card:nth-child(2){
    /* background-image: url(//pc1.gtimg.com/guanjia/images/2c/5b/2c5b6356dd85527034b99abe1877227f.png); */
}
.free-card:nth-child(3){
    /* background-image: url(//pc1.gtimg.com/guanjia/images/e4/8e/e48e212adbe90c047328b8e019ec0364.png); */
}
.free-card:nth-child(4){
    /* background-image: url(//pc1.gtimg.com/guanjia/images/90/a0/90a0973cbb3f1790750ad1a2cb6dcc6c.png); */
    margin-right: 0;
}

.free-card img{
    width: 48px;
    border-radius: 50%;
    position: absolute;
    top: 26px;
    left: 22px;
}

.free-card .free-name{
    font-size: 20px;
    color: #FFFFFF;
    position: absolute;
    top: 25px;
    left: 90px;
    width: 190px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
}
.free-card .free-score{
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    bottom: 20px;
    left: 90px;
}
.free-card .free-category{
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: 0;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background: linear-gradient(to right, #FFA805, #FFC62F);
    background: -moz-linear-gradient(to right, #FFA805, #FFC62F);
    background: -webkit-linear-gradient(to right, #FFA805, #FFC62F);
    padding: 0 8px;
}

.free-card .free-value{
    font-size: 0;
    color: #FFFFFF;
    position: absolute;
    bottom: 20px;
    right: 15px;
    height: 20px;
    line-height: 20px;
}

.free-value .value-left{
    background: #fff;
    color: #515151;
    text-decoration: line-through;
    font-size: 12px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    display: inline-block;
    padding: 0 10px;
}

.free-value .value-right{
    background: #057cff;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
}


#recommend {
    width: 100%;
    margin-top: 0px;
}

#recommend-inner {
    width: 1240px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
    /* transform: translate(0,0); */
}

/* .recommend-title{
    margin-top: 28px;
    font-size: 16px;
    height: 30px;
    line-height: 22px;
    color: #999;
}

.recommend-title span{
    color: #50AAFF;
}

.recommend-title .recommend-entry{
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    border: solid #0079FF 1px;
    border-radius: 2px;
    margin-left: 12px;
    display: inline-block;
    padding: 0 12px;
}
.recommend-entry{
    color: #0079FF;
    border-color: #0079FF;
}
.recommend-entry:hover{
    color: #00A0FF;
    border-color: #00A0FF;
}
.recommend-entry:active{
    color: #0381DE;
    border-color: #0381DE;
} */

.sort-wrap{
    padding: 24px 20px 0px 20px;
    position: relative;
}

.sort-wrap .sort-by-function,
.sort-wrap .sort-by-free{
    width: 100%;
    height: 20px;
    padding-bottom: 8px;
}

.sort-wrap li{
    float: left;
    padding: 0 20px;
    font-size: 14px;
    color: #999999;
    border-right: 1px solid #E0E0E0;
    cursor: pointer;
}

.sort-wrap li:first-child{
    border-left: 1px solid #E0E0E0;
}
.sort-wrap .selected {
    color: #FFA805;
}

.search-panel{
    position: absolute;
    right: 175px;
    top: 21px;
}
.search-panel input{
    display: block;
    width: 384px;
    height: 32px;
    line-height: 32px;
    outline: none;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    color: #666;
    text-indent: 20px;
    font-size: 12px;
}

.search-panel input:hover, .search-panel input:active, .search-panel input:focus{
    border-color: #FFA805;
}

.search-panel input:valid ~ .clear{
    display: block;
}

.search-panel .clear{
    display: none;
    background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-764.000000%2C%20-326.000000)%22%20fill%3D%22%23999999%22%3E%3Cg%20transform%3D%22translate(440.000000%2C%20317.000000)%22%3E%3Cg%20transform%3D%22translate(324.000000%2C%209.000000)%22%3E%3Cpath%20d%3D%22M11.7444735%2C1.46147746%20L12.5930016%2C2.3100056%20L7.90295656%2C6.99947746%20L12.5930016%2C11.6899944%20L11.7444735%2C12.5385225%20L7.05395656%2C7.84847746%20L2.3644847%2C12.5385225%20L1.51595656%2C11.6899944%20L6.20595656%2C6.99947746%20L1.51595656%2C2.3100056%20L2.3644847%2C1.46147746%20L7.05395656%2C6.15147746%20L11.7444735%2C1.46147746%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    width: 12px;
    height: 12px;
    position: absolute;
    right: 38px;
    top: 11px;
}

.search-panel .clear:hover{
    background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-764.000000%2C%20-370.000000)%22%20fill%3D%22%23FFA805%22%3E%3Cg%20transform%3D%22translate(440.000000%2C%20361.000000)%22%3E%3Cg%20transform%3D%22translate(324.000000%2C%209.000000)%22%3E%3Cpath%20d%3D%22M11.7444735%2C1.46147746%20L12.5930016%2C2.3100056%20L7.90295656%2C6.99947746%20L12.5930016%2C11.6899944%20L11.7444735%2C12.5385225%20L7.05395656%2C7.84847746%20L2.3644847%2C12.5385225%20L1.51595656%2C11.6899944%20L6.20595656%2C6.99947746%20L1.51595656%2C2.3100056%20L2.3644847%2C1.46147746%20L7.05395656%2C6.15147746%20L11.7444735%2C1.46147746%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.search-panel .search{
    background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-794.000000%2C%20-326.000000)%22%20fill%3D%22%23999999%22%3E%3Cg%20transform%3D%22translate(440.000000%2C%20317.000000)%22%3E%3Cg%20transform%3D%22translate(354.000000%2C%209.000000)%22%3E%3Cpath%20d%3D%22M10.7828347%2C9.52456259%20C11.5304128%2C8.50329408%2011.9308874%2C7.26860486%2011.9253037%2C6.00225696%20C11.9110395%2C2.69666876%209.24172224%2C0.0191530161%205.94148606%2C6.07225287e-05%20C4.36213702%2C-0.00709645732%202.84552702%2C0.618705502%201.72951386%2C1.73805563%20C0.613500699%2C2.85740575%20-0.00921039896%2C4.37732162%200.000102985663%2C5.95920898%20C0.014367213%2C9.26509812%202.68392802%2C11.9428578%205.98446466%2C11.9619501%20C7.25392207%2C11.967461%208.49112498%2C11.5616578%209.51142982%2C10.8051038%20L12.449751%2C13.720719%20C12.6750338%2C13.9574431%2013.0107205%2C14.0532635%2013.3267482%2C13.9710542%20C13.642776%2C13.8888449%2013.8894876%2C13.6415234%2013.9712939%2C13.3249152%20C14.0531002%2C13.0083071%2013.9571471%2C12.6721606%2013.7206118%2C12.4467168%20L10.7828347%2C9.52456259%20Z%20M5.9801124%2C10.7653253%20C3.33982733%2C10.7501124%201.20421341%2C8.60813398%201.19262306%2C5.96356827%20C1.18549687%2C4.69822228%201.68370673%2C3.48253378%202.57634917%2C2.58711982%20C3.4689916%2C1.69170587%204.68197853%2C1.19088455%205.94529429%2C1.19614068%20C8.58557936%2C1.2113535%2010.7211933%2C3.35333196%2010.7327836%2C5.99789767%20C10.7399098%2C7.26324366%2010.2417%2C8.47893216%209.34905753%2C9.37434612%20C8.45641509%2C10.2697601%207.24342816%2C10.7705814%205.9801124%2C10.7653253%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    width: 14px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.search-panel .search:hover{
    background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-794.000000%2C%20-370.000000)%22%20fill%3D%22%23FFA805%22%3E%3Cg%20transform%3D%22translate(440.000000%2C%20361.000000)%22%3E%3Cpath%20d%3D%22M364.782835%2C18.5245626%20C365.530413%2C17.5032941%20365.930887%2C16.2686049%20365.925304%2C15.002257%20C365.911039%2C11.6966688%20363.241722%2C9.01915302%20359.941486%2C9.00006072%20C358.362137%2C8.99290354%20356.845527%2C9.6187055%20355.729514%2C10.7380556%20C354.613501%2C11.8574057%20353.99079%2C13.3773216%20354.000103%2C14.959209%20C354.014367%2C18.2650981%20356.683928%2C20.9428578%20359.984465%2C20.9619501%20C361.253922%2C20.967461%20362.491125%2C20.5616578%20363.51143%2C19.8051038%20L366.449751%2C22.720719%20C366.675034%2C22.9574431%20367.01072%2C23.0532635%20367.326748%2C22.9710542%20C367.642776%2C22.8888449%20367.889488%2C22.6415234%20367.971294%2C22.3249152%20C368.0531%2C22.0083071%20367.957147%2C21.6721606%20367.720612%2C21.4467168%20L364.782835%2C18.5245626%20Z%20M359.980112%2C19.7653253%20C357.339827%2C19.7501124%20355.204213%2C17.608134%20355.192623%2C14.9635683%20C355.185497%2C13.6982223%20355.683707%2C12.4825338%20356.576349%2C11.5871198%20C357.468992%2C10.6917059%20358.681979%2C10.1908846%20359.945294%2C10.1961407%20C362.585579%2C10.2113535%20364.721193%2C12.353332%20364.732784%2C14.9978977%20C364.73991%2C16.2632437%20364.2417%2C17.4789322%20363.349058%2C18.3743461%20C362.456415%2C19.2697601%20361.243428%2C19.7705814%20359.980112%2C19.7653253%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.search-temp{
    position: absolute;
    right: 0;
    top: 42px;
    width: 384px;
    background: #fff;
    z-index: 10;
    box-shadow: 0 2px 14px 0 #EFEFEF;
}

.search-temp .search-item{
    position: relative;
    height: 78px;
    margin: 0 16px;
    border-bottom: solid #F0F0F0 1px;
}

.search-temp .search-item:hover .search-item-name{
    color: #FFA805;
}

#recommend-list .search-hint{
    font-size: 14px;
    color: #666;
    line-height: 20px;
    height: 20px;
    margin-bottom: 20px;
}
#recommend-list .search-hint span{
    color: #FFA805;
}

#recommend-list .search-hint .search-kw{
    background: rgba(255,168,5,0.04);
    border: 1px solid #FFA805;
    border-radius: 2px;
    padding: 0 5px;
    cursor: pointer;
}

#recommend-list .search-hint .search-close{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2210px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2014%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-764.000000%2C%20-370.000000)%22%20fill%3D%22%23FFA805%22%3E%3Cg%20transform%3D%22translate(440.000000%2C%20361.000000)%22%3E%3Cg%20transform%3D%22translate(324.000000%2C%209.000000)%22%3E%3Cpath%20d%3D%22M11.7444735%2C1.46147746%20L12.5930016%2C2.3100056%20L7.90295656%2C6.99947746%20L12.5930016%2C11.6899944%20L11.7444735%2C12.5385225%20L7.05395656%2C7.84847746%20L2.3644847%2C12.5385225%20L1.51595656%2C11.6899944%20L6.20595656%2C6.99947746%20L1.51595656%2C2.3100056%20L2.3644847%2C1.46147746%20L7.05395656%2C6.15147746%20L11.7444735%2C1.46147746%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}


.search-temp .search-item .search-item-icon{
    position: absolute;
    width: 40px; height: 40px;
    top: 19px;
    left: 0;
}
.search-temp .search-item .search-item-name{
    color: #515151;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    position: absolute;
    left: 56px;
    top: 19px;
}
.search-temp .search-item .search-item-comment{
    color: #666;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    width: 294px;
    height: 20px;
    left: 56px;
    top: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}
.search-temp .search-more{
    text-align: center;
    color: #666;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}

.search-temp .search-more:hover{
    color: #999;
}

.search-temp .search-more:active{
    color: #515151;
}

.left-panel{
    width: 860px;
    display: inline-block;
    vertical-align: top;
}

.right-panel{
    width: 360px;
    display: inline-block;
    vertical-align: top;
    margin-top: 18px;
}

.right-panel .right-list{
    overflow: hidden;
}

.right-panel .right-list .inner-list{
    margin-bottom: 30px;
    border: 1px solid #F0F0F0;
}

.right-panel .big-title{
    color: #ED9400;
    font-size: 16px;
    margin-bottom: 20px;
}

.right-panel .view-more{
    font-size: 14px;
    color: #2E6CF6;
    float: right;
}


/* 应用列表 */
.recommend-list{
    margin-top:6px;
    font-size: 0;
    padding: 0 10px 0px 20px;
}

.recommend-item{
    width: 406px;
    height: 302px;
    /*border: solid #F4F4F4 1px;*/
    /*box-shadow: 0px 5px 10px 0px #efefef;*/
    /* box-shadow: 0px 2px 30px #E1EBFF,-2px 2px 30px #E1EBFF; */
    /* box-shadow: -5px 0 5px -5px #E1EBFF,0 5px 5px -5px #E1EBFF,3px 0 5px 1px #E1EBFF; 左边阴影,底部阴影,右边阴影 */
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0 8px 8px 0;
    cursor: pointer;
    bottom: 0;
    transition: bottom 160ms ease-in;
    background: #fff;
    border: 1px solid #F0F0F0;
}

.recommend-item:hover{
    bottom: 6px;
    box-shadow: 0 2px 14px 0 #EEEEEE;
}

.recommend-item:nth-child(even){
    margin-right: 0;
}

.recommend-item .item-category{
    font-size: 12px;
    position: absolute;
    left: 65px;
    top: 59px;
    height: 22px;
    line-height: 22px;
    color: #999;
    background: rgba(153,153,153,.1);
    /*background: linear-gradient(to right, #FFA805, #FFC62F);*/
    /*background: -moz-linear-gradient(to right, #FFA805, #FFC62F);*/
    /*background: -webkit-linear-gradient(to right, #FFA805, #FFC62F);*/
    padding: 0 8px;
}

.recommend-item .item-bg{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 380px;
    height: 178px;
}

.item-comment{
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;
    bottom: 0;
}

.item-comment .comment-box{
    padding: 0 16px;
    height: 140px;
}

.item-comment .comment-box .comment-detail{
    position: relative;
    height: 108px;
    border-bottom: solid #eee 1px;
}

.item-comment .comment-box .item-logo{
    width: 56px;
    margin-top: 25px;
    display: inline-block;
}

.item-comment .comment-box .item-name{
    font-size: 18px;
    color: #515151;
    display: inline-block;
    height: 50px;
    line-height: 80px;
    vertical-align: top;
    margin-left: 12px;
}

.item-comment .comment-box .item-version{
    font-family: PingFangSC-Light;
    font-size: 12px;
    color: #515151;
    display: inline-block;
    height: 33px;
    line-height: 51px;
    margin-left: 10px;
    font-weight: 300;
    vertical-align: top;
}

.item-comment .comment-box .item-icon{
    font-size: 18px;
    color: #515151;
    margin-left: 12px;
    margin-top: 25px;
    float: right;
}

.item-comment .comment-box .safe-icon{
    /* background: no-repeat url(//pc1.gtimg.com/guanjia/images/b3/82/b382c9521dd59eb95b657f2f706f9dc9.png); */
    background-size: 30px 30px;
    width: 30px;
    height: 40px;
    float: left;
}

.item-comment .comment-box .free-icon{
    /* background: no-repeat url(//pc1.gtimg.com/guanjia/images/c9/bf/c9bf735f027b686f8c5451b832cccf1d.png); */
    background-size: 30px 30px;
    width: 30px;
    height: 40px;
    float: left;
}

.item-comment .comment-box .zip-icon{
    /* background: no-repeat url(//pc1.gtimg.com/guanjia/images/7d/83/7d836ee36bbfc9e34cc854e853c0c956.png); */
    background-size: 30px 30px;
    width: 30px;
    height: 40px;
    float: left;
}

.item-comment .comment-box .app-icon{
    /* background: no-repeat url(//pc1.gtimg.com/guanjia/images/82/a7/82a7241467eda50f5327ad9d791b6a7e.png); */
    background-size: 30px 30px;
    width: 30px;
    height: 40px;
    float: left;
}

.item-comment .comment-box .pop1{
    display: none;
    width: 207px;
    height: 72px;
    position: absolute;
    /* background-image: url(//pc1.gtimg.com/guanjia/images/ff/61/ff61a980b7d6b8b3e40f9c7a8be07f56.png); */
    background-size: 207px 72px;
    right: -13px;
    top: 57px;
    color: #fff;
    font-size: 12px;
    padding: 16px 9px;
    box-sizing: border-box;
    line-height: 20px;
    font-weight: 300;
}

.item-comment .comment-box .pop2{
    display: none;
    width: 207px;
    height: 72px;
    position: absolute;
    /* background-image: url(//pc1.gtimg.com/guanjia/images/0d/f3/0df31c3bbd5a95d71d51108a2b588709.png); */
    background-size: 207px 72px;
    right: -9px;
    top: 57px;
    color: #fff;
    font-size: 12px;
    padding: 16px 13px;
    box-sizing: border-box;
    line-height: 20px;
    font-weight: 300;
}

.item-comment .comment-box .pop3{
    display: none;
    width: 207px;
    height: 72px;
    position: absolute;
    /* background-image: url(//pc1.gtimg.com/guanjia/images/64/95/64951678a9ad6211790378a5806d4bd7.png); */
    background-size: 207px 72px;
    right: -4px;
    top: 57px;
    color: #fff;
    font-size: 12px;
    padding: 16px 11px;
    box-sizing: border-box;
    line-height: 20px;
    font-weight: 300;
}

.item-comment .comment-box .pop3 a{
    position: absolute;
    right: 12px;
    bottom: 12px;
    color: #3b96d0;
    font-size: 12px;
    margin-top: 5px;
}

.item-comment .comment-box .show {
    display: block;
}

.item-comment .comment-wd{
    font-size: 13px;
    color: #666666;
    line-height: 28px;
    padding-top: 15px;
    font-weight: 350;
    width: 370px;
    height: 88px;
    vertical-align: middle;
    /*display: table-cell;*/
}
.item-comment .comment-info{
    font-size: 12px;
    color: #999;
    width: 374px;
    position: absolute;
    bottom: 8px;
    left: 17px;
}

.comment-info .comment-head{
    margin-top: 11px;
    display: inline-block;
}

.comment-info .comment-name{
    margin: 4px 0 4px 6px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    color: #515151;
    font-size: 14px;
}

.comment-detail .comment-time{
    font-size: 12px;
    position: absolute;
    right: 6px;
    top: 61px;
    height: 22px;
    line-height: 22px;
    color: #999;
}

.comment-info .download {
    float: right;
    background-image: linear-gradient(129deg, #59DFA6 0%, #01D898 76%, #00D898 76%);
    width: 92px;
    height: 32px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    text-indent: 19px;
    cursor: pointer;
}

.comment-info .download:hover {
    background-image: linear-gradient(137deg, #00E9A4 0%, #00E8A4 100%);
}

.comment-info .download:active {
    background-image: linear-gradient(129deg, #59DFA6 0%, #01D898 76%, #00D898 76%);
}

.comment-info .download .download-icon {
    /* background-image: url(//pc1.gtimg.com/guanjia/images/c2/8b/c28b64891e346eb0d9045d91522f65cc.png); */
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 25px;
    position: absolute;
    top: 8px;
    right: 57px;
    background-size: 50%;
}

.comment-info .download .app-icon {
    /* background-image: url(//pc1.gtimg.com/guanjia/images/d8/72/d872e8a455a6f44684e364dd6e4c64ff.png); */
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 25px;
    position: absolute;
    top: 8px;
    right: 57px;
    background-size: 50%;
}

/* .item-download{
    position: absolute;
    bottom: -115px;
    left: 0;
    width: 451px;
    height: 115px;
    background: #fff;
    transition: bottom 200ms ease;
} */

/* .recommend-item:hover .item-download{
    bottom: 0;
} */

/* .recommend-item:hover{
    border: solid #FFA805 1px;
} */

.item-download .download-btn{
    position: absolute;
    text-align: center;
    width: 136px;
    height: 38px;
    line-height: 38px;
    top: 50%; left: 50%;
    margin-left: -68px;
    margin-top: -19px;
    color: #fff;
    font-size: 16px;
    text-indent: 16px;
}

.item-download .download-btn{
    background-position: -151px -107px;
}
.item-download .download-btn:hover{
    background-position: -5px -107px;
}
.item-download .download-btn:active{
    background-position: -5px -155px;
}

.item-download .download-btn i{
    width: 12px;
    height: 15px;
    background-position: -269px -155px;
    position: absolute;
    left: 22px;
    top: 11px;
}


/*新版今日限免 start*/
.il-free-item{
    width: 358px;
    height: 109px;
    display: block;
    background: #FFFFFF;
    border-radius: 0px;
    position: relative;
    clear: both;
}

.il-free-item:after{
    content: '';
    width: 320px;
    /*border-top: solid #F0F0F0 1px;*/
    height: 1px;
    background: #F0F0F0;
    position: absolute;
    bottom: 0;
    left: 20px;
}

.il-free-item:last-child:after{
    content: none;
}

.il-item-img{
    float: left;
    margin: 25px 16px 25px 15px;
}

.il-item-img>img{
    width: 56px;
    height: 56px;
}

.il-item-left{
    float: left;
    height: 58px;
    margin: 21px 0 18px 0;
}

.item-left-app{
    font-size: 20px;
    color: #333333;
    margin-bottom: 10px;
    width: 175px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#weekly-download .item-left-app{
    width: 155px;
}

.item-app-type{
    display: inline-block;
    line-height: 20px;
    background: rgba(153,153,153,.1);
    border-radius: 1px;
    font-size: 14px;
    color: #999;
    padding: 0 8px;
}

.item-app-count{
    display: inline-block;
    line-height: 20px;
    border-radius: 1px;
    font-size: 14px;
    color: #a1a1a1;
}

.il-item-right{
    position: absolute;
    right: 19px;
    top: 21px;
}

.item-right-grade{
    float: right;
    font-size: 14px;
    color: #666666;
    margin-bottom: 9px;
    margin-top: 4px;
}

.item-right-price{
    clear: both;
}

.item-actural-price{
    float: right;
    width: 56px;
    height: 24px;
    font-size: 12px;
    opacity: 0.78;
    color: #515151;
    text-align: center;
    background: #F4F4F4;
    border-radius: 69px 0 0 69px;
}
.item-app-free{
    float: right;
    width: 56px;
    height: 24px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    background: #00D898;
    border-radius: 0 11.5px 11.5px 0;
}

.item-free-text{
    width: 30px;
    height: 20px;
    margin: 2px 13px 0 13px;
}

.item-price-text{
    width: 44px;
    text-decoration:line-through;
    margin: 4px 0 0 4px;
}

.item-right-download{
    width: 60px;
    height: 32px;
    background-image: linear-gradient(137deg, #00E9A4 0%, #00E8A4 100%);
    border-radius: 2px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 32px;
    margin: 17px 0px 0 10px;
    display: none;
}

.weekly-download .il-free-item:hover, #free-today .il-free-item:hover{
    box-shadow: 0 2px 14px 0 #EFEFEF;
    z-index: 100;
}

.weekly-download .il-free-item:hover .item-right-download{
    display: block;
}

/* .il-item-rank {background-image: url(//pc1.gtimg.com/guanjia/images/4e/cd/4ecd2cd1983522bd96bbfe79aafa5423.png);background-size: 152px 151px;} */

.weekly-download .il-item-img{margin-left: 56px;}
.weekly-download .il-item-rank{width: 24px; height: 24px;position: absolute;left: 20px;top: 38px;}
.weekly-download .il-free-item:first-child .il-item-rank{background-position: -5px -122px;}
.weekly-download .il-free-item:nth-child(2) .il-item-rank{background-position: -64px -83px;}
.weekly-download .il-free-item:nth-child(3) .il-item-rank{background-position: -123px -5px;}
.weekly-download .il-free-item:nth-child(4) .il-item-rank{background-position: -123px -39px;}
.weekly-download .il-free-item:nth-child(5) .il-item-rank{background-position: -123px -73px;}

.recommender .il-item-img{margin: 23px 16px 0 78px;}
.recommender .il-item-rank{width: 49px; height: 29px;position: absolute;left: 20px;top: 34px;}
.recommender .il-free-item:first-child .il-item-rank{background-position: -5px -5px;}
.recommender .il-free-item:nth-child(2) .il-item-rank{background-position: -5px -83px;}
.recommender .il-free-item:nth-child(3) .il-item-rank{background-position: -64px -5px;}
.recommender .il-free-item:nth-child(4) .il-item-rank{background-position: -5px -44px;}
.recommender .il-free-item:nth-child(5) .il-item-rank{background-position: -64px -44px;}
.recommender .il-free-item  .il-item-img img{border-radius: 50%;width: 52px;height: 52px;}
.recommender .il-free-item:first-child  .il-item-img img{border: 2px solid #FF6B30;}
.recommender .il-free-item:nth-child(2) .il-item-img img{border: 2px solid #FFAA30;}
.recommender .il-free-item:nth-child(3) .il-item-img img{border: 2px solid #FFCD30;}
.recommender .il-free-item:nth-child(4) .il-item-img img{border: 2px solid #C9C9C9;}
.recommender .il-free-item:nth-child(5) .il-item-img img{border: 2px solid #C9C9C9;}



/*新版今日限免 end*/



/*热门榜单*/

#hot{
    width: 100%;
    margin-top: 20px;
}

#hot-inner {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

#hot-inner .hot-left{
    position: relative;
    width: 588px;
    height: 136px;
    float: left;
    /* background: url(//pc1.gtimg.com/guanjia/images/ef/f8/eff8f3d2abc662647e78be66d13b8457.png) no-repeat; */
}

#hot-inner .hot-right{
    position: relative;
    width: 588px;
    height: 136px;
    float: right;
    /* background: url(//pc1.gtimg.com/guanjia/images/04/ff/04ffba621dd4137906cb1d53117a3d65.png) no-repeat; */
}
#hot-inner .hot-title{
    font-size: 24px;
    color: #FFFFFF;
    width: 300px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    top: 35px;
    left: 40px;
}

#hot-inner .hot-more{
    opacity: 0.7;
    font-size: 16px;
    color: #FFFFFF;
    width: 220px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    bottom: 35px;
    left: 40px;
}

#hot-inner .hot-more span, #hot-inner .hot-more svg{
    vertical-align: middle;
}

    /* 头部浮层+底部固定 */
.recommend-footer{
    width: 790px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px 0px #efefef;
    margin-left: 20px;
    margin-bottom: 10px;
    color: #057CFF;
    font-size: 16px;
}

.recommend-footer .footer-invite{
    width: 100px;
    line-height: 30px;
    border: 1px solid #057CFF;
    border-radius: 2px;
    font-size: 14px;
    margin-left: 16px;
    display: inline-block;
    color: #057CFF;
}

/* 底部浮层 */
#float-footer {
    position: fixed;
    bottom: 0px;
    left: auto;
    right: auto;
    margin-left: 20px;
    z-index: 999;
    width: 1200px;
    text-align: center;
    line-height: 70px;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.64) 22%, #FFFFFF 100%);
}

#float-footer .float-footer-a {
    display: inline-block;
    background-image: linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 100%);
    border: 1px solid #057CFF;
    border-radius: 2px;
    font-size: 14px;
    color: #057CFF;
    width: 224px;
    line-height: 40px;
}

.no-match{
    text-align: center;
    margin: 78px auto;
}

.no-match .blankimg{
    width: 208px;
}

.no-match .blankText{
    font-size: 14px;
    color: #ACACAC;
}

.no-match .blankText .blankRec{
    color: #057cff;
    cursor: pointer;
}

.no-match .blankText .blankRec:hover{
    color: #2998ff;
}

.no-match .blankText .blankRec:active{
    color: #0a6ad4;
}

#link-b{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 110px;
    left: 0;
    color: #fff;
    text-align: center;
    line-height: 110px;
    font-size: 18px;
    background: rgba(0,0,0,.5);
    z-index: 100;
    display: none;
}

#link-b .suggest{
    border: solid #60C3FF 1px;
    font-size: 16px;
    width: 118px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    color: #60C3FF;
    margin-left: 50px;
}

#link-a{
    width: 100%;
    height: 110px;
    color: #333;
    text-align: center;
    line-height: 110px;
    font-size: 16px;
    display: none;
}


#link-a .suggest{
    border: solid #0079FF 1px;
    font-size: 16px;
    width: 118px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    color: #0079FF;
    margin-left: 34px;
}

#link-a .suggest:hover{
    color: #00A0FF;
    border: solid #00A0FF 1px;
}
#link-a .suggest:active{
    color: #0381DE;
    border: solid #0381DE 1px;
}

#invite{
    display: none;
    /* background-image: url(//pc1.gtimg.com/guanjia/images/1f/d0/1fd097f0ea2e74eb2f38a0c18c69201e.png); */
    /* box-shadow: 0px 1px 10px 0px #c1c1c1; */
    width: 110px;
    height: 60px;
    /* border: solid #d6d8e3 1px; */
    font-size: 18px;
    line-height: 48px;
    position: fixed;
    /* top: 62%;
    right: -7%; */
    margin-top:150px;
    margin-left: 1212px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background-size: 110px 63px;
    background-repeat: no-repeat;
}

#invite:hover{
    /* background-image: url(//pc1.gtimg.com/guanjia/images/82/4e/824ee4b317956f272c18a8df254e8783.png); */
}

#invite:active{
    /* background-image: url(//pc1.gtimg.com/guanjia/images/28/4f/284fc345ad100fd5256347a2012c2bc3.png); */
}

/* #invite .sprite{
    width: 27px;
    height: 24px;
    background-position: -334px -107px;
    display: inline-block;
    position: absolute;
    left: 25px;
    top: 27px;
} */

#invite .sprite:hover{
    background-position: -297px -107px;

}
#invite .sprite:active{
    background-position: -151px -155px;
}

.state_1{
    font-size: 12px;
    color: #057CFF;
    width: 84px;
    height: 44px;
    display: inline-block;
}
/* .state_1:hover{
    color: #94979B;
}
.state_1:active{
    color: #B0B0B0;
} */

.state_2{
    color: #0079FF;
}
.state_2:hover{
    color: #00A0FF;
}
.state_2:active{
    color: #0381DE;
}

.sprite{
    /* background-image: url(//pc1.gtimg.com/guanjia/images/85/a6/85a6c015f570c03686965716113a0baf.png); */
    background-size: 370px 263px;
}
.content {
    width: 1200px;
    margin: 0 auto;
}
.small-nav{
    color: #999;
    font-size: 16px;
    margin: 20px 0;
    clear: both;
}
.small-nav span:first-child:hover{
    color: #FFA805;
}
.small-nav span:first-child{
    cursor: pointer;
}

/* page */
.epages{
	clear: both;
	text-align: center;
}
.epages a{
	color: #8d91ac;
    border: 1px solid #ececf2;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: 36px;
    padding: 0 16px;
    line-height: 36px;
	text-align: center;
	background-color: #fff;
    font-size: 14px !important;
    margin: 10px 4px;
}
.epages a:hover{
	color: #FFF;
	background-color: #5c5e73;
}
.epages a:nth-child(1){
    display: none;
}
.epages b{
    color: #FFF;
    background-color: #5c5e73;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: 36px;
    padding: 0 16px;
    line-height: 36px;
    text-align: center;
    font-size: 14px !important;
}