/* ---------->>> 整体定义 <<<-----------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;}
html body div.clear,
html body span.clear{ background: none; border: 0; clear: both; margin: 0; padding: 0;}
.clearfix:after { content: "."; display: block;height: 0; clear: both; visibility: hidden;}
.clearfix{*+height:1%;}
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd {font-size:100%; font-weight: normal; margin:0px; padding:0px; list-style:none;}
table{ border-collapse:collapse;border-spacing:0;}
table td{ word-break:break-all;}
img,fieldset{ border:0; }
*:focus{ outline:0;}
input.button,button{ cursor:pointer;overflow:visible;/*Fix IE lt 8 bug*/ }
textarea{ overflow:auto;/*Hide the scrollbar for IE*/ }

/* ---------->>> 局部定义 <<<-----------*/
body{ margin:0 auto; font-size:12px; font-family: "Microsoft Yahei";-webkit-text-size-adjust: none; color: #333; }
a { color:#2e2e2e;text-decoration: none; }
a:hover { color:#2e2e2e;text-decoration: none;}
.hide {display: none;}
.show {display: block;}
.fl { float:left; }
.fr { float:right; }
.db { display:block;}
.di { display:inline;}
.dib { display:inline-block;}
.pr { position:relative;}
.pa { position:absolute}
.pf { position:fixed}
.tl { text-align:left; }
.tr { text-align:right; }
.tc { text-align:center; }
.tj { text-align:justify; }
.ti{ text-indent:2em;}
.bold   { font-weight:bold; }
.nobold { font-weight:normal }
.noitalic { font-style:normal; }
.text-h{overflow: hidden; text-indent: -99em;}

.fs16{font-size:16px;}
.fs12{font-size:12px;}

.w1200{ width:1200px; margin: 0 auto;position: relative;}
.w1000{ width: 1000px; margin: 0 auto; position: relative;}
.mb5{margin-bottom: 5px;}
.orange{ color: #e88300}
.fr{float:right;}
body,div,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul {
    margin: 0;
    padding: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

ol,ul {
    list-style: none;
}

img {
    border: 0;
}

.clearfix {
    zoom: 1;
}

.clearfix:after,.clearfix:before {
    display: block;
    overflow: hidden;
    height: 0;
    content: "\0020";
}

.clearfix:after {
    clear: both;
}

body {
    background-color: #f4f4f4;
    font-size: 16px;
    font-family: "Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-text-size-adjust: none;
}

* {
    -webkit-tap-highlight-color: transparent;
}

a {
    color: #2f7c2f;
    text-decoration: none;
    -webkit-transition: color .3s ease-out;
}

img {
    -ms-interpolation-mode: bicubic;
}

.show {
    display: block;
}

.hide {
    display: none;
}

input,textarea {
    outline: 0;
}

blockquote {
    margin: 10px 0;
    padding-left: 10px;
    border-left: 5px solid #efefef;
    color: #999;
}

.block-title {
    display: block;
    margin: 10px 0;
    padding-left: 7px;
    border-left: 3px solid #45cab6;
    color: #666;
}

.load-more {
    margin: 10px 0 20px;
    text-align: center;
}

.load-more .refresh-btn {
    display: inline-block;
    padding: 8px 20px;
    background: #ddd;
    color: #333;
    font-size: .875em;
}

.Mobile .app-box,.Tablet .app-box {
    margin-top: 10px;
}

.search-form {
    position: relative;
    display: block;
    margin: -66px auto 0;
    padding: 19px 50px 0 0;
    width: 38%;
    *margin-top: -54px;
    _margin-top: -40px;
}

.search-form .key-ipt {
    float: left;
    padding: 2px 5px;
    width: 100%;
    height: 24px;
    border: 1px solid #dedede;
    border-radius: 2px;
    background: #fff;
    color: #999;
    vertical-align: middle;
    font-size: .875em;
    line-height: 24px;
    *width: 96%;
    _position: absolute;
}

.search-form .key-ipt:focus {
    border-color: #4cc9b6;
}

.search-form .submit {
    position: absolute;
    right: 0;
    margin: 0;
    width: 40px;
    height: 30px;
    border-width: 0;
    border-radius: 1px;
    background: #4cc9b6 url("../images/search.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/search.png*/) no-repeat center center;
    color: #fff;
    vertical-align: middle;
    text-indent: 100px;
    cursor: pointer;
    *right: 12px;
    *top: 19px;
    _top: 0;
    *height: 29px;
    _height: 30px;
    _background: #4cc9b6 url("../images/search@png8.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/search@png8.png*/) no-repeat center center;
}

.search-wp {
    height: 46px;
    border-bottom: 1px solid #dedede;
    line-height: 46px;
}

.index .search-form {
    position: absolute;
    right: 10px;
    margin: 0;
    padding: 8px 50px 0 0;
    width: 68%;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .search-form .submit {
        background: #4cc9b6 url("../images/search@2x.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/search@2x.png*/) no-repeat center center;
        background-size: 20px 20px;
    }
}

@media screen and (max-width:699px) {
    .search-form {
        position: absolute;
        top: 0;
        right: 10px;
        float: right;
        display: inline-block;
        margin-top: 0;
        padding: 8px 50px 8px 0;
        text-align: right;
    }

    .search-form .key-ipt {
        margin-right: 10px;
    }
}

.drawer {
    display: inline-block;
    margin: 13px 5px 0 10px;
    width: 22px;
    height: 19px;
    background: url("../images/drawer_grey.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/drawer_grey.png*/) no-repeat center center;
    vertical-align: top;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .drawer {
        background: url("../images/drawer_grey@2x.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/drawer_grey@2x.png*/) no-repeat center center;
        background-size: 22px 19px;
    }
}

.header {
    height: 66px;
    border-bottom: 1px solid #ddd;
    background: #f7f7f7;
}

.header .logo {
    float: left;
    display: block;
    margin: 2px 50px 0 8px;
}

.header .logo-wp {
    display: inline-block;
    vertical-align: top;
}

.header .logo-wp .logo {
    margin: 13px;
    overflow: hidden;
    white-space: nowrap;
    height: 40px;
    width: 153px;
    display: block;
}

.header .logo-wp .logo:hover {
    text-decoration: none;
}

.header .drawer {
    display: none;
}

.PC .header .inner {
    position: relative;
    margin: 0 auto;
    max-width: 940px;
    _width: 960px;
}

.menu-list {
    position: relative;
    top: 0;
    z-index: 10;
    display: block;
    margin: 0 auto;
    max-width: 940px;
    box-shadow: none;
    _width: 940px;
}

.menu-list .parent-menu {
    line-height: 36px;
    height: 36px;
    border-bottom: 3px solid #d3d3d3;
}

.menu-list .nav-item {

    float:left;
    width: auto;
    border-bottom: 0;
    text-align: center;
    *line-height: 36px;
}

.menu-list .nav-item .first-link {
    display: inline-block;
    line-height: 36px;
}

.menu-list .nav-item span {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    height: 36px;
   /*  border-right: 1px solid #ddd; */
    color: #333;
    font-size: .875em;
    line-height: 36px;
    cursor: pointer;
    _top: 7px;
}

.menu-list .nav-item .new-tip {
    display: none;
    margin-left: 10px;
    color: #3BAA24;
    font-size: 12px;
}

.menu-list .nav-item.last span {
    border-right: 0;
}

.menu-list .app-tag-wrap,.menu-list .game-tag-wrap {
    position: relative;
}

.menu-list .current .first-link {
    padding: 8px 0 5px;
    padding-top: 7px\9;
    border-bottom: 6px solid #4cc8b5;
    line-height: 20px;
    *margin-bottom: -7px;
    _padding-bottom: 8px;
}

.menu-list .current .first-link span {
    margin-bottom: -2px;
    _top: 1px;
}

.menu-list.pc-main-menu {
    display: block;
}

.menu-list.pc-main-menu .arrow-down {
    position: absolute;
    top: 7px;
    right: 10px;
    margin-left: -6px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-color: transparent;
    border-width: 6px;
    content: " ";
    pointer-events: none;
    border-top-color: #999;
    _font-size: 0;
    _line-height: 0;
    _border-right-color: pink;
    _border-left-color: pink;
    _border-bottom-color: pink;
    _filter: chroma(color=pink);
}

.menu-list.pc-main-menu .has-subs span {
    padding-right: 30px;
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.15);
}

.Mobile .menu-list .arrow-down,.Tablet .menu-list .arrow-down {
    display: none;
}

.extra {
    position: absolute;
    top: 20px;
    right: 0;
}

.extra .launcher {
    float: right;
    display: inline-block;
    margin-top: 3px;
    width: 17px;
    height: 22px;
    background: url("../images/launcher.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/launcher.png*/) no-repeat 0 center;
    opacity: .9;
}

.extra .launcher:hover {
    opacity: 1;
}

.banner{ overflow: hidden; width: 940px; margin: 0 auto;}
.banner-l{ width: 470px; float: left}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}
.slide_container {
    margin: 10px 0 0;
    position: relative;
    float: left;
    width: 100%;
}

.slide {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.slide li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.slide img {
    display: block;
    position: relative;
    z-index: 1;
    height: 231px;
    width: 470px;
    border: 0;
}

.slide .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    background: #000;
    background: rgba(0,0,0, .8);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
}

.slide_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 52%;
    left: 0;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("../images/themes.gif"/*tpa=http://www.htttttt.cn/templates/template_001/images/themes.gif*/) no-repeat left top;
    margin-top: -45px;
}

.slide_nav:active {
    opacity: 1.0;
}

.slide_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}

.news-item{width:410px; margin: 10px 0 0; padding:0 20px;height:235px;overflow:hidden;float:right; background:#fff;}
.news-item .news-item-title{border-bottom:1px dashed #e0e0e0;height:100px}
.news-item .big-tit{text-align:center;font-size:24px;overflow:hidden; padding: 10px 0; height: 20px;}
.news-item .big-tit a{color:#fe1e00;display:block;width:400px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.news-item .big-art{height:48px;line-height:24px;padding:6px 0;color:#666; font-size:14px;overflow:hidden}
.news-item .big-art a{color:#4cb050}
.news-item .big-art a:hover{text-decoration:underline}
.news-item .news-item-content{padding-top:12px;overflow:hidden;line-height:34px;font-size:16px}
.news-item .news-item-content li{height:34px;float:left; background-position:-393px 10px; width:490px; padding:0 0 0 10px;}
.news-item .news-item-content li a{height:34px; color:#333;}
.news-item .news-item-content li a:hover{ color:#4cb050;}
.news-item .news-item-content li span{display:block;width:55px;height:34px;float:right;font-size:14px;color:#a6a6a6; text-align: right; padding: 0 5px 0 0;}



@media screen and (max-width:699px) {
    .mask,.menu-list.pc-main-menu {
        display: none;
    }

    .header {
        height: 44px;
    }

    .header .drawer {
        display: inline-block;
    }

    .header .inner .logo-wp .logo {

    }


    .header .inner .extra {
        display: none;
    }

    .menu-list {
        position: absolute;
        top: 35px;
        left: 9px;
        z-index: 1000001;
        display: none;
        overflow: hidden;
        width: 70%;
        border: 1px solid #dedede;
        border-radius: 2px;
        background: #f4f4f4;
        box-shadow: 2px 4px 6px rgba(0,0,0,.35);
        opacity: .98;
    }

    .menu-list ul {
        height: auto;
        border-bottom: 0;
    }

    .menu-list .nav-item {
        overflow: hidden;
        width: 100%;
        border-bottom: 1px solid #dedede;
        text-align: left!important;
    }

    .menu-list .nav-item .first-link {
        display: block;
        padding: 10px 15px;
        height: 20px;
        color: #666;
        line-height: 20px;
    }

    .menu-list .nav-item .first-link:hover {
        background: #dfdfdf;
    }

    .menu-list .nav-item .first-link .arrow-down {
        display: none;
    }

    .menu-list .nav-item span {
        padding: 0;
    }

    .menu-list .nav-item .new-tip {
        display: inline-block;
    }

    .menu-list .nav-item.nav-item .first-link span {
        border: 0;
    }

    .menu-list .nav-item:last-child {
        border-bottom: 0;
    }

    .menu-list .current .first-link {
        padding-top: 10px;
        border-bottom: 0;
    }

    .menu-list .parent-menu {
        border-bottom: 0;
    }

    .header .logo-wp .logo {
        margin: 14px 0;
        background: url("../images/logo_text.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/logo_text.png*/) no-repeat center center;
        height: 16px;
        width: 59px;
    }
     .header .logo-wp .logo img {
       display:none;
    }
}

@media screen and (min-width:700px) and (max-width:959px) {
    .menu-list li span {
        padding: 0 15px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .header .inner .logo-wp .logo {
        background: url("../images/logo_full@2x.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/logo_full@2x.png*/) no-repeat center center;
        background-size: 103px 40px;
    }

    .extra .launcher {
        background: url("../images/launcher@2x.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/launcher@2x.png*/) no-repeat 0 center;
        background-size: 16px 16px;
    }
}

@media (-webkit-min-device-pixel-ratio:2) and (max-width:699px),(min-resolution:192dpi) and (max-width:699px) {
    .header .inner .logo-wp .logo {
        width: 59px;
        height: 16px;
        background: url("../images/logo_text@2x.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/logo_text@2x.png*/) no-repeat center center;
        background-size: 59px 16px;
    }

    .extra {
        display: none;
    }
}

@media screen and (orientation:landscape) and (max-width:699px) {
    .Mobile .menu-list .nav-item,.menu-list .nav-item {
        float: left;
        margin-right: -1px;
        width: 50%;
        border-right: 1px solid #dedede;
    }
}

.footer {
    padding: 1.5em 0 0;
    padding: .8em;
    border-top: 1px solid #ddd;
    color: #aaa;
    text-align: center;
    font-size: .75em;
}

.footer nav {
    margin-top: .5em;
}

.footer nav a {
    margin-right: .85em;
    color: #999;
}

.footer nav .last {
    margin-right: 0;
}

.footer .intellectual,.footer .useless {
    margin: 10px 10%;
    font-size: .8em;
}

.footer .intellectual a,.footer .useless a {
    color: #aaa;
}

@media screen and (min-width:1182px) {
    .qr-box {
        position: fixed;
        top: 20px;
        right: 0;
        z-index: 100;
        width: 124px;
        color: #717375;
        text-align: center;
    }

    .qr-box .qr-box-inner {
        padding: 10px;
        border: 1px solid #d9dadc;
        background-color: #fff;
    }

    .qr-box .qr-box-inner img {
        width: 105px;
        height: 105px;
    }

    .qr-box .qr-box-inner p {
        color: #999;
        text-align: center;
        font-size: 12px;
    }
}

.card {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 2% 2%;
    margin: 0 10px 20px 12px\9;
    width: 96%;
    width: 298px\9;
    min-height: 48px;
    border-bottom: 1px solid #d4d4d4;
    background: #fff;
    box-shadow: 0 1px 2px #d6d6d6;
    _margin: 0 12px 20px 6px;
    *+margin: 0 10px 20px 5px;
}

.card .icon-wrap {
    float: left;
    margin: 15px 10px;
    width: 68px;
    _margin-left: 5px;
}

.card .icon-wrap img {
    display: block;
}

.card .app-desc {
    margin: 15px 0 25px 88px;
    *padding-bottom: 25px;
}

.card .app-desc .name {
    display: block;
    overflow: hidden;
    margin-top: 3px;
    width: 150px;
    width: 132px\9;
    height: 1.125em;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1em;
    line-height: 1;
}

.card .app-desc .name em {
    font-style: normal;
}

.card .app-desc .meta {
    overflow: hidden;
    margin-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card .app-desc .meta .promoted-text {
    color: #FBA217;
    vertical-align: middle;
    font-weight: 400;
    font-size: .75em;
    *margin-left: 4px;
}

.card .app-desc .meta span {
    color: #ccc;
    vertical-align: middle;
    font-size: .75em;
}

.card .app-desc .meta .install-count {
    *margin-left: 4px;
}

.card .comment {
    overflow: hidden;
    margin-top: 8px;
    margin-right: 15px;
    height: 60px;
    color: #999;
    font-size: 13px;
    line-height: 20px;
}

.card .tag-link {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 76px;
    height: 22px;
    background: #ebebeb;
    color: #999;
    text-align: center;
    font-size: .75em;
    line-height: 24px;
}

.card.small .app-desc {
    margin: 18px 0 0 88px;
}

.card.small .app-desc .meta {
    margin-top: 5px;
}

.card.small .install-btn {
    top: 13px;
}

.card.small .icon-wrap {
    margin: 10px;
    _margin-left: 5px;
}

.card.small .bubble {
    width: auto;
}

.install-btn {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 64px;
    height: 26px;
    background: #4cc9b6;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-size: .875em;
    line-height: 26px;
}

.install-btn:hover {
    color: #fff;
    opacity: .8;
}

.install-btn.disabled {
    background: #ccc;
    color: #666;
    font-size: .75em;
}

.install-btn.sem-btn {
    width: 114px;
}

@media screen and (min-width:600px) and (max-width:919px) {
    .card {
        margin: 0 1% 2%;
        width: 48%;
    }
}

@media screen and (min-width:920px) {
    .card {
        margin: 0 21px 20px 0;
        width: 31%;
    }

    .card .app-desc .name {
        width: 132px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .card .app-desc .gooddev {
        background: url("../images/gooddev.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/gooddev.png*/) no-repeat center center;
        background-size: 15px 13px;
    }

    .card .app-desc .promotion {
        background: url("../images/promotion.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/promotion.png*/) no-repeat center center;
        background-size: 25px 13px;
    }
}

.card .award,.card .first,.card .present,.icons-adv,.icons-adv-embed,.icons-award,.icons-award-small,.icons-bbs_icon,.icons-blog_icon,.icons-danger,.icons-dangerous,.icons-first,.icons-first-small,.icons-go2top,.icons-gooddev,.icons-google-verified,.icons-no-ad,.icons-normal,.icons-not-verified,.icons-not-wdj-verified,.icons-official-verified,.icons-offline_dot,.icons-online_dot,.icons-present,.icons-present-small,.icons-promotion,.icons-rss-icon,.icons-safe,.icons-sprite,.icons-twitter_icon,.icons-unknown,.icons-wdj-verified,.icons-weibo_icon,.tag.adv,.tag.adv-embed,.tag.danger,.tag.gooddev,.tag.maysafe,.tag.no-ad,.tag.permission-info.dangerous,.tag.permission-info.normal,.tag.permission-info.trusted,.tag.promotion,.tag.safe,.tag.unknown,.tag.verify-info.google-verified,.tag.verify-info.not-verified,.tag.verify-info.not-wdj-verified,.tag.verify-info.official-verified,.tag.verify-info.wdj-verified {
    background-image: url("../images/icons-sff65c71275.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/icons-sff65c71275.png*/);
    background-repeat: no-repeat;
}

.tag {
    display: inline-block;
    overflow: hidden;
    width: 35px;
    height: 15px;
}

.tag.safe {
    width: 46px;
    height: 15px;
}

.tag.promotion {
    width: 25px;
    height: 13px;
}

.tag.unknown {
    width: 35px;
    height: 15px;
}

.tag.danger {
    width: 27px;
    height: 15px;
}

.tag.no-ad {
    width: 46px;
    height: 15px;
}

.tag.adv,.tag.adv-embed {
    width: 47px;
    height: 15px;
}

.tag.dangerous {
    width: 27px;
    height: 15px;
}

.tag.gooddev {
    width: 15px;
    height: 13px;
}

.tag.google-verified {
    width: 71px;
    height: 15px;
}

.tag.official-verified {
    width: 61px;
    height: 15px;
}

.tag.not-verified {
    width: 71px;
    height: 15px;
}

.tag.not-wdj-verified,.tag.wdj-verified {
    width: 46px;
    height: 15px;
}

.tag.safe {
    background-position: 0 -496px;
}

.tag.maysafe,.tag.unknown {
    background-position: 0 -543px;
}

.tag.danger {
    background-position: 0 -157px;
}

.tag.no-ad {
    background-position: 0 -295px;
}

.tag.adv-embed {
    background-position: 0 0;
}

.tag.adv {
    background-position: 0 -15px;
}

.tag.permission-info.dangerous {
    background-position: 0 -172px;
}

.tag.permission-info.normal,.tag.permission-info.trusted {
    width: 36px;
    height: 15px;
    background-position: 0 -310px;
}

.tag.verify-info.google-verified {
    background-position: 0 -280px;
}

.tag.verify-info.official-verified {
    background-position: 0 -355px;
}

.tag.verify-info.not-verified {
    background-position: 0 -325px;
}

.tag.verify-info.wdj-verified {
    background-position: 0 -558px;
}

.tag.verify-info.not-wdj-verified {
    background-position: 0 -340px;
}

.tag.gooddev {
    margin-right: 2px;
    background-position: 0 -267px;
    vertical-align: middle;
}

.tag.promotion {
    background-position: 0 -451px;
    vertical-align: middle;
}

.tag-popup {
    position: absolute;
    top: 32px;
    left: 0;
    z-index: 20;
    display: none;
    padding: 15px 15px 5px;
    width: 660px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    text-align: left;
    _top: 30px;
}

.tag-popup .parent-cate {
    float: left;
    margin-bottom: 10px;
    width: 50%;
    line-height: 22px;
}

.tag-popup .parent-cate .cate-link {
    display: inline-block;
    padding: 0;
    padding-left: 10px;
    width: 80%;
    border-bottom: 0;
    border-left: 3px solid #4cc9b6;
    color: #333;
    font-size: .875em;
    line-height: 16px;
}

.tag-popup .parent-cate ul {
    margin-left: 8px;
}

.tag-popup .child-cate {
    float: left;
}

.tag-popup .child-cate a {
    display: inline-block;
    margin-right: 2px;
    padding: 0 5px;
    border-left: 0;
    color: #999;
    font-size: .75em;
}

.tag-popup .child-cate a:hover {
    color: #2f7c2f;
    text-decoration: underline;
}

.game-popup {
    width: 680px;
}

@media screen and (max-width:674px) {
    .tag-popup {
        visibility: hidden;
    }
}

.app-box {
    margin-top: 20px;
}

.app-box .crumb {
    margin-bottom: 20px;
}

.card .corner {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 37px;
    height: 36px;
}

.card .first {
    width: 35px;
    height: 35px;
    background-position: 0 -215px;
}

.card .award {
    width: 35px;
    height: 35px;
    background-position: 0 -58px;
}

.card .present {
    width: 35px;
    height: 35px;
    background-position: 0 -416px;
}

#device-info .device-online,#device-info .device-states,#gotop-btn .gotop-btn-inner,.ft-inner .socials .bbs-icon,.ft-inner .socials .blog-icon,.ft-inner .socials .twitter-icon,.ft-inner .socials .weibo-icon,.icons-adv,.icons-adv-embed,.icons-award,.icons-award-small,.icons-bbs_icon,.icons-blog_icon,.icons-danger,.icons-dangerous,.icons-first,.icons-first-small,.icons-go2top,.icons-gooddev,.icons-google-verified,.icons-no-ad,.icons-normal,.icons-not-verified,.icons-not-wdj-verified,.icons-official-verified,.icons-offline_dot,.icons-online_dot,.icons-present,.icons-present-small,.icons-promotion,.icons-rss-icon,.icons-safe,.icons-sprite,.icons-twitter_icon,.icons-unknown,.icons-wdj-verified,.icons-weibo_icon {
    background-image: url("../images/icons-sff65c71275.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/icons-sff65c71275.png*/);
    background-repeat: no-repeat;
}

.icons-adv-embed {
    background-position: 0 0;
}

.icons-adv {
    background-position: 0 -15px;
}

.icons-award-small {
    background-position: 0 -30px;
}

.icons-award {
    background-position: 0 -58px;
}

.icons-bbs_icon {
    background-position: 0 -93px;
}

.icons-blog_icon {
    background-position: 0 -125px;
}

.icons-danger {
    background-position: 0 -157px;
}

.icons-dangerous {
    background-position: 0 -172px;
}

.icons-first-small {
    background-position: 0 -187px;
}

.icons-first {
    background-position: 0 -215px;
}

.icons-go2top {
    background-position: 0 -250px;
}

.icons-gooddev {
    background-position: 0 -267px;
}

.icons-google-verified {
    background-position: 0 -280px;
}

.icons-no-ad {
    background-position: 0 -295px;
}

.icons-normal {
    background-position: 0 -310px;
}

.icons-not-verified {
    background-position: 0 -325px;
}

.icons-not-wdj-verified {
    background-position: 0 -340px;
}

.icons-official-verified {
    background-position: 0 -355px;
}

.icons-offline_dot {
    background-position: 0 -370px;
}

.icons-online_dot {
    background-position: 0 -379px;
}

.icons-present-small {
    background-position: 0 -388px;
}

.icons-present {
    background-position: 0 -416px;
}

.icons-promotion {
    background-position: 0 -451px;
}

.icons-rss-icon {
    background-position: 0 -464px;
}

.icons-safe {
    background-position: 0 -496px;
}

.icons-twitter_icon {
    background-position: 0 -511px;
}

.icons-unknown {
    background-position: 0 -543px;
}

.icons-wdj-verified {
    background-position: 0 -558px;
}

.icons-weibo_icon {
    background-position: 0 -573px;
}

#device-info {
    float: left;
    overflow: hidden;
    margin-right: 20px;
    height: 26px;
    background: #ebebeb;
    _width: 120px;
}

#device-info .devicecenter .actions {
    padding: 1px 0;
    width: auto;
    text-align: center;
}

#device-info .devicecenter .actions .login-button {
    padding: 0 10px;
}

#device-info .device-states {
    float: left;
    display: inline-block;
    margin: 4px -3px 0 0;
    width: 9px;
    height: 9px;
    background-position: 0 -370px;
    vertical-align: middle;
}

#device-info .dcw-widget-container .btn-open-menu {
    float: right;
}

#device-info .device-online {
    overflow: hidden;
    background-position: 0 -379px;
    color: #ff1234;
}

#device-info .account-info {
    position: relative;
    padding: 2px 0 1px 10px;
    height: 20px;
    line-height: 20px;
}

#device-info .username {
    display: inline-block;
    overflow: hidden;
    max-width: 100px;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 23px;
    *vertical-align: middle;
    *text-overflow: ellipsis;
    *float: left;
    _width: 70px;
    *min-width: 70px;
    *margin-right: 30px;
}

#device-info .device-info {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    *position: absolute;
    *right: 0;
    *width: 26px;
    *float: right;
    *margin-top: 3px;
}

#device-info .register-tip,#device-info .syncing-tip {
    display: inline-block;
    *float: left;
}

#device-info .login-button {
    padding: 0 0 10px 20px;
    border: 0;
    background: 0 0;
    filter: none;
}

.dcw-widget-container .dcw-device-thumb {
    display: none;
}

.dcw-menu {
    white-space: nowrap;
}

.dcw-comp div {
    padding-right: 0;
}

.dcw-comp .menu-photos a,.dcw-comp .menu-profiles a {
    color: #333;
}

.dcw-comp .menu-photos a:hover,.dcw-comp .menu-profiles a:hover {
    color: #38d;
    text-decoration: none;
}

.devicecenter.devicecenter-signin .device-menu .icon {
    display: none;
}

#device-info .devicecenter .actions,#device-info .devicecenter a {
    color: #666;
}

#device-info .devicecenter .actions:hover,#device-info .devicecenter a:hover {
    color: #666;
    text-decoration: none;
}

.header {
    position: relative;
    z-index: 99;
}

.suggestion-wp {
    z-index: 100;
    display: none;
    padding-bottom: 10px;
    border: 1px solid #e6e6e6;
    background: #fff;
    font-size: 12px;
}

.suggestion-wp em {
    font-weight: 700;
    font-style: normal;
}

.suggestion-wp li {
    overflow: hidden;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    cursor: default;
}

.suggestion-wp .current {
    background: #ededed;
}

.green-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 420px;
    background: #fff;
    zoom: 1;
    _position: absolute;
}

.popup-title {
    padding: 0 10px;
    background: #4cc9b6;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
}

.popup-title .popop-close {
    float: right;
    display: inline-block;
    margin-right: 5px;
    width: auto;
    height: auto;
    color: #fff!important;
    font: 400 20px/32px Georgia;
}

.popup-cnt {
    padding: 20px 40px 30px;
    width: 340px;
    *padding-top: 0;
}

.popup-cnt .app-info {
    float: left;
    width: 190px;
}

.popup-cnt .app {
    float: left;
    margin-top: 20px;
    width: 200px;
}

.popup-cnt .app .icon-area {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.popup-cnt .app .name {
    display: inline-block;
    overflow: hidden;
    margin-top: 5px;
    max-width: 100px;
    color: #666;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1em;
    _width: 100px;
}

.popup-cnt .app .meta {
    display: block;
    color: #999;
    font-size: .75em;
}

.popup-cnt .app .meta span {
    display: block;
    margin-top: 3px;
}

.popup-cnt .popup-install {
    display: inline-block;
    margin: 20px 0 0;
    padding: 8px 10px;
    width: 120px;
    background: #4cc9b6;
    color: #fff;
    text-align: center;
    font-size: .875em;
}

.popup-cnt .binded-qr {
    float: right;
    width: 130px;
    text-align: center;
}

.popup-cnt .binded-qr .qr-tip {
    color: #999;
    font-size: .75em;
}

.popup-cnt .gooddev {
    display: none;
}

.shunwang .green-popup {
    width: 620px;
}

.shunwang .green-popup .popup-title {
    height: 48px;
    background: #fff;
}

.shunwang .green-popup .popop-close {
    margin-top: 8px;
    color: #ddd!important;
    font-size: 30px;
}

.shunwang .green-popup .popup-cnt {
    position: relative;
    padding: 20px 20px 30px;
    width: 616px;
}

.shunwang .green-popup .popup-cnt .popup-section {
    float: left;
    padding: 0 7%;
    width: 36%;
    height: 100%;
    vertical-align: top;
}

.shunwang .green-popup .popup-cnt .popup-section .inner-title {
    margin-bottom: 20px;
    color: #333;
    font-size: 16px;
}

.shunwang .green-popup .popup-cnt .popup-section .sub-title {
    margin-bottom: 20px;
    color: #777;
}

.shunwang .green-popup .popup-cnt .popup-section .qr-wrap {
    width: 130px;
    text-align: center;
}

.shunwang .green-popup .popup-cnt .popup-split {
    position: absolute;
    top: 22px;
    left: 49.5%;
    width: 1px;
    height: 220px;
    background: #dfdfdf;
}

.prompts {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #efefef;
    color: #999;
}

.prompts a {
    color: #38d;
}

.popup-actions {
    padding: 20px;
    border-top: 1px solid #efefef;
}

.popup-actions .button-green {
    float: right;
    margin-right: 20px;
}

.ft-desc {
    margin-top: 20px;
    padding: 10px 0;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    font-size: 13px;
    line-height: 1.8;
}

.small-box {
    margin-bottom: 20px;
}

.wd-icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url("../../../style/images/wdj/new-header-icon.png"/*tpa=http://www.htttttt.cn/style/images/wdj/new-header-icon.png*/) no-repeat 20px 10px;
}

#gotop-btn {
    position: fixed;
    bottom: -1px;
    left: 50%;
    z-index: 10px;
    display: none;
    overflow: hidden;
    margin-left: 470px;
    width: 33px;
    height: 33px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#f2f2f2));
    background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
    background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
    background-image: linear-gradient(to bottom,#fff,#f2f2f2);
    background-size: 100%;
    box-shadow: 0 0 2px #d6d6d6;
    color: #666;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    font-size: 12px;
    line-height: 33px;
    cursor: pointer;
}

#gotop-btn .gotop-btn-inner {
    display: inline-block;
    overflow: hidden;
    width: 17px;
    height: 17px;
    background-position: 0 -250px;
    vertical-align: middle;
    *margin-top: 8px;
}

.popup-layer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: #000;
}

.mobile-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    padding: 15px;
    width: 260px;
    background: #fff;
    zoom: 1;
}

.mobile-popup .close {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 30px;
    color: #999;
    text-align: center;
}

.mobile-popup .tit {
    margin-bottom: 5px;
    padding-right: 15px;
    color: #333;
}

.mobile-popup .con {
    margin: 0 0 20px;
    color: #999;
    font-size: .875em;
}

.mobile-popup .bind-install,.mobile-popup .normal-install {
    display: inline-block;
    padding: 8px 25px;
    background: #4cc9b6;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
}

.mobile-popup .bind-install {
    margin-right: 10px;
}

.mobile-popup .normal-install {
    float: right;
    background: #ddd;
    color: #333;
}

.PC .container {
    overflow: hidden;
    margin: 2px auto;
    max-width: 960px;
    *width: 960px;
}

.PC .card:hover {
    box-shadow: 0 1px 3px #aaa;
}

.PC .card .icon-wrap a:hover img {
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
    -webkit-transform: rotate(3deg) scale(1.1);
    -moz-transform: rotate(3deg) scale(1.1);
    -o-transform: rotate(3deg) scale(1.1);
    transform: rotate(3deg) scale(1.1);
    -ms-transition: .3s linear;
    -ms-transition-delay: 200ms;
    -ms-transform: rotate(3deg) scale(1.1);
}

.PC .tag-box .parent-cate:hover {
    box-shadow: 0 1px 3px #aaa;
}

.card .push-btn {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 64px;
    height: 26px;
    background: #4cc9b6;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-size: .875em;
    line-height: 26px;
}

.card .app-desc .name:hover {
    color: #2f7c2f;
    text-decoration: underline;
}

.split {
    margin-bottom: 15px;
    width: 100%;
    height: 1px;
    background: url("../../../../img.wdjimg.com/www/images/www/2013_home_split.png"/*tpa=http://img.wdjimg.com/www/images/www/2013_home_split.png*/) no-repeat center 0;
}

.ft-inner {
    position: relative;
    margin: 0 auto;
    max-width: 940px;
    text-align: left;
    _width: 940px;
}

.ft-inner a {
    color: #aaa;
}

.ft-inner a:hover {
    color: #2f7c2f;
    text-decoration: underline;
}

.ft-inner dl {
    margin-bottom: 30px;
}

.ft-inner dt {
    position: relative;
    width: 260px;
    color: #333;
    font-weight: 700;
}

.ft-inner dd,.ft-inner dt {
    float: left;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

.ft-inner dd {
    margin: 28px 0 0 -259px;
    width: 260px;
    vertical-align: top;
}

.ft-inner dd ul li {
    line-height: 1.8;
}

.ft-inner .socials {
    position: absolute;
    top: 0;
    right: 0;
}

.ft-inner .socials .sc-icon {
    display: inline-block;
    margin-right: 9px;
    width: 32px;
    height: 32px;
    opacity: .7;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    filter: alpha(Opacity=70);
}

.ft-inner .socials .sc-icon:hover {
    opacity: 1;
    filter: alpha(Opacity=100);
}

.ft-inner .socials .weibo-icon {
    background-position: 0 -573px;
}

.ft-inner .socials .twitter-icon {
    background-position: 0 -511px;
}

.ft-inner .socials .blog-icon {
    background-position: 0 -125px;
}

.ft-inner .socials .bbs-icon {
    background-position: 0 -93px;
}


@media screen and (max-width:699px) {
    .ft-inner {
        display: none;
    }
    .banner{ width: auto;}
    .banner-l{ width: auto; float: inherit; overflow: hidden;}
    .news-item{ width: auto; float: inherit; padding: 10px 5px; margin: 10px 0 0; height: auto}
    .news-item .news-item-title{ height: auto}
    .news-item .big-tit{text-align:center;font-size:16px;overflow:hidden; padding: 5px 0; height: 15px;}
    .news-item .big-tit a{color:#fe1e00}
    .news-item .big-art{height:48px;line-height:24px;padding:6px 0;color:#666; font-size:12px;overflow:hidden}
    .news-item .big-art a{color:#4cb050}
    .news-item .big-art a:hover{text-decoration:underline}
    .news-item .news-item-content{padding-top:12px;overflow:hidden;line-height:1.6em;font-size:14px}
    .news-item .news-item-content li{ height:auto;background-position:-393px 10px; width:auto; padding:0 5px; height: 25px; overflow: hidden;}
    .news-item .news-item-content li a{height:auto; color:#333;}
    .news-item .news-item-content li a:hover{ color:#4cb050;}
    .news-item .news-item-content li span{display:block;width:55px;height:34px;float:right;font-size:14px;color:#a6a6a6; text-align: right; padding: 0 5px 0 0;}
}




.install-btn{letter-spacing:1px;font-size:.875em;position:absolute;top:12px;right:10px;text-align:center;width:64px;height:26px;line-height:26px;color:#fff;background:#4cc9b6}
.install-btn:hover{color:#fff;opacity:.8}
.install-btn.disabled{color:#666;background:#ccc;font-size:.75em}
.install-btn.sem-btn{width:114px}

.special-card .special-icon{width:100%;display:block;overflow:hidden}
.special-card .special-icon img{width:100%}
.special-card .special-meta{padding:10px;font-size:.875em;position:relative;border-bottom:1px solid #dedede}
.special-card .special-meta span{color:#666;margin-right:10px}
.special-card .special-meta .see-btn{display:inline-block;position:absolute;right:10px;top:2px;text-align:center;width:64px;height:26px;line-height:28px;background-color:#e0dfdf;color:#666}
.special-card .special-three{overflow:hidden;position:relative;margin-top:-1px;border-top:1px solid #efefef}
.special-card .special-three .icon-wrap{width:48px;height:48px;margin:10px 10px 15px 10px}
.special-card .special-three .icon-wrap img{ width: 48px; height: 48px;}
.special-card .special-three .app-desc{margin:15px 15px 10px 68px;*padding-bottom:6px}
.special-card .special-three .bubble{width:auto;padding:4px;top:45px}
.special-card .special-three .bubble .arrow{border-width:6px;right:26px;top:-12px}
.special-card .s-applist{overflow:hidden}

.fl-item{width: 940px; margin:10px auto 0; overflow: hidden; }
.fl-item li { float: left}
.fl-item li a{font-size: .875em;background: #fff;
    color: #333;
    padding:10px 10px;
    border-left: 3px solid #4cc9b6;
    display: inline-block;
    margin: 0 5px 3px 0;box-shadow: 0 1px 2px #d6d6d6;

}

@media screen and (max-width:699px){.ft-inner{display:none}
    .fl-item{ width: auto; margin: 0 10px;}

}



















/**/



@media screen and (min-width:1182px) {
    .qr-box {
        z-index:100;
        position:fixed;
        top:20px;
        right:0;
        color:#717375;
        text-align:center;
        width:124px
    }
    .qr-box .qr-box-inner {
        padding:10px;
        border:1px solid #d9dadc;
        background-color:#fff
    }
    .qr-box .qr-box-inner img {
        width:105px;
        height:105px
    }
    .qr-box .qr-box-inner p {
        color:#999;
        text-align:center;
        font-size:12px
    }
}.icons-adv,.icons-adv-embed,.icons-award,.icons-award-small,.icons-bbs_icon,.icons-blog_icon,.icons-danger,.icons-dangerous,.icons-first,.icons-first-small,.icons-go2top,.icons-gooddev,.icons-google-verified,.icons-no-ad,.icons-normal,.icons-not-verified,.icons-not-wdj-verified,.icons-official-verified,.icons-offline_dot,.icons-online_dot,.icons-present,.icons-present-small,.icons-promotion,.icons-rss-icon,.icons-safe,.icons-sprite,.icons-twitter_icon,.icons-unknown,.icons-wdj-verified,.icons-weibo_icon,.tag.adv,.tag.adv-embed,.tag.danger,.tag.gooddev,.tag.maysafe,.tag.no-ad,.tag.permission-info.dangerous,.tag.permission-info.normal,.tag.permission-info.trusted,.tag.promotion,.tag.safe,.tag.unknown,.tag.verify-info.google-verified,.tag.verify-info.not-verified,.tag.verify-info.not-wdj-verified,.tag.verify-info.official-verified,.tag.verify-info.wdj-verified {
     background-image:url("../images/icons-sff65c71275.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/icons-sff65c71275.png*/);
     background-repeat:no-repeat
 }
.tag {
    height:15px;
    width:35px;
    overflow:hidden;
    display:inline-block
}
.tag.safe {
    width:46px;
    height:15px
}
.tag.promotion {
    width:25px;
    height:13px
}
.tag.unknown {
    width:35px;
    height:15px
}
.tag.danger {
    width:27px;
    height:15px
}
.tag.no-ad {
    width:46px;
    height:15px
}
.tag.adv,.tag.adv-embed {
    width:47px;
    height:15px
}
.tag.dangerous {
    width:27px;
    height:15px
}
.tag.gooddev {
    width:15px;
    height:13px
}
.tag.google-verified {
    width:71px;
    height:15px
}
.tag.official-verified {
    width:61px;
    height:15px
}
.tag.not-verified {
    width:71px;
    height:15px
}
.tag.not-wdj-verified,.tag.wdj-verified {
    width:46px;
    height:15px
}
.tag.safe {
    background-position:0 -496px
}
.tag.maysafe,.tag.unknown {
    background-position:0 -543px
}
.tag.danger {
    background-position:0 -157px
}
.tag.no-ad {
    background-position:0 -295px
}
.tag.adv-embed {
    background-position:0 0
}
.tag.adv {
    background-position:0 -15px
}
.tag.permission-info.dangerous {
    background-position:0 -172px
}
.tag.permission-info.normal,.tag.permission-info.trusted {
    width:36px;
    height:15px;
    background-position:0 -310px
}
.tag.verify-info.google-verified {
    background-position:0 -280px
}
.tag.verify-info.official-verified {
    background-position:0 -355px
}
.tag.verify-info.not-verified {
    background-position:0 -325px
}
.tag.verify-info.wdj-verified {
    background-position:0 -558px
}
.tag.verify-info.not-wdj-verified {
    background-position:0 -340px
}
.tag.gooddev {
    background-position:0 -267px;
    vertical-align:middle;
    margin-right:2px
}
.tag.promotion {
    background-position:0 -451px;
    vertical-align:middle
}
.tag-popup {
    display:none;
    position:absolute;
    left:0;
    top:32px;
    _top:30px;
    text-align:left;
    z-index:20;
    padding:15px 15px 5px;
    background:#f7f7f7;
    border:1px solid #ddd;
    width:660px
}
.tag-popup .parent-cate {
    line-height:22px;
    float:left;
    width:50%;
    margin-bottom:10px
}
.tag-popup .parent-cate .cate-link {
    font-size:.875em;
    color:#333;
    padding:0;
    padding-left:10px;
    display:inline-block;
    line-height:16px;
    border-left:3px solid #4cc9b6;
    border-bottom:0;
    width:80%
}
.tag-popup .parent-cate ul {
    margin-left:8px
}
.tag-popup .child-cate {
    float:left
}
.tag-popup .child-cate a {
    font-size:.75em;
    color:#999;
    padding:0 5px;
    margin-right:2px;
    border-left:0;
    display:inline-block
}
.tag-popup .child-cate a:hover {
    text-decoration:underline;
    color:#2f7c2f
}
.game-popup {
    width:680px
}
@media screen and (max-width:674px) {
    .tag-popup {
        visibility:hidden
    }
}.crumb {
     vertical-align:middle;
     max-width:940px;
     _width:940px;
     margin:15px 10px;
     font-size:.75em;
     color:#999
 }
.crumb .sep,.crumb a {
    color:#999
}
.crumb .last {
    color:#666
}
.crumb .index,.crumb .second,.crumb .third {
    display:inline
}
@media screen and (max-width:699px) {
    .crumb {
        margin:10px
    }
}.wx-download-tip {
     position:fixed;
     left:0;
     top:0;
     background:rgba(0,0,0,.8);
     filter:alpha(opacity=80);
     width:100%;
     height:100%;
     z-index:100
 }
.wx-download-tip .inner {
    text-align:center;
    margin-top:10%;
    padding:0 5%;
    position:relative
}
.wx-download-tip .inner img {
    max-width:100%;
    height:auto
}
.wx-download-tip .inner .close {
    color:#fff;
    padding:5px;
    font:700 20px/20px simsun;
    text-shadow:0 1px 0 #ddd;
    position:absolute;
    top:0;
    left:5%
}
.PC.detail .container {
    margin:40px auto
}
.PC.detail .menu-list.pc-main-menu {
    position:absolute;
    top:67px;
    left:50%;
    width:940px;
    margin-left:-470px
}
@media screen and (max-width:699px) {
    .PC.detail .container {
        margin:0 auto
    }
    .PC.detail .menu-list.pc-main-menu {
        width:70%;
        margin-left:0
    }
}@media screen and (max-width:960px) {
    .PC.detail .menu-list.pc-main-menu {
        left:10px;
        margin-left:0
    }
}.detail-wrap {
     max-width:940px;
     margin:10px 10px 20px;
     background:#fff;
     box-shadow:0 1px 2px #d6d6d6
 }
.detail-top {
    position:relative;
    padding:15px;
    border-bottom:1px solid #e8e8e8
}
.detail-top .app-icon,.detail-top .app-info {
    float:left
}
.detail-top .app-icon img,.detail-top .app-info img {
    display:block
}
.detail-top .tagline {
    color:#999;
    min-height:10px;
    font-size:.875em;
    margin:5px 0 10px
}
.detail-top .app-info {
    margin:5px 0 0 15px
}
.detail-top .app-info .title {
    vertical-align:middle;
    display:inline-block;
    max-width:200px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.detail-top .app-info .app-name {
    color:#333;
    font-size:1.2em
}
.detail-top .app-info .app-name .tag {
    top:-2px
}
.detail-top .app-info .app-meta {
    margin-top:5px;
    color:#ccc;
    font-size:.75em
}
.detail-top .qr-info {
    position:absolute;
    top:12px;
    right:235px;
    text-align:center
}
.detail-top .qr-info img {
    display:block;
    width:90px;
    height:90px;
    margin:0 auto
}
.detail-top .qr-info a {
    color:#999;
    text-align:center;
    font-size:13px
}
.detail-top .dir-install-btn,.detail-top .install-btn,.detail-top .push-btn {
    letter-spacing:1px;
    display:inline-block;
    font-size:.875em;
    text-align:center;
    padding:5px 15px;
    color:#fff;
    background:#4cc9b6
}
.detail-top .dir-install-btn.disabled,.detail-top .install-btn.disabled,.detail-top .push-btn.disabled {
    color:#666;
    background:#ccc;
    font-size:.75em
}
.detail-top .dir-install-btn.sem-btn,.detail-top .install-btn.sem-btn,.detail-top .push-btn.sem-btn {
    background:#3baa24;
    font-size:1em
}
.detail-top .dir-install-btn.sem-btn .wd-icon,.detail-top .install-btn.sem-btn .wd-icon,.detail-top .push-btn.sem-btn .wd-icon {
    display:inline-block;
    width:24px;
    height:24px;
    margin-top:-4px;
    margin-right:4px;
    line-height:24px;
    vertical-align:text-top;
    background-image:url("../images/icon_24.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/icon_24.png*/)
}
.detail-top .app-security {
    position:absolute;
    right:20px;
    top:80px
}
.detail-top .download-wp {
    position:relative
}
.detail-top .download-wp .bubble {
    z-index:1;
    top:45px
}
.detail-top .download-wp .bubble .arrow {
    right:86px
}
.detail-top .download-wp .install-btn {
    vertical-align:middle
}
.detail-top .download-wp .n-download {
    display:inline-block;
    vertical-align:middle;
    font-size:12px;
    color:#999;
    padding-left:10px
}
.screenshot {
    overflow:hidden;
    padding:15px
}
.screenshot img {
    margin-right:5px
}
.scroll-wp {
    position:relative;
    height:266px;
    overflow-x:auto;
    overflow-y:hidden
}
.scroll-wp img {
    box-sizing:border-box;
    float:left;
    display:block;
    display:inline-block;
    height:266px
}
.scroll-wp img:last-child {
    margin-right:0
}
.carousel {
    overflow:hidden
}
.carousel .item {
    display:block;
    float:left;
    text-align:center
}
.carousel .carousel-wp {
    width:100%;
    position:relative
}
.j-scrollbar-wrap {
    height:284px;
    overflow:hidden
}
.j-scrollbar-wrap .view-box {
    overflow:hidden;
    position:relative;
    margin-bottom:5px;
    height:266px
}
.j-scrollbar-wrap .view-box .overview {
    position:absolute;
    top:0;
    left:0;
    height:266px
}
.j-scrollbar-wrap .view-box .overview img {
    float:left;
    margin-right:5px;
    height:266px
}
.j-scrollbar-wrap .scrollbar {
    position:relative;
    height:7px
}
.j-scrollbar-wrap .scrollbar .track {
    background:#efefef;
    border:1px solid #ccc;
    border-radius:8px;
    width:100%;
    height:7px;
    position:relative
}
.j-scrollbar-wrap .scrollbar .track .thumb {
    background:#bbb;
    border:1px solid #ccc;
    border-radius:8px;
    height:7px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    left:0;
    top:-1px
}
/*.block-title {
	font-size:.875em;
	color:#666;
	margin:0 0 10px
}*/
.editorComment .con {
    background:#f5f5f5;
    padding:10px
}
.award-info,.change-info,.desc-info,.editorComment {
    padding:15px;
    color:#999
}
.award-info .con,.award-info .more-link,.change-info .con,.change-info .more-link,.desc-info .con,.desc-info .more-link,.editorComment .con,.editorComment .more-link {
    line-height:1.6;
    font-size:.8125em
}
.award-info .more-link,.change-info .more-link,.desc-info .more-link,.editorComment .more-link {
    position:relative;
    display:block;
    text-align:right;
    margin-top:10px;
    padding-right:30px;
    color:#999;
    cursor:pointer
}
.award-info .more-link .arrow-down,.change-info .more-link .arrow-down,.desc-info .more-link .arrow-down,.editorComment .more-link .arrow-down {
    top:6px;
    right:12px
}
.award-info .more-link .arrow-up,.change-info .more-link .arrow-up,.desc-info .more-link .arrow-up,.editorComment .more-link .arrow-up {
    top:0;
    right:12px
}
.arrow-down {
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:transparent;
    border-top-color:#ccc;
    border-width:6px;
    margin-left:-6px;
    _font-size:0;
    _line-height:0;
    _border-right-color:pink;
    _border-left-color:pink;
    _border-bottom-color:pink;
    _filter:chroma(color=pink)
}
.arrow-up {
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:transparent;
    border-bottom-color:#ccc;
    border-width:6px;
    margin-left:-6px;
    _font-size:0;
    _line-height:0;
    _border-right-color:pink;
    _border-left-color:pink;
    _border-top-color:pink;
    _filter:chroma(color=pink)
}
.num-list {
    position:relative;
    float:right;
    margin:15px 10px 10px;
    font-size:12px
}
.num-list .gooddev {
    position:absolute;
    top:52px;
    left:-31px
}
.num-list .item {
    text-align:center;
    display:inline-block;
    padding-right:10px;
    border-right:1px dotted #ccc
}
.num-list .item i {
    font-family:arial;
    font-style:normal;
    color:#999
}
.num-list .item b {
    font-size:12px;
    font-weight:400;
    display:block;
    color:#999;
    text-align:center
}
.num-list .item.love {
    padding-left:10px
}
.num-list .item.last {
    padding-left:10px;
    border-right:0
}
.num-list .item.last:hover {
    text-decoration:none;
    color:#2f7c2f
}
.num-list .item.last:hover b,.num-list .item.last:hover i {
    color:#2f7c2f
}
.award-info .con,.change-info .con,.desc-info .con {
    line-height:20px;
    height:100px;
    overflow:hidden
}
.desc-info .con {
    line-height:20px;
    height:auto;
    overflow:hidden;
}
.award-info .issue {
    color:#999;
    font-size:.875em
}
.award-info .con h2 {
    margin:20px 0
}
.award-info .con img {
    border-radius:100%;
    width:30px;
    height:30px;
    vertical-align:top;
    margin:-3px 5px -3px 10px
}
.col-left {
    width:70%;
    float:left
}
.col-right {
    width:30%;
    float:right
}
.infos {
    padding:15px
}
.infos .infos-list {
    margin:0 0 0 13px;
    padding:0;
    font-size:.8125em;
    color:#999;
    overflow:hidden;
    line-height:28px
}
.infos .infos-list dt {
    float:left;
    color:#aaa
}
.infos .infos-list dd {
    color:#666;
    margin-left:40px
}
.infos .infos-list dd a {
    color:#999
}
.infos .infos-list dd a:hover {
    color:#2f7c2f
}
.infos .infos-list .perms .perms-list {
    max-height:300px;
    overflow-y:auto;
    line-height:1.6;
    font-size:.75em;
    padding:10px;
    color:#999;
    background:#f5f5f5;
    margin:5px 0
}
.infos .infos-list .perms .view-perms {
    position:relative;
    padding-right:30px
}
.infos .infos-list .perms .view-perms .arrow-down {
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:transparent;
    border-top-color:#999;
    border-width:6px;
    margin-left:-6px;
    _font-size:0;
    _line-height:0;
    _border-right-color:pink;
    _border-left-color:pink;
    _border-bottom-color:pink;
    _filter:chroma(color=pink);
    top:6px;
    right:12px
}
.infos .infos-list .tag-box a {
    position:relative;
    display:inline-block;
    background:#ebebeb;
    padding:.1em 1em;
    text-decoration:none;
    color:#999;
    text-shadow:0 1px 0 rgba(255,255,255,.5);
    margin:0 18px 10px 0
}
.infos .infos-list .tag-box a::after,.infos .infos-list .tag-box a::before {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    width:1em;
    background:#ebebeb;
    -webkit-transform:skew(-10deg);
    -moz-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    -o-transform:skew(-10deg);
    transform:skew(-10deg)
}
.infos .infos-list .tag-box a::before {
    left:-.5em;
    -webkit-border-radius:5px 0 0 5px;
    -moz-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px
}
.infos .infos-list .tag-box a::after {
    right:-.5em;
    -webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0
}
.award-title {
    display:inline-block;
    color:#666;
    margin:0 0 5px;
    padding-bottom:5px;
    border-bottom:1px solid #ededed;
    font-size:.8125em
}
.award-title .tip {
    color:#999
}
.award-title:hover {
    color:#2f7c2f;
.tip-color:#ccc
}
.comments {
    padding:15px
}
.comments .no-comments {
    font-size:.875em;
    color:#ccc
}
.comments .comments-list {
    background:#fff
}
.comments .comments-list li {
    padding:8px 0;
    border-top:1px dashed #ededed
}
.comments .comments-list li .first {
    font-size:.75em;
    color:#999
}
.comments .comments-list li .first .name {
    display:inline-block;
    margin-right:10px
}
.comments .comments-list li .superior {
    font-size:.75em;
    color:#ccc
}
.comments .cmt-content {
    margin:3px 0;
    line-height:1.6;
    color:#666;
    font-size:.8125em
}
.comments .cmt-content span {
    word-wrap:break-word;
    word-break:break-all
}
.load-more-comment {
    text-align:left;
    margin:10px 0 20px
}
.load-more-comment .refresh-comment-btn {
    background:#e7e7e7;
    display:inline-block;
    font-size:.875em;
    padding:8px 20px;
    color:#333
}
.load-more-comment .refresh-comment-btn:hover {
    background:#dedede
}
.view-stat {
    display:none
}
.detail-down {
    margin-top:10px
}
.detail-down .install-wdj-btn {
    vertical-align:middle;
    display:inline-block;
    font-size:1em;
    letter-spacing:1px;
    text-align:center;
    padding:8px 20px;
    color:#fff;
    background:#3baa24
}
.detail-down .tip {
    color:#ccc;
    font-size:.75em;
    margin-left:10px;
    vertical-align:middle
}
.fix-banner {
    position:fixed;
    bottom:0;
    background:rgba(0,0,0,.8);
    width:100%;
    overflow:hidden;
    z-index:999999
}
.fix-banner .jr-title {
    height:30px;
    line-height:30px;
    background:#F24949;
    padding-left:20px;
    color:#fff
}
.jr-list {
    width:25%;
    height:122px;
    float:left;
    text-align:center;
    position:relative;
    padding-top:12px
}
.jr-list .app-title {
    margin:4px 0;
    font-size:12px;
    color:#fff;
    height:20px;
    overflow:hidden;
    vertical-align:middle
}
.jr-list .download-btn {
    letter-spacing:1px;
    display:inline-block;
    font-size:12px;
    text-align:center;
    padding:4px 8px;
    color:#fff;
    background:#4cc9b6
}
.news-box{ width: 940px; margin:10px auto;/*background: #fff; */overflow: hidden;}
/*left*/
.left{overflow:hidden;float:left;  width: 70%; padding: 20px 0;}
.left-title{ overflow: hidden;  padding:0 5px 7px}
.left-title h3{padding-left: 7px;
    border-left: 3px solid #45cab6;
    color: #666;}
.left-title p a{ font-size: 12px; color: #333; display: inline-block;padding:5px 8px; margin: 0 5px; background: #fff}
.left-title p .current{ background: #45cab6; color: #fff;}
.left-content{ background: #fff; padding: 10px 0;}

/*news-top-detail*/
.news-top-detail li{ border-bottom: 1px dashed #e2e2e2; padding: 10px 10px; margin: 5px 10px 20px;}
.news-top-detail li h2{ font-size: 16px; padding: 0 0 10px;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-top-detail li p{ line-height: 1.8em; color: #666; padding: 0 0 10px;font-size: 12px;}

.news-top-detail li span{ color: #999; font-size: 12px;}
.news-top-detail li .read-more{ float: right; color: #999; font-size: 12px;}

.col-right .block-title{ margin: 0px;}
.col-right .infos{ padding:0px 15px 20px;background:#fff;margin:20px 0 0;}

@media screen and (max-width:850px) {
    .col-left,.col-right {
        float:none;
        width:auto
    }
    .news-box{ width: auto;}
    .left{ width: auto; float: inherit;}
    .col-right .infos{ padding:0 15px 0;}
}@media screen and (max-width:650px) {
    .qr-info {
        display:none
    }
    .num-list {
        float:none;
        margin:125px 0 0;
        border-top:1px dashed #ededed;
        padding-top:15px
    }
    .num-list .gooddev {
        top:24px;
        left:167px
    }
    .detail-top .app-security {
        position:static;
        float:right;
        margin:-25px 0 0 0
    }
}@media screen and (max-width:450px) {
    .detail-top .app-icon img {
        width:78px;
        height:78px
    }
    .detail-top .app-info {
        margin:0 0 0 10px
    }
    .detail-top .app-info .app-name {
        font-size:1em
    }
    .detail-top .tagline {
        min-height:15px;
        margin:2px 0 5px
    }
    .num-list {
        position:relative;
        margin:90px -10px -5px -10px;
        padding-top:5px;
        text-align:center
    }
    .num-list .gooddev {
        position:static
    }
    .num-list .item {
        border-right:0;
        padding-right:0
    }
    .num-list .item b {
        display:inline-block
    }
    .num-list .item.last,.num-list .item.love {
        padding-left:5px
    }
    .detail-top .app-info .title {
        max-width:150px
    }
    .detail-top .app-security {
        display:none;
        float:none;
        text-align:center;
        padding-top:10px;
        border-top:1px dashed #ededed;
        margin:10px 0 -5px 0
    }
    .award-info,.change-info,.comments,.desc-info,.detail-top,.editorComment,.infos,.screenshot {
        padding:10px
    }
    .view-stat {
        cursor:pointer;
        position:absolute;
        width:30px;
        top:0;
        right:0;
        height:26px;
        display:inline-block
    }
    .view-stat .arrow-down {
        top:10px;
        right:10px
    }
    .view-stat .arrow-up {
        top:2px;
        right:10px
    }
}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .detail-top .app-info .gooddev {
        background:url("../images/gooddev.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/gooddev.png*/) no-repeat center center;
        background-size:15px 13px
    }
}#device-info .device-online,#device-info .device-states,#gotop-btn .gotop-btn-inner,.ft-inner .socials .bbs-icon,.ft-inner .socials .blog-icon,.ft-inner .socials .twitter-icon,.ft-inner .socials .weibo-icon,.icons-adv,.icons-adv-embed,.icons-award,.icons-award-small,.icons-bbs_icon,.icons-blog_icon,.icons-danger,.icons-dangerous,.icons-first,.icons-first-small,.icons-go2top,.icons-gooddev,.icons-google-verified,.icons-no-ad,.icons-normal,.icons-not-verified,.icons-not-wdj-verified,.icons-official-verified,.icons-offline_dot,.icons-online_dot,.icons-present,.icons-present-small,.icons-promotion,.icons-rss-icon,.icons-safe,.icons-sprite,.icons-twitter_icon,.icons-unknown,.icons-wdj-verified,.icons-weibo_icon {
     background-image:url("../images/icons-sff65c71275.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/icons-sff65c71275.png*/);
     background-repeat:no-repeat
 }
.icons-adv-embed {
    background-position:0 0
}
.icons-adv {
    background-position:0 -15px
}
.icons-award-small {
    background-position:0 -30px
}
.icons-award {
    background-position:0 -58px
}
.icons-bbs_icon {
    background-position:0 -93px
}
.icons-blog_icon {
    background-position:0 -125px
}
.icons-danger {
    background-position:0 -157px
}
.icons-dangerous {
    background-position:0 -172px
}
.icons-first-small {
    background-position:0 -187px
}
.icons-first {
    background-position:0 -215px
}
.icons-go2top {
    background-position:0 -250px
}
.icons-gooddev {
    background-position:0 -267px
}
.icons-google-verified {
    background-position:0 -280px
}
.icons-no-ad {
    background-position:0 -295px
}
.icons-normal {
    background-position:0 -310px
}
.icons-not-verified {
    background-position:0 -325px
}
.icons-not-wdj-verified {
    background-position:0 -340px
}
.icons-official-verified {
    background-position:0 -355px
}
.icons-offline_dot {
    background-position:0 -370px
}
.icons-online_dot {
    background-position:0 -379px
}
.icons-present-small {
    background-position:0 -388px
}
.icons-present {
    background-position:0 -416px
}
.icons-promotion {
    background-position:0 -451px
}
.icons-rss-icon {
    background-position:0 -464px
}
.icons-safe {
    background-position:0 -496px
}
.icons-twitter_icon {
    background-position:0 -511px
}
.icons-unknown {
    background-position:0 -543px
}
.icons-wdj-verified {
    background-position:0 -558px
}
.icons-weibo_icon {
    background-position:0 -573px
}
#device-info {
    margin-right:20px;
    background:#ebebeb;
    float:left;
    height:26px;
    _width:120px;
    overflow:hidden
}
#device-info .devicecenter .actions {
    padding:1px 0;
    width:auto;
    text-align:center
}
#device-info .devicecenter .actions .login-button {
    padding:0 10px
}
#device-info .device-states {
    float:left;
    background-position:0 -370px;
    display:inline-block;
    vertical-align:middle;
    width:9px;
    height:9px;
    margin:4px -3px 0 0
}
#device-info .dcw-widget-container .btn-open-menu {
    float:right
}
#device-info .device-online {
    background-position:0 -379px;
    color:#ff1234;
    overflow:hidden
}
#device-info .account-info {
    height:20px;
    line-height:20px;
    padding:2px 0 1px 10px;
    position:relative
}
#device-info .username {
    line-height:23px;
    display:inline-block;
    max-width:100px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    vertical-align:middle;
    *vertical-align:middle;
    *text-overflow:ellipsis;
    *float:left;
    _width:70px;
    *min-width:70px;
    *margin-right:30px
}
#device-info .device-info {
    *position:absolute;
    *right:0;
    *width:26px;
    *float:right;
    *margin-top:3px;
    display:inline-block;
    vertical-align:middle;
    margin-left:5px
}
#device-info .register-tip,#device-info .syncing-tip {
    display:inline-block;
    *float:left
}
#device-info .login-button {
    background:0 0;
    border:0;
    padding:0 0 10px 20px;
    filter:none
}
.dcw-widget-container .dcw-device-thumb {
    display:none
}
.dcw-menu {
    white-space:nowrap
}
.dcw-comp div {
    padding-right:0
}
.dcw-comp .menu-photos a,.dcw-comp .menu-profiles a {
    color:#333
}
.dcw-comp .menu-photos a:hover,.dcw-comp .menu-profiles a:hover {
    text-decoration:none;
    color:#38d
}
.devicecenter.devicecenter-signin .device-menu .icon {
    display:none
}
#device-info .devicecenter .actions,#device-info .devicecenter a {
    color:#666
}
#device-info .devicecenter .actions:hover,#device-info .devicecenter a:hover {
    color:#666;
    text-decoration:none
}
.header {
    z-index:99;
    position:relative
}
.suggestion-wp {
    border:1px solid #e6e6e6;
    background:#fff;
    font-size:12px;
    display:none;
    z-index:100;
    padding-bottom:10px
}
.suggestion-wp em {
    font-weight:700;
    font-style:normal
}
.suggestion-wp li {
    padding:0 10px;
    height:25px;
    line-height:25px;
    overflow:hidden;
    cursor:default
}
.suggestion-wp .current {
    background:#ededed
}
.green-popup {
    position:fixed;
    top:50%;
    left:50%;
    z-index:100;
    background:#fff;
    zoom:1;
    width:420px;
    _position:absolute
}
.popup-title {
    background:#4cc9b6;
    color:#fff;
    font-size:14px;
    line-height:36px;
    padding:0 10px
}
.popup-title .popop-close {
    color:#fff!important;
    float:right;
    display:inline-block;
    height:auto;
    margin-right:5px;
    width:auto;
    font:400 20px/32px Georgia
}
.popup-cnt {
    padding:20px 40px 30px;
    *padding-top:0;
    width:340px
}
.popup-cnt .app-info {
    width:190px;
    float:left
}
.popup-cnt .app {
    width:200px;
    margin-top:20px;
    float:left
}
.popup-cnt .app .icon-area {
    display:inline-block;
    float:left;
    margin-right:10px
}
.popup-cnt .app .name {
    color:#666;
    vertical-align:middle;
    max-width:100px;
    _width:100px;
    display:inline-block;
    font-size:1em;
    margin-top:5px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.popup-cnt .app .meta {
    display:block;
    color:#999;
    font-size:.75em
}
.popup-cnt .app .meta span {
    margin-top:3px;
    display:block
}
.popup-cnt .popup-install {
    display:inline-block;
    margin:20px 0 0;
    width:120px;
    padding:8px 10px;
    font-size:.875em;
    text-align:center;
    color:#fff;
    background:#4cc9b6
}
.popup-cnt .binded-qr {
    width:130px;
    float:right;
    text-align:center
}
.popup-cnt .binded-qr .qr-tip {
    color:#999;
    font-size:.75em
}
.popup-cnt .gooddev {
    display:none
}
.shunwang .green-popup {
    width:620px
}
.shunwang .green-popup .popup-title {
    background:#fff;
    height:48px
}
.shunwang .green-popup .popop-close {
    color:#ddd!important;
    font-size:30px;
    margin-top:8px
}
.shunwang .green-popup .popup-cnt {
    position:relative;
    padding:20px 20px 30px;
    width:616px
}
.shunwang .green-popup .popup-cnt .popup-section {
    float:left;
    width:36%;
    height:100%;
    padding:0 7%;
    vertical-align:top
}
.shunwang .green-popup .popup-cnt .popup-section .inner-title {
    font-size:16px;
    color:#333;
    margin-bottom:20px
}
.shunwang .green-popup .popup-cnt .popup-section .sub-title {
    color:#777;
    margin-bottom:20px
}
.shunwang .green-popup .popup-cnt .popup-section .qr-wrap {
    width:130px;
    text-align:center
}
.shunwang .green-popup .popup-cnt .popup-split {
    position:absolute;
    left:49.5%;
    top:22px;
    width:1px;
    height:220px;
    background:#dfdfdf
}
.prompts {
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #efefef;
    color:#999
}
.prompts a {
    color:#38d
}
.popup-actions {
    border-top:1px solid #efefef;
    padding:20px
}
.popup-actions .button-green {
    float:right;
    margin-right:20px
}
.ft-desc {
    padding:10px 0;
    margin-top:20px;
    font-size:13px;
    line-height:1.8;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc
}
.small-box {
    margin-bottom:20px
}
.wd-icon {
    display:inline-block;
    background:url("../../../style/images/wdj/new-header-icon.png"/*tpa=http://www.htttttt.cn/style/images/wdj/new-header-icon.png*/) no-repeat 20px 10px;
    width:70px;
    height:70px
}
#gotop-btn {
    overflow:hidden;
    display:none;
    cursor:pointer;
    border:1px solid #e0e0e0;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    box-shadow:0 0 2px #d6d6d6;
    position:fixed;
    width:33px;
    height:33px;
    line-height:33px;
    text-align:center;
    left:50%;
    bottom:-1px;
    margin-left:470px;
    z-index:10px;
    font-size:12px;
    text-shadow:0 1px 0 #fff;
    color:#666;
    background-color:#f2f2f2;
    background-size:100%;
    background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#f2f2f2));
    background-image:-moz-linear-gradient(top,#fff,#f2f2f2);
    background-image:-webkit-linear-gradient(top,#fff,#f2f2f2);
    background-image:linear-gradient(to bottom,#fff,#f2f2f2)
}
#gotop-btn .gotop-btn-inner {
    display:inline-block;
    overflow:hidden;
    *margin-top:8px;
    background-position:0 -250px;
    width:17px;
    height:17px;
    vertical-align:middle
}
.popup-layer {
    position:absolute;
    top:0;
    left:0;
    background:#000;
    z-index:99
}
.mobile-popup {
    position:fixed;
    top:50%;
    left:50%;
    z-index:100;
    background:#fff;
    zoom:1;
    width:260px;
    padding:15px
}
.mobile-popup .close {
    color:#999;
    position:absolute;
    right:5px;
    top:10px;
    width:30px;
    text-align:center
}
.mobile-popup .tit {
    color:#333;
    margin-bottom:5px;
    padding-right:15px
}
.mobile-popup .con {
    color:#999;
    font-size:.875em;
    margin:0 0 20px
}
.mobile-popup .bind-install,.mobile-popup .normal-install {
    display:inline-block;
    letter-spacing:1px;
    padding:8px 25px;
    text-align:center;
    color:#fff;
    background:#4cc9b6
}
.mobile-popup .bind-install {
    margin-right:10px
}
.mobile-popup .normal-install {
    float:right;
    background:#ddd;
    color:#333
}
.PC .container {
    max-width:960px;
    *width:960px;
    overflow:hidden;
    margin:2px auto
}
.PC .card:hover {
    box-shadow:0 1px 3px #aaa
}
.PC .card .icon-wrap a:hover img {
    -webkit-transition:.3s linear;
    -moz-transition:.3s linear;
    -o-transition:.3s linear;
    -ms-transition:.3s linear;
    transition:.3s linear;
    -webkit-transition-delay:200ms;
    -moz-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
    transition-delay:200ms;
    -webkit-transform:rotate(3deg) scale(1.1);
    -moz-transform:rotate(3deg) scale(1.1);
    -o-transform:rotate(3deg) scale(1.1);
    -ms-transform:rotate(3deg) scale(1.1);
    transform:rotate(3deg) scale(1.1)
}
.PC .tag-box .parent-cate:hover {
    box-shadow:0 1px 3px #aaa
}
.card .push-btn {
    letter-spacing:1px;
    font-size:.875em;
    position:absolute;
    top:12px;
    right:10px;
    text-align:center;
    width:64px;
    height:26px;
    line-height:26px;
    color:#fff;
    background:#4cc9b6
}
.card .app-desc .name:hover {
    text-decoration:underline;
    color:#2f7c2f
}
.split {
    background:url("../../../../img.wdjimg.com/www/images/www/2013_home_split.png"/*tpa=http://img.wdjimg.com/www/images/www/2013_home_split.png*/) no-repeat center 0;
    height:1px;
    width:100%;
    margin-bottom:15px
}
.ft-inner {
    margin:0 auto;
    text-align:left;
    position:relative;
    max-width:940px;
    _width:940px
}
.ft-inner a {
    color:#aaa
}
.ft-inner a:hover {
    color:#2f7c2f;
    text-decoration:underline
}
.ft-inner dl {
    margin-bottom:30px
}
.ft-inner dt {
    color:#333;
    font-weight:700;
    position:relative;
    width:260px
}
.ft-inner dd,.ft-inner dt {
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline;
    float:left
}
.ft-inner dd {
    margin:28px 0 0 -259px;
    vertical-align:top;
    width:260px
}
.ft-inner dd ul li {
    line-height:1.8
}
.ft-inner .socials {
    position:absolute;
    right:0;
    top:0
}
.ft-inner .socials .sc-icon {
    display:inline-block;
    filter:alpha(Opacity=70);
    opacity:.7;
    -moz-transition:opacity .2s linear;
    -o-transition:opacity .2s linear;
    -webkit-transition:opacity .2s linear;
    transition:opacity .2s linear;
    height:32px;
    margin-right:9px;
    width:32px
}
.ft-inner .socials .sc-icon:hover {
    filter:alpha(Opacity=100);
    opacity:1
}
.ft-inner .socials .weibo-icon {
    background-position:0 -573px
}
.ft-inner .socials .twitter-icon {
    background-position:0 -511px
}
.ft-inner .socials .blog-icon {
    background-position:0 -125px
}
.ft-inner .socials .bbs-icon {
    background-position:0 -93px
}
@media screen and (max-width:699px) {
    .ft-inner {
        display:none
    }
}.bubble {
     display:none;
     width:180px;
     padding:10px;
     font-size:.75em;
     background:#262626;
     position:absolute;
     color:#fff;
     right:10px;
     top:50px
 }
.bubble .arrow {
    width:0;
    height:0;
    font-size:0;
    border-width:10px;
    border-style:solid;
    border-color:transparent transparent #262626;
    overflow:hidden;
    position:absolute;
    right:22px;
    top:-20px
}


.btn-ss{letter-spacing: 1px;
    display: inline-block;
    font-size: .875em;
    text-align: center;
    padding: 5px 15px;
    color: #fff;
    background: #4cc9b6}
.btn-ss2{letter-spacing: 1px;
    display: inline-block;
    font-size: .875em;
    text-align: center;
    padding: 5px 15px;
    color: #fff;
    background: #f60;}
.btn-ss:hover{ color: #fff}
.btn-ss2:hover{ color: #fff}

/**/
.side-list li{margin: 2px 0;
    border-bottom: 1px dashed #e0e0e0;
    padding: 8px 0;
    position: relative;
    overflow: hidden;
    height: 32px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
}
.side-list p {
    line-height: 18px;
    width: 192px;
}
.side-list img {
    vertical-align: middle;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 0;
    float: left;
    margin-right: 10px;
}
.side-list a {
    color: #666;
    font-size: 12px;
}
.side-list li span {
    color: #999;
    font-size: 12px;
}
.side-list a.install-btn{ color: #fff}
.side-list a.install-btn:hover{ color: #fff}
/*appImg*/
.appImg{height:266px;margin:10px;position:relative;overflow-x:scroll;overflow-y:hidden;}
.img{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;}
.img img{display:inline-block;height:266px;margin-right:7px;}
.img{height:266px;}

.pages {
    text-align: center;
    overflow: hidden;
    clear: both;
    zoom: 1;
    height: 30px;
    margin: 5px auto;
    line-height: 30px;
}
.pages span {
    margin: 3px 5px;
    padding: 3px 5px;
    background: #EEE;
    border: 1px solid #CCC;
}
.pages a{
    color: #777;
    background: #EEE;
}

.switch-tab {
    text-align: center;
    border-bottom: 2px solid #4cc8b5;
    max-width: 940px;
    _width: 940px;
    overflow: hidden;
    margin: 20px auto;
    line-height: 32px
}
.switch-tab li {
    text-align: center;
    display: inline-block;
}
.switch-tab li a {
    font-size: 0.875em;
    display: inline-block;
    color: #666;
    padding: 0 17px;
    width: 58px \9;
}
.switch-tab li.current a {
    color: #fff;
    background: #4cc8b5;
    font-size: 0.875em;
}
.detail-item .model-title{ margin: 0px;}
.detail-item-l{border: 1px solid #d4d4d4; background: #fff;}
/**/
.all-detail-item{padding:0 30px; background: #fff; overflow: hidden;}
.all-detail-item-title{border-bottom:1px dashed #e0e0e0; background:#fff;}
.all-detail-item-title .top-title{ padding:20px 0; font-size:25px; color:#333; text-align:center;}
.all-detail-item-title .top-others{ text-align:center; font-size:14px; color:#888; margin-top:-28px; line-height:74px;}
.all-detail-item-title .top-others span{ display:inline-block; margin:0 14.5px;}
.all-detail-item-content{ background:#fff;  padding-bottom:20px; padding-top:20px;}

.all-detail-item-content p{ line-height:32px; font-size:16px; color:#666;}
.next-prev-item{ overflow: hidden; margin: 20px 0; font-size: 14px}
.f-link{ font-size: 12px; width: 940px; margin: 0 auto 17px;}
.f-link span{ margin: 0 0 0 10px;}
.f-link a{ margin: 0 10px;}

.switch-tab {
    margin: 10px auto;
}

#star {
    margin: 10px 0;
    overflow: hidden;
    position: relative;
    width: 600px;
}
#star ul, #star span {
    display: inline;
    float: left;
    height: 19px;
    line-height: 19px;
}
#star ul {
    margin: 0 10px;
}
#star li {
    background: url("../images/star.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/star.png*/) no-repeat scroll 0 0;
    cursor: pointer;
    float: left;
    text-indent: -9999px;
    width: 24px;
}
#star strong {
    color: #f60;
    padding-left: 10px;
}
#star li.on {
    background-position: 0 -28px;
}
#star p {
    background: url("../images/icon.gif"/*tpa=http://www.htttttt.cn/templates/template_001/images/icon.gif*/) no-repeat scroll 0 0;
    display: none;
    height: 60px;
    padding: 7px 10px 0;
    position: absolute;
    top: 20px;
    width: 159px;
}
#star p em {
    color: #f60;
    display: block;
    font-style: normal;
}
.comment_ipt {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #ccc;
    height: 24px;
    line-height: 24px;
    width: 100px;
}
.comment_l {
    margin-right: 8px;
}

.crumb {
    border-bottom: 0;
    height: auto;
    margin-bottom: 0;
    font: 15px/25px 'microsoft yahei';
}

/*导航样式*/

.menu-list .nav-item:hover {border-bottom:2px solid #4CC9B6;}
.menu-list .nav-item:hover span{color:#4CC9B6}

.menu-list .nav-item2 {

   float:left;
    width: auto;
    border-bottom:2px solid #4CC9B6;
    text-align: center;
    *line-height: 36px;
}

.menu-list .nav-item2 .first-link {
    display: inline-block;
    line-height: 36px;
}

.menu-list .nav-item2 span {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    height: 36px;
  /*   border-right: 1px solid #ddd; */
    color: #4CC9B6;
    font-size: .875em;
    line-height: 36px;
    cursor: pointer;
    _top: 7px;
}

.menu-list .nav-item2 .new-tip {
    display: none;
    margin-left: 10px;
    color: #3BAA24;
    font-size: 12px;
}

.menu-list .nav-item2 .last span {
    border-right: 0;
}

/***map*****/
/***map*****/
.ly-amap{margin-left:10px;}
/********map**********/
.ly-content-bg{width:100%;padding:20px 0;background:#f8f8f8;}
.ly-content-bg .ly-content{width:936px;margin:0 auto;padding:30px;background:#fff;margin-bottom:20px;}
.ly-content .ly-h1{border-bottom:1px solid #ccc;line-height:40px;font-size:20px;}
.ly-map{padding:20px}
.ly-map h2{line-height:30px;border-bottom:1px dashed #ccc;background:url("../images/map-san.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/map-san.png*/) no-repeat left center;text-indent:10px;}
.ly-map h2 a{color:#4e4e4e;font-size:16px;}
.ly-map ul li{display:inline-block;padding:10px 10px;font-size:12px;}
.ly-map ul li a{color:#666;}
.ly-map ul li:hover a{color:#84C1E8;text-decoration:underline;}

/*****xiangguanwenzhang*******/
.ly-art{background:#fff;margin-top:20px;}
.ly-art h2{padding:12px 30px 12px 12px;border-bottom:1px solid #ccc;background:url("../images/green-line.png"/*tpa=http://www.htttttt.cn/templates/template_001/images/green-line.png*/) no-repeat 4px center;}
.ly-art ul{padding:0 16px 20px;}
.ly-art ul li{line-height:28px;border-bottom:1px dashed #999;color:#333;}
.ly-art ul li span{float:right;color:#666;}
/*******搜索提示框******/
.ly-searchkou{text-align:center;background:#fff;padding:60px 0;width:940px;margin:10px auto;}
.ly-searchkou p{font-size:24px;color:#666;}
.ly-searchkou p span{color:#FF0000;}
.ly-more{float:right;}

/******download********/
.download-wp .btn-rn{background:#FE543D;}
/***nav兼容ie****/
.parent-menu li{position: relative;}
.parent-menu .nav-item2:after,.parent-menu .nav-item:after{content:"";display:inline-block;position:absolute;width:1px; height:20px;background: #ccc;top:10px;right:0;z-index:100;}
.parent-menu .no-borright:after{content:"";display:inline-block;position:absolute;width:0px; height:0;background: #ccc;top:10px;right:0;z-index:100;}

.wc-rect{margin-right:-22px;}

/**开服页面**/
.bac-fff{background:#fff;padding:0 16px 40px;margin-bottom:40px;border:1px solid #F0F0F0;}
.mt30{margin-top:30px;}
.mt30 .mt16{margin-top:16px;padding:0 10px 20px;}
.col-ec6{color:#ec6f49;}
.k-title .fl{padding-left: 7px;border-left: 3px solid #45cab6;color: #666;}
.k-title .fr a{display: inline-block;width:64px;height:28px;font-size:12px;color:#333;text-align:center;line-height:28px;background: #fff;}
.k-title .fr .ly-current{color:#fff;background:#45cab6;}
.k-title .fr a:hover{color:#fff;background:#45cab6;}
.lk-table{background: #fff;padding-bottom:20px;margin-bottom:20px;}
.lk-table tr{border-bottom:1px dashed #ccc;}
.lk-table th,.lk-table td{padding:16px 0;text-align: center;}
.lk-table td{font-size: 14px;}
.lk-table .k-btn,.kf-btn{display: inline-block;width:72px;height:22px;text-align: center;line-height: 22px;background:#45cab6;color:#fff;border-radius:4px;}
.lk-table .bac-ec{background:#ec6f49;}
.lk-table .k-btn:hover,.kf-pic li a:hover,.korg-btn:hover,.kgreen-btn:hover,.kblue-btn:hover,.kf-btn:hover{opacity: .8;filter:alpha(opacity=80);}
.kg-title{line-height:50px;height:50px;border-bottom:1px solid #ccc}
.kf-game{border-bottom:1px dashed #ccc;padding-bottom:30px;}
.kf-pic{width:500px;margin-top:16px;}
.kf-pic li img{margin-right:16px;}
.kf-pic li{font-size:12px;color:#666;line-height:20px;}
.kf-pic li a,.k-range a,.kf-pic li .lq{display: inline-block;height:42px;line-height: 42px;width:172px;text-align:center;background:#45cab6;color:#fff;font-size:14px;margin-top:22px;}
.kf-pic li .lq{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height:40px;border:1px solid #45cab6;color:#333;background:#fff;}
.fuzhi{vertical-align: top; margin-left:10px;height: 42px;line-height: 42px;width:60px;text-align: center;background: #45cab6;color: #fff;font-size: 14px;margin-top: 22px;border:0;}
.k-range a{width:142px;margin:0;border:1px solid #ccc;color:#333;background: #fff}
.k-range{font-size: 14px;color:#666;margin:16px 100px 0 0;}
.kf-down{margin:50px 0 0 0}
.kg-gtitle{border-bottom:1px solid #45cab6;}
.kf-p{margin:20px 0;font-size:14px;color:#666;}
.g-style li span{display: inline-block;width:6px;height:6px;border-radius: 3px;background:#ccc;margin:0 8px;}
.g-style li{font-size:14px;color:#666;}
.bor-right{border-right:1px dashed #ccc;width:616px;overflow: hidden}
.kf-down :hover{background:#45cab6;color:#fff;border:0;}
.kg-ort{border-bottom:1px solid #ec6f49;}
.kg-ort span{color:red;}
.kf-tao{margin-right:-20px;}
.kf-tao dl{width:260px;float:left;border:1px solid #ccc;padding:16px;margin-top:16px;margin-right:21px;height:106px;position: relative;}
.kf-tao dl dt{font-size:14px;color:#333;font-weight: bold;}
.kf-tao dl dd{font-size:12px;color:#666;margin-top:16px;}
.kf-tao .dd-btn{margin-top:20px;}
.kf-tao .width{height:30px;overflow: hidden}
.dd-btn a{width:84px;height:30px;color:#fff;line-height:30px;display: inline-block;text-align:center;}
.kblue-btn{background:#4dbaf3;}
.kgreen-btn{background:#45cab6;}
.korg-btn{background:#ec6f49;}
.w500{width:470px;}
.kf-box{width:960px;}
.block-title {display: block;margin: 10px;padding-left: 7px;border-left: 3px solid #45cab6;color: #666;}
.kf-btn{width:50px;height:26px;line-height: 26px;border-radius:0;}
.kf-btn:hover{color:#fff;}
.table-box{padding:0 10px 20px;background:#fff;}
.kf-gray{height:18px;width:200px;background:#ccc;display: inline-block;vertical-align: text-bottom;margin-top:10px;border-radius: 10px;}
.kf-frame{position: fixed;left:0;top:0;width:100%;height:100%;z-index: 100001;background: rgba(0,0,0,.3);}
.frame-con{width:360px;height:150px;position: relative;left:50%;top:50%;margin-left: -180px;margin-top: -75px;background: #fff;border:1px solid #45CAB6;}
.kf-tishi{height: 26px;background: #f2f2f2;line-height: 26px;padding:0 10px;font-size: 14px;color:#333;}
.ts-img{margin:6px 6px 0 0;cursor: pointer;}
.ts-con{padding:30px 0;font-size: 16px;color:#333;text-align:center;}
.ts-btn-box{width: 100%;text-align: center}
.ts-btn{width:70px;height:30px;background:#45CAB6;border:0;color:#fff;font-size: 16px;cursor:pointer;}