.app-share{
    position: absolute;
    right: 0;
    top: 0;
}
.app-pic{
    float: left;
    width: 100px;
}
.app-pic .ico{
    width: 72px;
    height: 72px;
    display: block;
    overflow: hidden;
    margin-bottom: 8px;
}
.app-pic .fav{
    display: block;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
}
.app-pic .fav i{
    width: 20px;
    height: 20px;
    float: left;
    background: url(../images/m_main.png) no-repeat -140px 0;
    _background: url(../images/m_main_ie.png) no-repeat -140px 0;
    margin-top: 2px;
}
.app-pic .jb{
    display: block;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
}
.app-pic .jb i{
    width: 20px;
    height: 20px;
    float: left;
    background: url(../images/m_main.png) no-repeat -160px 0;
    _background: url(../images/m_main_ie.png) no-repeat -160px 0;
    margin-top: 2px;
}

.app-txt{
    float: left;
    width: 480px;
}
.app-star{
    height: 24px;
    overflow: hidden;
}
.app-star .orange{
    float: left;
}
.app-star .star-bar{
    margin-top: 9px;
    margin-right: 3px;
}
.app-dati li{
    float: left;
    width: 49%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}
.app-dl{
    height: 37px;
    overflow: hidden;
    margin-top: 10px;
}
.app-dl a{
    float: left;
    width: 120px;
    height: 35px;
    margin-right: 10px;
    background: #0b0;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.app-dl span{
    display: block;
    font-size: 10px;
    border: 1px solid #ffaa55;
    color: #ffaa55;
    margin-left: 130px;
    padding-left: 5px;
    height: 35px;
    line-height: 18px;
}

.app-dl a:hover{
    background:#0c0;
    text-decoration: none;
}
.app-2code{
    float: right;
    width: 150px;
}
.app-2code .code-img{
    width: 123px;
    height: 123px;
    display: block;
    overflow: hidden;
}
.app-2code .til,
.app-2code .c666{
    display: block;
    width: 125px;
    text-align: center;
    line-height: 24px;
}

.app-til{
    height: 31px;
    line-height: 31px;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    font-size: 14px;
}
.app-desc{
    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin: 6px 0;
    overflow: hidden;
}
.desc-btn{
    height: 25px;
    text-align: right;
    font-size: 14px;
}
.desc-btn i{
    float: right;
    width: 20px;
    height: 20px;
    background: url(../images/m_main.png) no-repeat;
    _background: url(../images/m_main_ie.png) no-repeat;
    margin-top: 2px;
}
.desc-btn .close i{
    background-position: -80px -20px;
}
.desc-btn .open i{
    background-position: -100px -20px;
}

.app-pics-box{
    position: relative;
    zoom: 1;
}
.app-pics{
    width: 600px;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
    height:450px;
}
.app-pics ul{
    height: 450px;
    overflow: hidden;
}
.app-pics li{
    float: left;
    width: 300px;
    text-align: center;
    height: 450px;
    overflow: hidden;
}
.app-pics img{
    vertical-align: middle;
}
.app-pics-box .prev,
.app-pics-box .next{
    width: 46px;
    height: 46px;
    overflow: hidden;
    position: absolute;
    top: 200px;
    background: #dadada;
    border-radius: 23px;
}
.app-pics-box .prev i,
.app-pics-box .next i{
    width: 20px;
    height: 20px;
    display: block;
    margin: 13px auto;
    background: url(../images/m_main.png) no-repeat;
    _background: url(../images/m_main_ie.png) no-repeat;
}
.app-pics-box .prev:hover,
.app-pics-box .next:hover{
    background: #0b0;
}
.app-pics-box .prev{
    left: 0;
}
.app-pics-box .next{
    right: 0;
}
.app-pics-box .prev i{
    background-position: -80px 0;
}
.app-pics-box .next i{
    background-position: -100px 0;
}
.app-pics-box .xtaber-tabs{
    display: none;
}

