@charset "utf-8";
.main {
    background-color: #fff;
}

.wrapper {
    width: 1200px;
    display: block;
    clear: both;
    margin: 0 auto;
    overflow: hidden;
}

.position {
    color: #999;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin: 15px 17px;
    background-color: #fff;
}

.xp_Type{overflow:hidden;padding:0 2px 0 17px}
.xp_Type a{float:left;height:42px;line-height:42px;width:123px;margin:0 22px 21px 0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border:1px solid #d2d2d2}
.xp_Type a i{background:url(../images/e_icon.png) no-repeat;width:48px;height:42px;float:left}
.xp_Type a:hover{border-color:#FF9800;color:#FF9800;cursor:pointer}
.xp_Type.andr a:hover,.xp_Type.andr a.active{border-color: #2ba339;color: #2ba339;}
.xp_Type a.n i{background:url(../images/ee_icon.png) no-repeat 16px 11px;width:48px;height:42px;float:left}
.xp_Type a.n:hover i{background-position: 16px -33px;}
.xp_Type.andr a.n:hover i{background-position: 16px -77px;}

.xp_Type a{
    text-decoration: none;
    color: #333;
    outline: none;
    cursor: pointer;
}

.xp_Type a.a i{background-position:15px 9px}
.xp_Type a.b i{background-position:13px -28px}
.xp_Type a.c i{background-position:16px -62px}
.xp_Type a.d i{background-position:15px -97px}
.xp_Type a.e i{background-position:12px -134px}
.xp_Type a.f i{background-position:17px -169px}
.xp_Type a.g i{background-position:13px -205px}
.xp_Type a.h i{background-position:14px -241px}
.xp_Type a.i i{background-position:15px -277px}
.xp_Type a.j i{background-position:13px -313px}
.xp_Type a.k i{background-position:16px -349px}
.xp_Type a.l i{background-position:13px -385px}
.xp_Type a.m i{background-position:16px -421px}
/*手游页icon*/
.xp_Type a.aq i{background-position:-93px 12px}
.xp_Type a.bq i{background-position:-90px -27px}
.xp_Type a.cq i{background-position:-90px -63px}
.xp_Type a.dq i{background-position:-91px -96px}
.xp_Type a.eq i{background-position:-91px -134px}
.xp_Type a.fq i{background-position:-86px -169px}
.xp_Type a.gq i{background-position:-90px -205px}
.xp_Type a.hq i{background-position:-89px -241px}
.xp_Type a.iq i{background-position:-90px -276px}
.xp_Type a.jq i{background-position:-89px -312px}
.xp_Type a.kq i{background-position:-91px -348px}
.xp_Type a.lq i{background-position:-89px -384px}
.xp_Type a.mq i{background-position:-91px -420px}
/*应用页ios hover icon*/
.xp_Type a.a:hover i{background-position:-37px 9px}
.xp_Type a.b:hover i{background-position:-39px -28px}
.xp_Type a.c:hover i{background-position:-36px -62px}
.xp_Type a.d:hover i{background-position:-37px -97px}
.xp_Type a.e:hover i{background-position:-40px -134px}
.xp_Type a.f:hover i{background-position:-35px -169px}
.xp_Type a.g:hover i{background-position:-39px -205px}
.xp_Type a.h:hover i{background-position:-38px -241px}
.xp_Type a.i:hover i{background-position:-37px -277px}
.xp_Type a.j:hover i{background-position:-39px -313px}
.xp_Type a.k:hover i{background-position:-36px -349px}
.xp_Type a.l:hover i{background-position:-39px -385px}
.xp_Type a.m:hover i{background-position:-36px -421px}
/*应用页andr hover icon*/
.xp_Type.andr a.a:hover i{background-position:-214px 9px}
.xp_Type.andr a.b:hover i{background-position:-216px -28px}
.xp_Type.andr a.c:hover i{background-position:-213px -62px}
.xp_Type.andr a.d:hover i{background-position:-214px -97px}
.xp_Type.andr a.e:hover i{background-position:-217px -134px}
.xp_Type.andr a.f:hover i{background-position:-212px -169px}
.xp_Type.andr a.g:hover i{background-position:-216px -205px}
.xp_Type.andr a.h:hover i{background-position:-215px -241px}
.xp_Type.andr a.i:hover i{background-position:-214px -277px}
.xp_Type.andr a.j:hover i{background-position:-216px -313px}
.xp_Type.andr a.k:hover i{background-position:-213px -349px}
.xp_Type.andr a.l:hover i{background-position:-216px -385px}
.xp_Type.andr a.m:hover i{background-position:-213px -421px}
/*手游页ios hover icon*/
.xp_Type a.aq:hover i{background-position:-153px 12px}
.xp_Type a.bq:hover i{background-position:-150px -27px}
.xp_Type a.cq:hover i{background-position:-150px -63px}
.xp_Type a.dq:hover i{background-position:-151px -96px}
.xp_Type a.eq:hover i{background-position:-151px -134px}
.xp_Type a.fq:hover i{background-position:-146px -169px}
.xp_Type a.gq:hover i{background-position:-150px -205px}
.xp_Type a.hq:hover i{background-position:-149px -241px}
.xp_Type a.iq:hover i{background-position:-150px -276px}
.xp_Type a.jq:hover i{background-position:-149px -312px}
.xp_Type a.kq:hover i{background-position:-151px -348px}
.xp_Type a.lq:hover i{background-position:-149px -384px}
.xp_Type a.mq:hover i{background-position:-151px -420px}
/*手游页nadr hover icon*/
.xp_Type.andr a.aq:hover i,.xp_Type.andr a.aq.active i{background-position:-281px 12px}
.xp_Type.andr a.bq:hover i,.xp_Type.andr a.bq.active i{background-position:-278px -27px}
.xp_Type.andr a.cq:hover i,.xp_Type.andr a.cq.active i{background-position:-278px -63px}
.xp_Type.andr a.dq:hover i,.xp_Type.andr a.dq.active i{background-position:-279px -96px}
.xp_Type.andr a.eq:hover i,.xp_Type.andr a.eq.active i{background-position:-279px -134px}
.xp_Type.andr a.fq:hover i,.xp_Type.andr a.fq.active i{background-position:-274px -169px}
.xp_Type.andr a.gq:hover i,.xp_Type.andr a.gq.active i{background-position:-278px -205px}
.xp_Type.andr a.hq:hover i,.xp_Type.andr a.hq.active i{background-position:-277px -241px}
.xp_Type.andr a.iq:hover i,.xp_Type.andr a.iq.active i{background-position:-278px -276px}
.xp_Type.andr a.jq:hover i,.xp_Type.andr a.jq.active i{background-position:-277px -312px}
.xp_Type.andr a.kq:hover i,.xp_Type.andr a.kq.active i{background-position:-279px -348px}
.xp_Type.andr a.lq:hover i,.xp_Type.andr a.lq.active i{background-position:-277px -384px}
.xp_Type.andr a.mq:hover i,.xp_Type.andr a.mq.active i{background-position:-279px -420px}

.main .main_left{
    width: 820px;
    float: left;
}
.main .main_left .softwareList{
    border: 1px solid #eee;
    background-color: #fff;
}
.main_left .softwareList .softwareList_title{
    border-bottom: 1px solid #eee;
    height: 50px;
    line-height: 50px;
    padding-left: 17px;
}
.softwareList .softwareList_title h1{
    font-size: 22px;
    color: #1d1d1d;
    font-weight: bold;
    display: inline;
}
.softwareList .softwareList_title span{
    display: inline;
    font-size: 16px;
    color: #1d1d1d;
    margin-left: 20px;
}
.softwareList .softwareList_title span strong{
    color: #e05653;
    font-weight: bold;
}
.softwareList ul li .software_introduce{
    overflow: hidden;
    margin-top: 20px;
    display: block;
}
.software_introduce img{
    width: 73px;
    height: 73px;
    float: left;
}
.softwareList .tips{
    font-size: 18px;
    text-align: center;
    padding: 40px 0px;
    line-height: 40px;
}
.softwareList ul li .software_introduce .introduct{
    width: 665px;
    font-size: 14px;
    color: #1d1d1d;
    margin-top: 3px;
    display: block;
}
.softwareList ul li .software_introduce .introduct p span{
    color: #6a6a6a;
}
.software_introduce .introduct p:nth-child(2){
    margin-top: 10px;
    line-height: 22px;
    height: 46px;
}
.softwareList ul li .software_introduce .introduct .splitLine{
    padding: 0px 20px;
    color: #bfbfbf;
}
.softwareList ul li{
    padding: 30px 25px 30px 17px;
    position: relative;
    border-top: 1px dotted #e3e3e3;
}
.softwareList ul li:nth-child(1){
    border-top: none;
}
.softwareList ul li h2{
    width: 600px;
    font-size: 18px;
    color: #1d1d1d;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}
.softwareList ul li h2 a {
    color: #303030;
}
.softwareList ul li h2 a:hover{
    color: #11c382;
}
.softwareList ul li .download{
    width: 116px;
    height: 36px;
    font-size: 18px;
    color: #11c382;
    border: 2px solid #11c382;
    border-radius: 5px;
    text-align: center;
    position: absolute;
    top: 45px;
    right: 25px;
    cursor: pointer;
    background-color: #fff;
}
.softwareList ul li .download:hover{
    background-color: #11c382;
    border: none;
    color: #fff;
}
.main .main_left .softwareList{
    border: none;
    background: transparent;
}
.main_left .softwareList .softwareList_title{
    background: #fff;
    border: 1px solid #eee;
}
.main_left .softwareList .listWrap ul{
    border: 1px solid #eee;
    border-top: none;
}
.main_left .softwareList .listWrap ul li{
    background: #fff;
}
.main_left .channel_introduction{
    margin-top: 70px;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.main_right {
    width: 360px;
    float: right;
}
.main_right h3{
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    font-weight: bold;
    color: #1d1d1d;
    padding-left: 17px;
    border-bottom: 1px solid #eee;
}
.main_right .xz_ph{
    border: 1px solid #eee;
    margin-top: 0px;
    background-color: #fff;
}
.main_right .xz_ph ul li a span{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background-color: #b1b1b1;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}
.main_right .xz_ph ul li:nth-child(1) a span{
    background-color: #ff4e31;
}
.main_right .xz_ph ul li:nth-child(2) a span{
    background-color: #ff8c4e;
}
.main_right .xz_ph ul li:nth-child(3) a span{
    background-color: #ffc937;
}
.main_right .xz_ph ul{
    padding: 5px 15px 20px 15px;
}
.main_right .xz_ph ul li{
    margin-top: 20px;
}
.main_right .xz_ph ul li a strong{
    width: 295px;
    display: inline-block;
    font-weight: initial;
    font-size: 14px;
    color: #1d1d1d;
    margin-left: 5px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}
.main_right .xz_ph ul li a strong:hover{
    color: #3884f5;
}
.xz_ph ul li .ph_detail {
    margin-top: 15px;
    margin-left: 32px;
    overflow: hidden;
    display: none;
}
.xz_ph ul li .ph_detail .pic{
    width: 48px;
    height: 42px;
    padding-top: 6px;
    border: 1px solid #eee;
    text-align: center;
    border-radius: 5px;
}
.xz_ph ul li .ph_detail .pic img{
    width: 35px;
    height: 35px;
}
.xz_ph ul li .ph_detail .detail_right{
    margin-left: 10px;
}
.xz_ph ul li .ph_detail .detail_right span{
    font-size: 12px;
    color: #838282;
}
.xz_ph ul li .ph_detail .detail_right i{
    font-style: normal;
    color: #dbdbdb;
    padding: 0px 10px;
}
.xz_ph ul li .ph_detail .detail_right img{
    width: auto;
    height: 10px;
}
.xz_ph ul li .ph_detail .detail_right button{
    width: 50px;
    height: 24px;
    border: 1px solid #11c382;
    font-size: 14px;
    color: #11c382;
    border-radius: 5px;
    background-color: #fff;
    outline: none;
    margin-top: 5px;
    cursor: pointer;
}
.xz_ph ul li .ph_detail .detail_right button:hover{
    width: 52px;
    height: 24px;
    border: none;
    color: #fff;
    font-size: 14px;
    background-color: #11c382;
}
.xz_ph ul li.on .ph_detail{
    display: block;
}
.main_right .dnrjzx{
    border: 1px solid #eee;
    margin-top: 20px;
    background-color: #fff;
}

.main_right .hotTj {
    border: 1px solid #eee;
    background-color: #fff;
}

.reg-right{position:relative;max-height:675px;_height:expression(this.scrollHeight > 675 ? "675px" : "hidden"); overflow-y:auto; margin-bottom:15px;}
.reg-right ul li{position:relative;width:115px; text-align:center; float:right; line-height:22px; margin:10px 2px; overflow:hidden; white-space:nowrap; height:98px;text-overflow: ellipsis;}
.reg-right ul li a{color: #1d1d1d;font-size: 14px;}
.reg-right ul li a img{width:70px;height:70px;}
.regimg-right{position:relative;height:auto; margin-bottom:15px;text-align:center;}
.regimg-right img{width:300px;margin:10px auto;}


.pages {
    margin-top: 25px;
    text-align: center;
}

.pages a,.pages span {
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    height: 26px;
    margin: 0 3px 6px;
    padding: 0 10px;
    vertical-align: top;
    border: 1px solid #dedede;
    background-color: #fff;
    color: #4a4a4a !important;
}

.pages a.on, .pages a:hover,.pages span {
    color: #fff !important;
    border-color: #f4964a;
    background-color: #f4964a;
}
.pages span {
    line-height: 26px;
}

.pagewrap {
    width: 100%;
    height: 42px;
    padding: 30px 0;
    line-height: 42px;
    text-align: center;
    color: #272a34;
    overflow: hidden;
}
.pagewrap .pagination{
    border: none!important;
}
.pagewrap a,.pagewrap span {
    display: inline-block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #e9e9e9;
    background: #fff;
    border-radius: 3px;
    padding: 0 17px;
    margin: 0 2px;
    font-size: 14px;
    color: #999;
}

.pagewrap a.current , .pagewrap .active a, .pagewrap a:hover {
    color: #fff;
    border: 1px solid #11c382;
    background: #11c382;
}

.pagewrap li {
    display: inline-block;
    _zoom: 1;
    display: inline;
    padding: 0!important;
}

.pagewrap .page .prev,.pagewrap .page .netx {
    width: 38px;
}

.pagewrap .page {
    margin: 0 auto;
    display: block;
}

.pagewrap li.active a,.pagewrap li.active span {
    color: #fff;
    border: 1px solid #11c382;
    background: #11c382;
}