.post-cmt{
    width: 70px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    background: #0c0;
    color: #fff;
}
.post-cmt:hover{
    color: #fff;
}
/* 评论列表 */
.cmt-list li{
    border-bottom: 1px dashed #eee;
    padding: 12px 0 12px 60px;
    position: relative;
    color: #666;
    font-size: 14px;
}
.cmt-list .avatar{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 15px;
}
.cmt-name{
    overflow: hidden;
    zoom: 1;
}
.cmt-name .name{
    float: left;
}
.cmt-name .star-bar{
    margin-top: 5px;
}
.cmt-ext{
    font-size: 12px;
    text-align: right;
    color: #999;
}
/* 侧边栏 */
.sub-tab-box{
    background: #fbfbfb;
    overflow: hidden;
    zoom:1;
    padding-bottom: 3px;
}
.sub-title{
    height: 29px;
    border-bottom: 1px solid #45B823;
    position: relative;
    color: #666;
}
.sub-title .title{
    display: block;
    line-height: 29px;
    padding-left: 5px;
}
.sub-title .mod-tab li{
    background: #f5f5f5;
}
.sub-title .mod-tab{
    position: absolute;
    right: 0;
    top: 0;
}
.sub-title .mod-tab .current{
    background: #fbfbfb;
    color: #00bb00;
}
.sub-tab-box .soft-top-list{
    padding: 4px 5px 3px;
} 

.other-app{
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    background: #f8f8f8;
}
.other-app-list{
    background: #fbfbfb;
}
.other-app-list li{
    height: 60px;
    padding: 10px 0 10px 80px;
    position: relative;
    line-height: 19px;
    border-top: 1px solid #eee;
}
.other-app-list .ico{
    width: 60px;
    height: 60px;
    position: absolute;
    left: 10px;
    top: 10px;
}
.other-app-list .ext{
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.other-app-list .name{
    font-weight: bold;
    display: block;
    height: 19px;
    overflow: hidden;
}
.other-app-list .star-bar{
    clear:both;
}
#com_iframe {
    /*border: 0;
    height: 350px;
    overflow: auto;*/
    width: 100%;
}

.xdia-box{
    width: 550px;
    border-radius: 3px;
    background: #fbfbfb;
}
.xdia-til{
    height: 40px;
    background: #58c100;
    border-radius: 3px 3px 0 0;
    padding: 0 10px;
    position: relative;
}
.xdia-title{
    font-size: 14px;
    color: #fff;
    line-height: 40px;
}
.xdia-close{
    width: 13px;
    height: 12px;
    background: url(../images/2code.png) no-repeat -488px 0;
    position: absolute;
    right: 10px;
    top: 14px;
    cursor: pointer;
}
.xdia-body{
    padding: 15px 20px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
}
.bg-2code{
    width: 484px;
    height: 221px;
    background: #fbfbfb url(../images/2code.png) no-repeat 0 0;
    margin: 10px auto;
}
.page-loca{
    height: 33px;
    width: 550px;
    overflow: hidden;
}
.lay-240 .txt-list{
    padding: 0 10px;
}

.soft-keys a{
    margin-right: 10px;
    line-height: 26px;
    font-size:12px;
}

.soft-keys {
    width:750px;
    height:24px;
    overflow:hidden;
}

.soft-keys h2 {
    position: relative;
    left:60px;
    top:-28px;
}

.soft-tips {
    background: none repeat scroll 0 0 #FFFBE2;
    border: 1px solid #FF9900;
    color: #D20000;
    margin: 8px 0;
    overflow: hidden;
    padding: 10px;
}

.art-bh{
    height: 29px;
    border-bottom: 1px solid #45B823;
    color: #45B823;
    font-size: 14px;
    line-height: 29px;
    margin-bottom: 5px;
}
.art-other-list{
    width: 700px;
    overflow: hidden;
}
.art-other-list .txt-list{
    width: 740px;
}
.art-other-list li{
    float: left;
    position: relative;
    width: 325px;
    margin-right: 30px;
}
.art-other-list .ext{
    position: absolute;
    right: 0;
    top: 0;
}

element.style {
    background-color: #FF9900;
}

.rela-item{
    float: left;
    width: 49%;
    height: 30px;
    position: relative;
    z-index: 9;
}
.rela-item .til{
    float: left;
    width: 36px;
}
.rela-til{
    float: left;
    overflow: hidden;
    width: 183px;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.rela-sub-list{
    display: none;
    clear: both;
}
.rela-sub-list a{
    display: block;
    padding: 3px 5px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    *white-space: normal;
    width: 170px;
}
.rela-sub-list a:hover{
    background-color: #f1f1f1;
}
.has-list .rela-til a{
    background: url(../../images/index_ico.png) no-repeat right -230px;
    padding-right: 10px;
    display: block;
    width: 150px;
}
.rela-til a span{
    max-width: 150px;
    *width: 150px;
    display: block;
    white-space: nowrap;
    text-overflow:ellipsis;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
}

.rela-hover .rela-sub-list{
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #fff;
    border: 1px solid #eee;
    width: 180px;
    padding: 1px;
    z-index: 999;
    zoom: 1;
    overflow: hidden;
}
.phone-item-list.mt15{
    margin-top: 0;
}
.phone-item-list .art-other-list{
    width: auto;
    margin-top: 15px;
}
.phone-item-list .fl,
.phone-item-list .fr{
    float: none;
}
.phone-item-list .art-other-list .txt-list{
    width: auto;
}
.phone-item-list .art-other-list .txt-list li{
    width: 32%;
    margin-right: 0;
}


.com-header {
    height: 24px;
    line-height: 24px;
}
.com-header b {
    color: #000;
}
.com-content {
    overflow: hidden;
    padding:5px 0 5px 42px;
    position: relative;
    min-height: 32px;
    zoom: 1;
}
.com-content .u-avatar {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 5px;
}
.com-handle{
    text-align: right;
    overflow: hidden;
    padding:0 5px 5px 0;
    zoom:1;
}
.com-handle a{
    margin-left: 10px;
}
.com-handle a span{
    color: #f00;
}
.com-handle a:hover span{
    color: #14A218;
}
.main-cmt li{
    border-bottom: 1px dotted #eee;
    padding-top: 5px;
}
.main-cmt .soft-tips{
    border:1px solid #FF9900;
    padding: 10px; 
}
.main-cmt .com-quote li{
    border-bottom: none;
    padding-top: 0;
}
.com-quote, 
.com-quote ul {
    background: none repeat scroll 0 0 #FFFFEE;
    border: 1px solid #C7C7C7;
    margin-bottom: 5px;
    padding: 2px;
}
.com-quote .com-header {
    height: 16px;
    line-height: 16px;
}
.com-quote .com-header b{
    color: #999;
}
.com-quote .com-content{
    padding: 0;
}
.com-quote .com-floor {
    float: right;
}
.soft-cmt-til .mod-tab li{
    background: none;
}
.soft-cmt-til .mod-tab .current{
    background: #fff;
}
#com-post .s-bd {
    background: #fff;
    border: 1px solid #eee;
    padding:10px 10px 10px 0;
    overflow: hidden;
    zoom:1;
}
.com-form {
    width:500px;
    overflow:hidden;
    position: relative;
}

/*com*/
.com-submit {
    background:#45B823;
    border: 0 none;
    cursor: pointer;
    height: 24px;
    width: 70px;
    color:#fff;
    float: right;
}
.inp-wrap{
    padding: 5px;
}
.sub-post-cmt{
    background: #fff;
    border: 1px solid #cdcdcd;
    margin-bottom: 10px;
    position: relative;
    margin-top: 5px;
}
.sub-post-cmt textarea{
    width: 100%;
    border: 0;
    height: 50px;
}
.sub-post-cmt .inp-row{
    background: #eee;
    padding: 5px 5px;
    line-height: 24px;
    border-top: 1px solid #cdcdcd;
}
.sub-post-cmt .cmt-arr{
    width: 13px;
    height: 7px;
    overflow: hidden;
    background: url(../../images/pic_arr.png) no-repeat 0 -40px;
    position: absolute;
    top: -7px;
    right: 40px;
}

.cmt-mm-box{
    float: right;
    width: 225px;
    height: 130px;
    position: relative;
}

.cmt-mm,
.cmt-mm-box li{
    width: 175px;
    height: 130px;
    position: relative;
    overflow: hidden;
}
.cmt-mm span{
    width: 100%;
    height: 23px;
    position: absolute;
    left: 0;
    bottom: 0;
    _bottom:-1px;
    text-align: center;
    overflow: hidden;
    z-index: 2;
    line-height: 23px;
}
.cmt-mm .bg{
    background: #000;
    z-index: 1;
    opacity: .7;
    filter:alpha(opacity=70);
}
.cmt-mm{
    margin: 0 auto;
}
.cmt-mm-box li{
    float: left;
}
.btn-prev,
.btn-next{
    width: 20px;
    height: 130px;
    position: absolute;
    top: 0;
    overflow: hidden;
}
.btn-prev{left: 0;}
.btn-next{right: 0;}
.btn-prev i,
.btn-next i{
    background: url(https://www.xiazaiba.com/static/phone/images/pic_arr.png) no-repeat;
    display: block;
    width: 10px;
    height: 20px;
    overflow: hidden;
    margin: 55px auto 0;
}
.btn-prev:hover,
.btn-next:hover{
    background-color: #f5f5f5;
}
.btn-prev i{background-position: 0 -20px;}
.btn-next i{background-position: 0 0;}

.bot-mm-box{
    height: 130px;
    padding: 0 20px;
    position: relative;
    background: #f1f1f1;
    overflow: hidden;
    margin-top: 15px;
}
.bot-mm li{
    width: 120px;
    float: left;
    height: 120px;
    overflow: hidden;
    display: inline;
    margin: 10px 11px 0;
}
.bot-mm img{
    width: 120px;
    height: 90px;
    vertical-align: middle;
}
.bot-mm span{
    display: block;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
}
.img-code{
    float: left;
    cursor: pointer;
    margin-left: 10px;
}

input.input-text {
    width: 60px;
    line-height: 16px;
}
textarea.input-text {
    height: 80px;
    width: 412px;
}

.pause-downdown{
    display:block;
    width: 120px;
    height: 35px;
    margin-right: 10px;
    background: #0b0;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.pause-downdown:hover{
    color: #fff;
    text-decoration: none
}

/*提示实名际 add by dan 2017-06-13*/
.xzb-din-w{display:none;position:fixed;left:50%;top:35%;width:420px;margin-left:-210px;border:4px solid #ddd;background:#fff;z-index:9999;-moz-background-clip:border;-webkit-background-clip:border;background-clip:border-box;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;-moz-background-clip:content;-webkit-background-clip:content;background-clip:content-box;border:4px solid rgba(0,0,0,.2)}
.xzb-cover{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.xzb-din{width:380px;padding:20px;position:relative}
.xzb-din-h3{color:#58C100;font-size:15px}
.xzb-cbtn{width:25px;height:25px;background:url('../../images/xzb-cbtn.png') no-repeat;border-radius:50%;position:absolute;right:-12px;top:-12px;cursor:pointer}
.xzb-cbtn:hover{transition:.8s ease;transform:rotate(360deg)}
.xzb-cbtn span{color:#fff}
.xzb-btn{height:30px;line-height:30px;width:160px;text-align: center;font-size:14px;color:#fff;background:#58C100;display: block;margin-top:30px;}
.xzb-btn:hover{text-decoration: none;color:#fff;}
.xzb-cover{position:fixed;z-index:9998;top:0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);display:none;}
/*end*/