@charset "utf-8";body,div,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    background: #f1f2f6;
    font: normal 14px/1.5 "Helvetica Neue",HelveticaNeue,Helvetica-Neue,Helvetica,'\5fae\8f6f\96c5\9ed1';
    -webkit-text-size-adjust: none;
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

dl,dt,dd,ul,ol,li {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: 400;
}

header,menu,nav,section,article,aside {
    display: block
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: 400
}

em, i, u, s, b {
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

q:before,q:after {
    content: ''
}

.clearfix:after,.answers li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.clearfix,.answers li {
    *zoom:1;}

button,input,select,textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
}

legend {
    color: #333
}

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

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom:1;}

a {
    cursor: pointer;
    text-decoration: none;
    color: #555;
}

.star0,.star1,.star2,.star3,.star4,.star5,.stars1,.stars2,.stars3,.stars4,.stars5 {
    background: url(../images/lstars.png) no-repeat;
    width: 84px;
    height: 13px;
    display: block;
}

.star1,.stars1 {
    background-position: 0 -26px;
}

.star2,.stars2 {
    background-position: 0 -52px;
}

.star3,.stars3 {
    background-position: 0 -78px;
}

.star4,.stars4 {
    background-position: 0 -104px;
}

.star5,.stars5 {
    background-position: 0 -130px;
}

/**新增轮播**/
.c-focus {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin: 0 auto;
}

.focus-pic li {
    width: 100%;
    height: 200px;
    overflow: hidden;
    float: left;
    position: relative
}

.focus-pic li b {
    position: absolute;
    bottom: 5px;
    left: 4%;
    width: 92%;
    font-weight: normal;
    color: #FFF;
    z-index: 111;
    font-size: 14px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    display: block;
}

.focus-pic li div {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 35px;
    background-color: #000;
    width: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.focus-pic img {
    width: 100%;
    height: 200px;
}

#wrapper8 {
    position: relative;
}

.circle {
    position: absolute;
    left: 0;
    top: 145px;
    height: 10px;
    width: 100%;
    text-align: center
}

.circle span {
    display: inline-block;
    margin: 0 2px;
    text-indent: -9999px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
}

.circle .active {
    background-color: #4dba50;
}

/**轮播**/
.on {
    display: block;
}

.none, .off {
    display: none;
}

.top {
    position: relative;
    height: 43px;
    z-index: 20;
    background: #333;
}

.top a {
    color: #fff;
}

.nPanel footer:nth-of-type(2) {
    display: none
}

#nav_left_layout {
    /* height:36px; */
    overflow: hidden;
    width: 96%;
    background: none;
    z-index: 2;
    margin: 10px 2%
}

#logo {
    position: absolute;
    top: 3px;
    left: 0;
    width: 135px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    background: url(../images/logo.png) no-repeat 10px 5px;
    background-size: 115px;
}

p.toolbar.cat i {
    float: right;
    margin-right: 2%;
}

p.toolbar.cat i a {
    border: 1px solid #333;
    padding: 4px 10px;
    border-radius: 5px;
    color: #333
}

section.list-hot {
    margin-top: 10px
}

#topcat {
    position: absolute;
    top: 3px;
    right: 4px;
    width: 40px;
    height: 40px;
    z-index: 9999;
}

#topcat b {
    display: block;
    text-indent: -9999px;
    width: 36px;
    height: 36px;
    background: url(../images/bjtu.png) 10px -32px no-repeat;
    background-size: 35px;
}

#topcat-box {
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 44px;
    z-index: 10000;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
}

#topcat-box p {
    margin: 10px 15px 5px 15px;
    border: 1px solid #fc6500;
    border-radius: 3px;
    box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    display: box;
    display: -moz-box;
    display: -webkit-box;
    height: 36px;
}

@-moz-document url-prefix() {
    #topcat-box p {
        width: -moz-calc(100% - 32px);
    }
}

#topcat-box p span {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fc6500;
    display: block;
    position: relative;
}

#topcat-box p .cur {
    background: #fc6500;
    color: #fff;
}

#topcat-box p span:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 36px;
    background: #fc6500;
}

#topcat-box ul {
    margin: 0 10px 15px 10px;
    display: none;
}

#topcat-box .on {
    display: block;
}

#topcat-box li {
    float: left;
    width: 33.33%;
}

#topcat-box li a {
    display: block;
    text-align: center;
    margin: 5px;
    border: 1px solid #d6d6d6;
    padding: 12px 7px;
    color: #999;
}

#topcat-box li a span {
    display: block;
    color: #333;
    padding: 0 0 4px 0;
}

.bdcs-search-form {
    position: absolute;
    right: 40px;
    top: 2px;
    width: 40%
}

.search-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: box;
    display: -moz-box;
    display: -webkit-box;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    height: 40px;
}

.search-input {
    position: relative;
    border: none;
    border-radius: 2px 0 0 2px;
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    background: #fff;
}

.search-input:before {
    content: '';
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 17px;
    border-right: 1px solid #d9d9d9;
}

.search-btn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}

.search-btn:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 29px;
    width: 5px;
    height: 27px;
    background: #333;
    z-index: 3;
}

#bdcs-search-form-input {
    text-indent: 10px;
    font-size: 12px;
    border: none;
    border-radius: 7px 0 0 7px;
    height: 28px;
    color: #666;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: middle;
    width: 100%;
}

#bdcs-search-form-submit {
    border: none;
    border-radius: 0 3px 3px 0;
    width: 28px;
    height: 28px;
    padding: 1px 0;
    background: #fff url(../images/searchbtn.png) 0 0 no-repeat;
    background-size: 28px;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
}

.subnav {
    height: 150px;
    overflow: hidden;
    margin: 0;
    width: 100%;
}

.subnav_img {
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    height: 500px
}

.subnav_img ul {
    white-space: nowrap;
    width: 3000px;
    height: auto
}

.subnav li {
    float: left;
    width: 375px;
    height: 240px;
    text-align: center;
    margin-right: 10px;
    position: relative
}

.subnav li b {
    position: absolute;
    left: 0;
    top: 120px;
    overflow: hidden;
    height: 30px;
    width: 96%;
    text-align: center;
    line-height: 30px;
    z-index: 1;
    color: #fff
}

.subnav li div {
    position: absolute;
    left: 0;
    top: 120px;
    width: 100%;
    height: 30px;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.subnav li img {
    width: 100%;
    position: relative;
}

.hot_soft {
    background: none;
    margin: 0;
    overflow: hidden;
}

.hot_soft div {
    margin: 0 auto;
    position: relative
}

.hot_soft a {
    width: 30%;
    height: 40px;
    line-height: 40px;
    text-indent: 42px;
    display: block;
    border-radius: 3px
}

.hot_soft a i {
    width: 80px;
    height: 50px;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    text-indent: 40px
}

.hot_soft a:nth-of-type(1) {
    background: #ffbd07;
    position: absolute;
    left: 2%;
    top: 0
}

.hot_soft a:nth-of-type(1) i {
    background: url(../images/bjtu.png) 5px -77px no-repeat;
    background-size: 30px;
}

.hot_soft a:nth-of-type(2) {
    background: #fe502b;
    margin: 0 auto
}

.hot_soft a:nth-of-type(2) i {
    background: url(../images/bjtu.png) 5px -133px no-repeat;
    background-size: 30px;
}

.hot_soft a:nth-of-type(3) {
    background: #1f89e3;
    position: absolute;
    right: 2%;
    top: 0
}

.hot_soft a:nth-of-type(3) i {
    background: url(../images/bjtu.png) 5px -193px no-repeat;
    background-size: 30px;
}

.list-zt {
    margin: 10px 0;
    position: relative;
    background: none;
    height: 70px;
}

#DownBody .list-zt,#archive .list-zt {
    padding-bottom: 10px;
    height: 95px;
    text-align: center
}

.list-zt a {
    width: 30%;
    height: 70px;
    display: block;
}

.list-zt a:nth-of-type(1) {
    position: absolute;
    left: 2%;
    top: 0
}

.list-zt a:nth-of-type(2) {
    margin: 0 auto
}

.list-zt a:nth-of-type(3) {
    position: absolute;
    right: 2%;
    top: 0
}

.list-zt img {
    width: 100%;
    height: 100%
}

.list-zt b {
    display: block;
    height: 20px;
    overflow: hidden;
}

.list-hot ol {
    width: 100%;
    overflow: hidden;
}

.list-hot ol li {
    width: 96%;
    position: relative;
    height: 70px;
    margin: 5px 2% 10px 2%
}

.list-hot ol li img {
    position: absolute;
    left: 0;
    width: 118px;
    height: 70px;
}

.list-hot ol li b {
    position: absolute;
    left: 130px;
    top: 0px;
    font-size: 16px;
    font-weight: 100;
}

.list-hot ol li p {
    position: absolute;
    left: 130px;
    top: 30px;
    line-height: 20px;
    color: #999;
    font-size: 12px
}

#navs .hd {
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    width: 100%;
    margin-bottom: 15px;
    height: 40px;
    overflow: hidden;
}

#navs .hd li {
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    display: block;
    text-align: center;
    height: 38px;
    line-height: 38px;
    background: #f3f3f3;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    border-right: 1px solid #e6e6e6;
}

#navs .hd li:last-child {
    border-right: 0 none;
}

#navs .hd li.cur {
    background: #fbfbfb;
    border-top: 2px solid #333;
    border-bottom: 0 none;
    color: #333;
}

#navs .bd.pic {
    display: block;
}

#navs .bd {
    display: none
}

#navs .hd ul {
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    width: 100%;
}

#navs .subnavs {
    margin: 10px 2% 0 2%
}

.y-game,azlike {
    width: 96%;
    height: 100%;
    overflow: hidden;
    margin-top: 10px;
    background: #fff
}

.y-game .subnava,.azlike .subnava {
    margin: 10px 2%;
    height: 100px;
    width: 96%;
    overflow: hidden
}

.y-game .subnava li,.azlike .subnava li {
    height: 75px;
    width: 160px;
    float: left;
    margin: 0 10px 0 0
}

.y-game .subnav_img,.azlike .subnav_img {
    height: 130px;
}

.y-game .subnava img,.azlike .subnava img {
    height: 75px;
    width: 100%;
}

.y-game .subnava b,.azlike .subnava b {
    width: 100%;
    display: block;
    height: 20px;
    text-align: center text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 10px;
}

.y-game .subnavs,.azlike .subnavs {
    margin: 10px 2%;
    height: 90px;
    width: 96%;
    overflow: hidden
}

.y-game .subnavs li,.azlike .subnavs li {
    height: 90px;
    width: 75px;
    float: left;
    margin-right: 19px;
    text-align: center
}

.y-game .subnavs img,.azlike .subnavs img {
    width: 60px;
    height: 60px;
    border-radius: 7px
}

.y-game .subnavs b,.azlike .subnavs b {
    width: 100%;
    display: block;
    height: 20px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 10px;
}

.azlike strong {
    display: block;
    overflow: visible;
    margin: 10px 0 10px 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-indent: 10px
}

.list-hot .subnavs {
    margin: 10px 2%;
    height: 100px;
    width: 96%;
    overflow: hidden
}

.list-hot .subnavs li {
    height: 90px;
    width: 75px;
    float: left;
    margin-right: 19px;
    text-align: center
}

.list-hot .subnavs img {
    width: 60px;
    height: 60px;
    border-radius: 7px
}

.list-hot .subnav_img {
    height: 130px
}

.list-hot .subnavs b {
    width: 100%;
    display: block;
    height: 20px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 10px;
}

.case {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 10px 0;
    box-shadow: 0 0 10px #ccc;
    background-size: 55px
}

.case .title {
    border-bottom: 1px solid #ddd;
    height: 40px;
}

.product.show.klst {
    height: 400px;
}

.case .klst {
    border-top: 0;
}

.case .title h2 {
    font-size: 20px;
    font-family: "microsoft yahei";
}

button#btnsubmitcomment {
    background: #333;
    padding: 2px 5px;
    color: #fff;
    border: 1px solid #333;
}

.title-list {
    position: relative;
    top: 6px;
}

.title-list li {
    width: 25%;
    line-height: 20px;
    text-align: center;
    float: left;
    display: inline;
    cursor: pointer;
    font-size: 16px;
}

.title-list li.on {
    color: #333;
    font-weight: bold;
    height: 33px;
    border-bottom: 1px solid #333;
    font-size: 16px;
}

.title-list p {
    position: absolute;
    top: 24px;
    left: 0px;
    width: 146px;
    height: 7px;
    border-top: 3px solid #ff6600;
    overflow: hidden;
    text-align: center;
}

.title-list b {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-style: solid dashed dashed dashed;
    border-width: 9px;
    border-color: #ff6600 #fff #fff #fff;
    overflow: hidden;
    zoom:1;font-size: 0;
}

.product {
    height: auto;
    position: relative;
    overflow: hidden;
    display: none;
    margin-top: 10px;
}

.product ul {
    position: absolute;
    left: 0px;
    width: 100%
}

.product.kalist {
    height: 322px;
}

.show {
    display: block;
}

.map-list {
    margin-top: 10px
}

.map {
    border-bottom: 10px solid #f1f2f6;
    padding-top: 10px;
}

.map li:nth-of-type(5) a {
    color: #fff;
    background: #333;
    border: 1px solid #333
}

.map li:nth-of-type(20) a {
    color: #fff;
    background: #03a9f4;
    border: 1px solid #03a9f4
}

.map li:nth-of-type(40) a {
    color: #fff;
    background: #ff6060;
    border: 1px solid #ff6060
}

#nav {
    height: 44px;
    line-height: 44px;
    position: relative;
    background: #fff;
}

.main-nav {
    zoom:1;clear: both;
}

.main-nav li {
    margin-left: 10px;
    padding: 0;
    float: left;
    color: #333;
}

.main-nav li a {
    display: block;
    line-height: 43px;
    height: 43px;
    text-align: center;
    position: relative;
    font-size: 16px;
}

.main-nav .cur a {
    color: #333;
    font-weight: 600;
}

.pull-nav {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 0;
    right: 10px;
    float: right;
}

.pull-nav span {
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
}

.pull-nav span i {
    display: inline-block;
    width: 14px;
    height: 10px;
    background: url(../images/updownarr.png) 0 0 no-repeat;
    background-size: 14px;
    vertical-align: middle;
}

.open span i {
    background-position: 0 -12px;
}

.more-nav {
    display: none;
    position: absolute;
    right: 0;
    top: 44px;
    width: 100px;
    background: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    z-index: 999;
    line-height: 34px;
}

.more-nav li {
    border-bottom: 1px solid #d6d6d6;
}

.more-nav li a {
    display: block;
    font-size: 16px;
    text-align: center;
}

#ListBody #nTab {
    margin: 0 2% 10px 2%
}

#nTab {
    clear: both;
    height: 34px;
    margin: 10px;
    border: 1px solid #333;
    border-radius: 4px;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    text-align: center;
}

@-moz-document url-prefix() {
    #nTab {
        width: -moz-calc(100% - 22px);
    }
}

#nTab a, #nTab span {
    line-height: 34px;
    font-size: 14px;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1;
    box-flex: 1.0;
    display: block;
    text-align: center;
    color: #333;
    cursor: pointer;
}

#nTab a:not(:last-child), #nTab span:not(:last-child) {
    border-right: 1px solid #333;
}

#nTab a.cur,#nTab span.cur {
    background: #333;
    color: #fff;
}

section.zlist {
    padding-top: 5px;
    overflow: hidden
}

.cat {
    position: relative;
    z-index: 10;
}

.cat i,.cat span,.cat span a {
    display: inline-block;
}

.back {
    width: 30px;
    height: 40px;
    background: url(../images/goback.png) center center no-repeat;
    float: left;
    background-size: 12px;
    cursor: pointer;
}

.toolbar {
    height: 40px;
    line-height: 40px;
    background: #f4f4f4;
    font-size: 14px;
    overflow: hidden
}

.toolbar b {
    font-weight: normal;
}

.toolbar i {
    font-style: normal;
    font-size: 12px;
}

.caption {
    display: block;
    overflow: visible;
    margin: 0 0 10px 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.caption b {
    display: block;
    position: absolute;
    bottom: -1px;
    left: 10px;
    height: 40px;
    font-size: 16px;
    color: #333;
    font-weight: bold
}

.caption a {
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 0;
}

#DownBody .caption a {
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 8px;
    border: 1px solid #333;
    padding: 2px 10px;
    line-height: 20px;
    border-radius: 5px;
}

#DownBody .caption a.fb {
    right: 70px;
    color: #333
}

.caption .tab {
    padding: 0;
    float: right;
    border-radius: 3px;
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
}

.caption .tab a {
    font-size: 14px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    width: 50px;
    text-align: center;
    position: static;
}

.caption .tab a.cur {
    color: #333;
}

.ajax-tip {
    position: fixed;
    top: 100px;
    width: 100%;
    text-align: center;
    z-index: 90;
}

.ajax-tip .msg {
    background: rgba(0,0,0,.85);
    line-height: 42px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

#topsug {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 46px;
    line-height: 45px;
    background: #444;
    color: #fff;
    font-size: 16px;
    font-family: '\5fae\8f6f\96c5\9ed1';
}

#topsug em {
    position: absolute;
    right: 16px;
    top: 8px;
    width: 110px;
    height: 30px;
    line-height: 30px;
    background: #ff9900;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-family: '\5fae\8f6f\96c5\9ed1';
}

#topsug i {
    position: absolute;
    display: line-block;
    width: 24px;
    height: 24px;
    left: 16px;
    top: 10px;
    background: url(../images/topalert.png) no-repeat
}

#topsug p {
    padding-left: 49px;
}

#topsug .close {
    background: url(../images/topclose.png) no-repeat;
    width: 18px;
    height: 18px;
    position: fixed;
    top: 0;
    left: 0;
    cursor: pointer;
    background-size: 18px;
    z-index: 99999;
}

#ListBody #hWrapper {
    margin: 0 2% 10px 2%;
}

.gg #hWrapper {
    margin: 10px 2% 10px 2%;
}

.list.ta {
    margin-top: 10px
}

#hWrapper {
    clear: both;
    display: block;
    margin: 10px 2% 10px 2%;
    background: #fff;
}

#hWrapper #hscroller {
    display: block;
    height: 80px;
}

#hWrapper.on {
    display: block;
}

#hWrapper.off {
    display: none;
}

#hWrapper img {
    display: block;
    width: 100%;
}

#hWrapper li {
    float: left;
    width: 90px;
    height: 83px;
    text-align: center;
    overflow: hidden;
    margin: 10px 0;
}

#hWrapper li img {
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
}

#fmWindow {
    position: fixed;
    width: 70%;
    left: 15%;
    top: 30%;
    z-index: 201;
    _display: none;
    border: 3px solid #ddd;
}

#fmWindow .close {
    width: 18px;
    height: 18px;
    background: #ddd;
    color: #fff;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 1;
    text-align: center;
    line-height: 19px;
    font-size: 13px;
}

#fmWindow img {
    width: 100%;
    height: auto;
    display: block;
    visibility: visible;
    border: 0;
}

#botwrapper {
    position: fixed;
    bottom: 0px;
    z-index: 999;
    width: 100%;
    line-height: 0;
}

#botwrapper img {
    display: block;
    width: 100%;
}

#botwrapper .close {
    z-index: 9999;
    display: block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    position: absolute;
    top: -10px;
    left: 0;
    font-size: 12px;
    text-align: center;
    background: #fff;
    border-radius: 16px;
    border: 2px solid #789;
}

#aWrapper {
    clear: both;
    width: 100%;
    line-height: 0px;
}

#aWrapper img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

#aWrapper.on {
    display: block;
}

#aWrapper.off {
    display: none;
}

.list-bottom {
    display: block;
    height: 34px;
    padding: 23px 0;
    margin: 0;
    text-align: center;
    line-height: 34px;
    overflow: hidden;
    color: #666;
    position: relative;
}

.list-bottom a {
    width: 90%;
    height: 32px;
    line-height: 32px;
    border-radius: 5px;
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    background: url(../images/pic.gif) 0 -82px repeat-x;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    margin: 0 auto;
    cursor: pointer;
}

footer.bottom {
    width: 100%;
    margin: 10px 0 0 0;
    height: 46px;
    background: #ebebeb;
    text-align: center;
    font-size: 12px
}

footer.bottom #goTop {
    position: fixed;
    right: 10px;
    bottom: 80px;
    text-indent: -9999px;
    z-index: 9999;
    width: 38px;
    height: 38px;
    background: rgba(0,0,0,0.6) url(../images/gotop.png) -4px -5px no-repeat;
    background-size: 46px auto;
    border-radius: 50%;
    display: none
}

footer.bottom p {
    height: 46px;
    line-height: 46px;
}

footer.bottom p a {
    padding: 0 10px;
}

.button-footer {
    display: block;
    height: 34px;
    padding: 23px 0;
    margin: 0;
    text-align: center;
    line-height: 34px;
    overflow: hidden;
    color: #666;
    position: relative;
}

.button-footer .button {
    width: 90%;
    height: 32px;
    line-height: 32px;
    border-radius: 5px;
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    background: url(../images/pic.gif) 0 -82px repeat-x;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    margin: 0 auto;
    cursor: pointer;
}

.button-footer .text {
    display: none;
}

.button-footer .disable {
    width: 30%;
    height: 34px;
    line-height: 34px;
    display: block;
    text-align: center;
    color: #999;
    margin: 0 auto;
}

.button-footer .css3-loading {
    position: absolute;
    top: 32px;
    left: 50%;
    margin-left: -70px;
}

/*index css*/
.new {
    margin-top: 10px;
    overflow: hidden
}

.new li {
    position: relative;
    height: 75px;
    border-bottom: 1px dashed #ccc;
    margin: 0 4% 10px 4%;
    padding-bottom: 10px
}

.new li img {
    position: absolute;
    left: 0;
    width: 120px;
    height: 75px;
}

.new li b {
    position: absolute;
    left: 130px;
    top: 5px;
    height: 20px;
    overflow: hidden
}

.new li p {
    position: absolute;
    left: 130px;
    top: 30px;
    color: #999;
    font-size: 12px;
    height: 40px;
    line-height: 21px;
    overflow: hidden;
}

.news {
    background: #fff;
    margin-top: 10px;
    padding-bottom: 10px
}

.news ul li {
    font: 14px "\5FAE\8F6F\96C5\9ED1";
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #FFF;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
    margin: 0 8px;
    position: relative;
}

.news ul li em {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #999;
    border-radius: 50px;
    overflow: hidden;
    position: absolute;
    top: 15px;
    left: 5px;
}

.news ul li a {
    display: block;
    padding: 0 10px 0 15px;
    color: #222;
}

.dtit {
    border-bottom: 1px solid #ddd;
    position: relative;
    height: 40px;
    line-height: 40px;
}

.dtit strong {
    margin: 0;
    display: block;
    position: absolute;
    bottom: -1px;
    padding: 0 10px 0 5px;
    left: 10px;
    height: 40px;
    border-bottom: 1px solid #333;
    font-size: 16px;
    font-weight: bold;
}

.hot-soft-list {
    overflow: hidden;
    zoom:1; margin-bottom: 5px
}

.hot-soft-list li {
    text-align: center;
    width: 25%;
    height: 126px;
    border: none;
    padding: 7px 0 5px 0;
    float: left;
}

.hot-soft-list li img {
    display: inline-block;
    width: 65px;
    height: 65px;
    border-radius: 8px;
}

.hot-soft-list li b {
    display: block!important;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 1px;
    font-size: 14px
}

.hot-soft-list li .btn {
    display: inline-block;
    width: 60px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #53ac4e;
    background: #def3e0;
    border-radius: 2px;
}

.tow-soft-list {
    margin-top: -10px;
    overflow: hidden;
    zoom:1;}

.tow-soft-list li {
    float: left;
    width: 50%;
    padding: 10px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tow-soft-list li:nth-child(even) {
    border-right: 0;
}

.tow-soft-list li a {
    position: relative;
}

.tow-soft-list li img {
    margin: 0 auto;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 5px;
}

.tow-soft-list li div {
    float: none;
    display: block;
    width: 60%;
}

.tow-soft-list li .title-down {
    display: block;
    width: 60%;
}

.tow-soft-list li b {
    display: block;
    color: #404040;
    margin-top: 3px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.tow-soft-list li .btn {
    width: 60px;
    height: 25px;
    line-height: 25px;
    border-radius: 2px;
    display: inline-block;
    color: #53ac4e;
    background: #def3e0;
    margin: 5px auto 0;
    text-align: center;
}

.tow-soft-lists li p {
    display: block;
    font-size: 12px;
    width: 100%;
    color: #9e9e9e;
    padding-top: 3px;
    margin-left: 0;
}

.tow-soft-list li span {
    display: block;
    margin: 10px auto 0 -70px;
    font-size: 12px;
    color: #9e9e9e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tow-soft-list li span a {
    color: #9e9e9e;
}

.tow-soft-list li span u {
    margin: 0 6px 0 0;
    padding: 0 6px 0 0;
    border-right: 1px solid #d9d9d9;
}

/* index links css*/
.links,.bottom {
    clear: both;
}

.links {
    background: #fff;
    margin-top: 10px;
    padding-bottom: 10px;
}

.links ul {
    zoom:1;overflow: hidden;
}

.links ul li {
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    margin: 10px 0 0 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.links p {
    height: 40px;
    font-size: 16px;
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
}

.links p b {
    border: none;
    line-height: 40px;
    color: #000
}

.links p b {
    display: block;
    color: #333;
    position: absolute;
    left: 10px;
    line-height: 48px;
}

#ArticleBody .list,.list.ts {
    margin-top: 10px
}

.list,.list ul {
    overflow: hidden
}

.list li {
    padding: 10px 5px 10px 10px;
    overflow: hidden;
    zoom:1;position: relative;
    border-bottom: 1px solid #e8e8e8;
}

.list li b {
    font-weight: normal;
    color: #2f9a00;
    display: block;
    height: 22px;
    overflow: hidden;
    position: absolute;
    left: 79px;
    top: 11px;
}

.list li img {
    float: left;
    display: inline;
    margin-right: 10px;
    width: 60px;
    height: 60px;
    border-radius: 8px;
}

.list li p {
    -webkit-box-flex: 1;
    color: #777;
    overflow: hidden;
    padding-right: 70px;
}

.list li em.em-01 {
    position: absolute;
    left: 79px;
    top: 30px;
}

.list li .star {
    position: absolute;
    left: 79px;
    top: 32px;
}

.list .rank b,.list .rank img,.list .rank em.em-01,.list .rank .star,.list .rank li p span {
    left: 120px
}

.list li p a {
    display: block;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    font-size: 16px;
}

.list li p span {
    display: block;
    line-height: 16px;
    position: absolute;
    left: 79px;
    top: 52px;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: 12px "\5FAE\8F6F\96C5\9ED1";
}

.list li p u {
    margin: 0 6px;
    padding: 0 6px;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.list .btn {
    font-size: 14px;
    text-indent: 0;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #333;
    position: absolute;
    right: 10px;
    top: 25px;
    border-radius: 2px;
}

.list ul div {
    position: absolute;
    left: 79px;
    top: 52px;
    height: 38px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
}

.list .btn:hover {
    background: #1fc480;
}

li.none {
    display: none;
}

ul.iList.rank b, ul.iList.rank span, ul.iList.rank em {
    left: 120px
}

.lists {
    margin: 10px 2%;
}

.lists .rank i {
    width: 20px !important;
    height: 20px !important;
    background: #ccc;
    color: #fff;
    line-height: 20px !important;
}

.lists .rank li:nth-of-type(1) i {
    background: #ff6060;
}

.lists .rank li:nth-of-type(2) i {
    background: #333;
}

.lists .rank li:nth-of-type(3) i {
    background: #03a9f4;
}

.lists .ranks {
    padding: 0 0 5px 0;
    overflow: hidden
}

.lists .ranks li {
    position: relative;
    height: 20px;
    margin: 0 0 10px 0
}

.lists .ranks li i {
    position: absolute;
    left: 10px;
    width: 20px;
    height: 20px;
    background: #ccc;
    color: #fff;
    text-align: center;
    line-height: 20px
}

.lists .ranks li:nth-of-type(1) i {
    background: #ff6060;
}

.lists .ranks li:nth-of-type(2) i {
    background: #333;
}

.lists .ranks li:nth-of-type(3) i {
    background: #03a9f4;
}

.lists .ranks li b {
    position: absolute;
    left: 40px;
    height: 20px;
    display: block;
    padding-right: 50px;
    overflow: hidden
}

.lists .ranks li span {
    position: absolute;
    right: 10px;
    height: 20px;
    font-size: 12px;
    color: #999
}

.captions {
    text-align: center;
    padding-top: 10px
}

.captions h2,.captions span {
    color: #333;
    font-size: 12px;
}

.softtags {
    color: #666;
    font-size: 12px;
    margin-top: 10px
}

.softtags a {
    margin-right: 10px;
    color: #333
}

.keyword {
    overflow: hidden;
    padding-bottom: 15px
}

.keyword a {
    float: left;
    margin: 10px 10px 0 10px;
    font-size: 12px;
}

.keyword a:nth-of-type(1) {
    color: #f00;
}

.keyword a:nth-of-type(7) {
    color: #333;
}

.keyword a:nth-of-type(15) {
    color: #03a9f4;
}

.keyword a:nth-of-type(4) {
    color: #08c4c2;
}

.keyword a:nth-of-type(10) {
    color: #08c4c2;
}

.keyword a:nth-of-type(20) {
    color: #ff6060;
}

.keyword a:nth-of-type(25) {
    color: #333;
}

.keyword a:nth-of-type(30) {
    color: #08c4c2;
}

.rank li {
    padding-left: 50px;
}

.rank i {
    font-style: normal;
    width: 26px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    left: 10px;
    top: 23px;
    text-align: center;
}

.rank i.best {
    top: 0;
    background: url(../images/pic.gif) -21px -311px no-repeat;
    color: #fff;
}

.cList li {
    padding: 10px;
    height: 60px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.cList img {
    width: 60px;
    height: 60px;
    float: left;
    display: inline;
    margin-right: 6px;
    border-radius: 5px;
}

.iLists a {
    display: block;
    padding-right: 65px;
}

.cList a {
    display: block;
    padding-right: 80px;
}

.cList li p {
    font-size: 12px;
    color: #999;
    height: 38px;
    overflow: hidden;
}

.cList i {
    position: absolute;
    right: 10px;
    top: 25px;
    width: 70px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #eee;
    color: #666;
    padding: 0;
    font-style: normal;
    font-size: 14px;
}

.cList i span {
    color: #2f9a00;
    padding-right: 2px;
}

/*article list css*/
.artlist {
    padding-top: 10px;
    overflow: hidden;
}

.artlist li {
    margin: 0 2% 10px 2%;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    height: 75px;
    padding-bottom: 10px;
}

.artlist li img {
    position: absolute;
    left: 0;
    width: 120px;
    height: 75px;
}

.artlist li b {
    display: block;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    font-weight: bold;
    position: absolute;
    left: 130px;
    top: 5px;
    font-weight: 100;
}

.artlist li p {
    position: absolute;
    left: 130px;
    top: 50px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
    color: #999;
    font-size: 12px
}

.artlist li p em {
    margin: 0 15px 0 0;
    float: left;
    display: inline-block;
    height: 18px;
    background: url(../images/bj_05.png) no-repeat -2px -21px;
    padding-left: 20px;
}

.artlist li p em.red {
    color: #f00;
}

.artlist li p span {
    float: left;
    display: inline-block;
    height: 19px;
    background: url(../images/bj_05.png) no-repeat -1px -53px;
    padding-left: 25px;
}

#ArticleBody .alist {
    margin-top: 10px;
}

.alist {
    clear: both;
    margin-top: 0px;
    display: block;
    overflow: hidden;
}

.alist strong {
    font-size: 16px;
    padding: 0 10px;
    line-height: 30px;
    background: #f3f3f3;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    display: block;
    font-weight: normal;
}

.alist .pic {
    float: left;
    width: 90px;
    height: 100px;
}

.alist .size {
    font-size: 14px;
    color: #666;
}

.alist h3 {
    line-height: 24px;
    font-size: 14px;
    height: 24px;
    overflow: hidden;
    padding-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.alist ul li {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    margin: 0 8px;
    position: relative;
}

.alist li:not(:first-child) {
    border-top: 1px solid #e2e2e2;
}

.alist ul li em {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #999;
    border-radius: 50px;
    overflow: hidden;
    position: absolute;
    top: 17px;
    left: 5px;
}

.alist ul li a {
    display: block;
    overflow: hidden;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px 0 15px;
}

/*sitemap css*/
.map-list .map .title {
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-left: 6px;
    font-size: 1.3rem;
    text-align: center;
    border-bottom: 3px solid #333
}

.map-list .map .title1 {
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    color: #333
}

.map-list .map-ul {
    overflow: hidden;
    margin-right: 6px;
}

.map-list li {
    width: 25%;
    height: 28px;
    overflow: hidden;
    float: left;
    text-align: center;
    margin-bottom: 10px;
}

.map-list li a {
    display: block;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    margin-left: 6px;
    border-radius: 3px;
}

/*article css*/
.artbody .tit {
    margin: 0px 10px 0px;
    font-size: 14pt;
    padding-top: 15px;
}

.artbody .about {
    font-size: 8pt;
    color: #B9B9B9;
    height: 25px;
    line-height: 25px;
    margin: 0 10px;
}

.artbody .text {
    padding: 0 15px 15px 15px;
    box-sizing: border-box;
    margin-bottom: 2px;
    line-height: 1.1em;
    font-size: 11.5pt;
}

.artbody .text p {
    line-height: 30px;
}

.artbody .text h3 {
    display: block;
    font-weight: bold;
    text-indent: 15px;
    padding: 0;
    margin: 5px 0;
    background: #f9f9f9;
    border-bottom: 1px solid #ddd;
    border-left: 3px solid #333;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}

.artbody .text img {
    display: block;
    margin: 0 auto 5px;
    max-width: 80%;
}

.artbody .text h4 a {
    color: #f00;
    font-weight: 900;
}

.artbody .text img {
    display: block;
    margin: 0 auto 5px;
    max-width: 80%;
}

.textdownload {
    padding: 0px;
    padding-bottom: 10px;
    margin: auto;
    overflow: hidden;
}

.textdownload .caption {
    font-size: 14px;
    color: blue;
    font-weight: 700;
}

.textdownload .textdown {
    padding: 10px 5px 10px 10px;
    overflow: hidden;
    zoom:1;position: relative;
    border-bottom: 1px solid #e8e8e8;
}

.textdownload .textdown .img {
    margin-right: 10px;
    display: block;
    width: 60px;
    float: left;
}

.textdownload .textdown .img img {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    max-width: none;
}

.textdownload .textdown p {
    display: block;
    text-indent: 0;
    margin: 0;
    -webkit-box-flex: 1;
    color: #777;
    overflow: hidden;
    padding-right: 70px;
}

.textdownload .textdown p em {
    margin: 7px 0;
    text-indent: 0;
}

.textdownload .textdown p a {
    display: block;
    text-indent: 0;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    font-size: 15px;
}

.textdownload .textdown p span {
    display: block;
    text-indent: 0;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: 12px "\5FAE\8F6F\96C5\9ED1";
}

.textdownload .textdown p u {
    margin: 0 6px;
    padding: 0 6px;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.textdown .btn {
    font-size: 14px;
    text-indent: 0;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #333;
    position: absolute;
    right: 10px;
    top: 25px;
    border-radius: 2px;
}

.textdown .btn:hover {
    background: #1fc480;
}

.text-thread {
    padding: 0px;
    border: 1px solid #ddd;
    margin: 5px auto;
    background-color: #fff;
    overflow: hidden;
    zoom:1;display: none;
}

.text-thread .caption {
    margin: 0;
    padding-left: 10px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: blue;
    font-weight: 700;
}

.text-thread .caption {
    background-color: #f4f4f4;
    border-bottom: 1px solid #dedede;
}

.text-thread ul {
    list-style: disc;
    padding: 3px 0px;
    margin: 3px 5px;
    overflow: hidden;
}

.text-thread li {
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-thread li.alt {
    background-color: #fff;
}

.text-thread li:hover {
    background-color: #fafafa;
}

.text-thread li a {
    font-size: 14px;
}

.text-thread li em {
    display: none;
    float: right;
    font-size: 12px;
    color: #9a9a9a;
}

.attenStyle {
    display: block;
    margin: 5px;
    padding: 10px;
    border: 1px solid #ff9947;
    color: #555;
    font-size: 14px;
    line-height: 1.5em;
}

.attenStyle {
    background: #fdfde5 url(../images/hint.png) no-repeat;
    padding-top: 32px;
    overflow: hidden;
    zoom:1;}

.content_top {
    width: 100%;
    text-align: center;
    margin: 0 auto -10px auto;
    padding: 15px 0 0 0;
}

#soft .content_top {
    width: 100%;
    text-align: center;
    margin: 50px auto 0 auto;
    border-top: 5px solid #f4f4f4;
    padding: 15px 0 0 0
}

.content_top p {
    color: #404040;
    position: relative;
    display: inline-block;
    padding: 0 24px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content_top .border-l {
    width: 16px;
    height: 14px;
    background: url(../images/zuo.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 5px;
    left: 0px;
}

.content_top .border-r {
    width: 16px;
    height: 14px;
    background: url(../images/you.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 5px;
    right: 0px;
}

/*app download css*/
#navs {
    margin-top: 10px;
}

#tab {
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    width: 100%;
}

#tab span {
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    display: block;
    text-align: center;
    height: 38px;
    line-height: 38px;
    background: #f3f3f3;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    border-right: 1px solid #e6e6e6;
}

#tab span:last-child {
    border-right: 0 none;
}

#tab .cur {
    background: #fbfbfb;
    border-top: 2px solid #333;
    border-bottom: 0 none;
    color: #333;
}

#tab1 {
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    width: 100%;
}

#tab1 span {
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    display: block;
    text-align: center;
    height: 38px;
    line-height: 38px;
    background: #f3f3f3;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    border-right: 1px solid #e6e6e6;
}

#tab1 span:last-child {
    border-right: 0 none;
}

#tab1 .cur {
    background: #fbfbfb;
    border-top: 2px solid #333;
    border-bottom: 0 none;
    color: #333;
}

.content1 ol {
    padding: 15px 0 0 0;
    overflow: hidden
}

.content1 ol li.net,.content1 ol li.mei {
    background: #fafafa;
    padding: 2px 0;
    text-align: center;
    color: #999;
    font-size: 12px
}

.content1 ol li.net a {
    position: inherit;
    color: #999;
    padding: 0;
}

.content1 ol li {
    position: relative;
    margin: 0 0 10px 0;
    height: 20px;
}

.content1 ol li a {
    position: absolute;
    left: 0;
    display: block;
    height: 20px;
    overflow: hidden
}

.content1 ol li em {
    position: absolute;
    right: 0;
    font-size: 12px
}

.artlist li.net,.artlist li.mei {
    padding: 5px 0;
    height: 20px !important;
    line-height: 20px;
    text-align: center;
    background: #fafafa;
    margin: 20px 2%;
    color: #666;
    border: 0
}

.artlist li.mei {
    margin: 0 2% 10px 2%;
}

.artlist li.net a {
    color: #666
}

.artlist li.net a:hover {
    color: #333
}

#tabs {
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    width: 100%;
}

#tabs span {
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    display: block;
    text-align: center;
    height: 38px;
    line-height: 38px;
    background: #f3f3f3;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    border-right: 1px solid #e6e6e6;
}

#tabs span:last-child {
    border-right: 0 none;
}

#tabs .cur {
    background: #fbfbfb;
    border-top: 2px solid #333;
    border-bottom: 0 none;
    color: #333;
}

#archive .content .textbody {
    padding: 15px 10px 0 10px;
}

.content .textbody {
    padding: 0 10px;
    line-height: 28px;
    text-align: justify;
    clear: both;
    position: relative;
    overflow: hidden;
}

.content .textbody h3 {
    display: block;
    font-weight: bold;
    text-indent: 15px;
    padding: 0;
    margin: 5px 0;
    background: #f9f9f9;
    border-bottom: 1px solid #ddd;
    border-left: 3px solid #333;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}

.textbody .tit {
    color: #2f9a00;
}

.textbody img {
    display: block;
    margin: 0 auto 5px;
    max-width: 90%;
}

#detailse {
    height: 350px;
    overflow: hidden;
    line-height: 25px;
    font-size: 16px;
}

#details img {
    display: block;
    margin: 0 auto 5px;
    max-width: 75%;
}

#details {
    display: none;
}

#expand {
    margin: 5px auto;
    overflow: visible;
    width: 100%;
}

#expand span {
    color: #666;
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 25px;
    height: 25px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 15px;
}

.content1.pic,.contents.pic,.content.pic {
    overflow: hidden;
    display: none;
}

.content.pic div.klst,.contents.pic div.klst {
    border-top: 0px
}

#picwrapper {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 10px;
}

#picroller {
    width: 3000px;
    height: 100%;
    float: left;
    padding: 4px 5px 6px 5px;
}

#picroller ul {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

#picroller li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    width: 152px;
    text-align: center;
}

#picroller li img {
    width: 150px;
    height: 225px;
    border: 1px solid #fff;
}

#hotwrapper, #alikewrapper {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#hotroller, #alikeroller {
    width: 3000px;
    height: 100%;
    float: left;
    padding: 15px 10px;
}

#hotroller ul, #alikeroller ul {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

#hotroller li, #alikeroller li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    width: 94px;
    height: 106px;
    text-align: center;
}

#hotroller li img, #alikeroller li img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 3px auto;
    border-radius: 5px;
}

#hotroller a, #alikeroller a {
    font-size: 12px;
    color: #2f9a00;
    display: block;
    overflow: hidden;
    height: 82px;
}

.alike li .star {
    display: inline-block;
}

.alike {
    clear: both;
    margin-top: 10px;
    display: block;
    overflow: hidden;
}

.alike strong {
    display: block;
    overflow: visible;
    margin: 0 0 10px 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-indent: 10px
}

.ggao {
    margin-top: 10px;
    padding-top: 10px;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

/*software info css*/
#soft-info {
    padding: 10px 10px 10px 10px;
    position: relative;
    background: #fff;
    margin: 0 2%;
}

.soft-info {
    border-top: 1px solid #efefef;
    border-bottom: 0px !important
}

#soft-info .c1 {
    color: #fd8230
}

#soft-info img {
    float: left;
    margin: 2px 7px 0 0;
    width: 90px;
    height: 90px;
    border-radius: 8px;
}

#soft-info h1 {
    display: block;
    top: -5px;
    font-weight: normal;
    color: #2f9a00;
    font: 16px "\5FAE\8F6F\96C5\9ED1";
    height: 27px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#soft-info p {
    font-size: 12px;
    color: #999;
    height: 23px;
    line-height: 20px;
    overflow: hidden;
}

#soft-info p span {
    display: inline-block;
    padding: 0;
    width: 50%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
}

#soft-info p span a {
    margin-right: 2px
}

#soft-info p span.sp1 {
    width: 100px
}

#soft-info.on {
    left: 0px;
    right: 0px;
}

#soft-download {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    margin: auto;
}

@-moz-document url-prefix() {
    #soft-download {
        width: 100%;
    }
}

#soft-download.on {
    position: fixed;
    left: 10px;
    right: 10px;
    z-index: 12;
    top: auto !important
}

@-moz-document url-prefix() {
    #soft-download.on {
        width: -moz-calc(100% - 20px);
    }
}

#soft-download li.tip {
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    background: #ccc;
    font-size: 16px;
    color: #fff;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    display: block;
}

#soft-download li {
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    background: #00adef;
    font-size: 16px;
    color: #fff;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    display: block;
}

#soft-info ul#soft-download {
    margin-top: 10px;
}

#soft-download li#down-android {
    background: #333 ;
}

#soft-download li.down-android {
    background: #333 ;
}

#soft-download li.down-appios,#soft-download li.down-appand {
    background: #ccc ;
}

.downloadyuyue {
    background: #ccc !important;
    border: 1px solid #ccc !important;
}

#soft-download li.officials {
    background: #ccc;
    border: 1px solid #ccc
}

#soft-download li.tips {
    background: #ccc;
    border: 1px solid #ccc
}

#soft-download li a {
    color: #fff;
    display: block;
}

#soft-download li:nth-child(2) {
    margin-left: 5px;
}

#soft-downloads {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    margin: auto;
}

@-moz-document url-prefix() {
    #soft-download {
        width: 100%;
    }
}

#soft-downloads.on {
    position: fixed;
    left: 10px;
    right: 10px;
    z-index: 12;
    top: auto !important
}

@-moz-documents url-prefix() {
    #soft-download.on {
        width: -moz-calc(100% - 20px);
    }
}

#soft-downloads li {
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    background: #00adef;
    font-size: 16px;
    color: #fff;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    display: block;
}

#soft-downloads li#down-android {
    background: #333 ;
}

#soft-downloads li.down-android {
    background: #333 ;
}

#soft-downloads li.down-appios,#soft-downloads li.down-appand {
    background: #ccc ;
}

#soft-downloads li.officials {
    background: #ccc;
    border: 1px solid #ccc
}

#soft-downloads li a {
    color: #fff;
    display: block;
}

#soft-downloads li:nth-child(2) {
    margin-left: 5px;
}

#soft-info #downloads {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    margin: auto;
    margin-top: 8px;
}

@-moz-document url-prefix() {
    #soft-info #downloads {
        width: 100%;
    }
}

#soft-info #downloads.on {
    position: fixed;
    left: 10px;
    right: 10px;
    z-index: 12;
}

@-moz-document url-prefix() {
    #soft-info #downloads.on {
        width: -moz-calc(100% - 20px);
    }
}

#soft-info #downloads .noBg {
    background: 0;
    border: 1px solid #333;
    color: #333
}

#soft-info .dbtn {
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    background: #333;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #8BBD00;
    display: block;
}

#soft-info .dbtn:hover {
    background: #333;
}

#soft-info .star {
    right: 1px;
    top: 42px;
    display: inline-block;
}

#soft-info .tipShow {
    background: #e5fbcf;
    color: #57a505;
    padding: 6px;
}

#soft-info .tipShow .icon {
    display: block
}

.zsDownBox {
    display: none;
    padding-top: 8px;
}

.zsDownBox .btn-checkbox {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    margin-right: 30px;
}

.zsDownBox-on {
    background: #fff;
    left: 0;
    padding: 10px 10px 0 10px;
    box-shadow: 0px 1px 2px #ccc;
}

.zsDownBox .topBox {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    padding-bottom: 10px;
}

.zsDownBox .zsHref {
    display: block;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    height: 36px;
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
    background: #333;
    line-height: 36px;
    text-align: center;
}

@-moz-document url-prefix() {
    .zsDownBox .topBox {
        width: 100%;
    }
}

.zsDownBox .icon-check {
    display: inline-block;
    width: 19px;
    height: 20px;
    margin: 7px 5px 0 0;
    float: left;
    background: url(../images/all_ico.png) 0 -652px no-repeat;
}

.zsDownBox .icon-active {
    background: url(../images/all_ico.png) 0 -675px no-repeat;
}

.zsDownBox .normal {
    clear: both;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    min-height: 40px;
    color: #999;
}

.zsDownBox .normal .icon {
    display: none;
    margin: 10px 5px 0 0;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../images/all_ico.png) 0px -602px no-repeat;
}

.xgbbxz {
    padding: 0;
    margin-bottom: 10px;
}

.xgbbxz p {
    position: relative;
    display: block;
    height: 50px;
    padding-left: 10px;
    padding-top: 5px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
}

.xgbbxz2 p:nth-child(even) {
    border-bottom: 1px solid #f0f0f0;
}

.xgbbxz p a.tit {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 85px
}

.xgbbxz p img {
    float: left;
    margin: 5px 5px 0 0;
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.xgbbxz .btns {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.xgbbxz .btn {
    position: absolute;
    right: 10px;
    top: 12px;
    display: inline-block;
    font-size: 14px;
    text-indent: 0;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #333;
    border-radius: 2px;
}

.xgbbxz .btn:hover {
    background: #1fc480;
}

.xgbbxz span {
    display: block;
    font-size: 12px;
    color: #999
}

.xgbbxz span i {
    margin-right: 10px;
}

/*page comment css*/
#comment {
    display: none;
    background: #fff;
    margin-top: 10px;
    padding: 9px 0 0 0;
}

/*#comment-list{margin:10px;font-size:12px;}#comment-list li{padding:10px 2px;border-bottom:1px solid #e6e6e6;line-height:24px;}#comment-list li:first-child{border-top:0;}#comment-list li:last-child{border-bottom:0;}#comment-list .user{color:#333;padding-right:100px;position:relative;margin-bottom:2px;height:24px;overflow:hidden;}#comment-list .user time{position:absolute;right:0;top:0;color:#a6a6a6;width:75px;height:24px;overflow:hidden;}*/
/*special css*/
.klst {
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
}

.zlist pp.datalist, .zlist ul {
    overflow: hidden;
    zoom:1;}

.zlist p.datalist {
    overflow: hidden
}

.zlist p.datalist a, .zlist li {
    float: left;
    display: inline;
    width: 50%;
    height: 140px;
    margin: 5px 0 10px 0;
    text-align: center;
    overflow: hidden;
}

.zlist pp.datalist a b, .zlist li a b {
    font: 1em "Microsoft YaHei";
}

.zlist a img {
    width: 200px;
    height: 110px;
    display: block;
    margin: 0 auto 4px auto;
}

.zlist .caption {
    display: block;
    overflow: visible;
    margin: 10px 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.zlist .caption b {
    display: block;
    position: absolute;
    bottom: -1px;
    padding: 0 10px 0 5px;
    left: 10px;
    height: 40px;
    border-bottom: 1px solid #333;
    font-size: 16px;
}

.kmain .btn {
    font-size: 14px;
    text-indent: 0;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #333;
    position: absolute;
    right: 10px;
    top: 25px;
    border-radius: 2px;
}

.kmain .btn:hover {
    background: #1fc480;
}

.kmain .kc {
    position: relative;
    padding-top: 10px;
}

.kmain .ktop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    z-index: 10;
}

.kmain .ktop h1 {
    margin-left: 50px;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
}

.kmain .ktop .kback {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 42px;
    height: 35px;
    border-radius: 4px;
    background: url(../images/ztback1.png) 0 5px no-repeat;
    background-size: 90% 90%;
}

.kmain .ktop .kback a {
    display: block;
    width: 42px;
    height: 35px;
}

.kmain .kc .bg {
    position: relative;
    max-height: 175px;
}

.kmain .kc .bg img {
    width: 100%;
    display: block;
    max-height: 175px;
}

.kmain .kc .bg h1 {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    height: 30px;
    line-height: 30px;
    width: 96%;
    padding: 0 2%;
    color: #fff;
    z-index: 1
}

.kmain .kc .bg div {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    width: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.kmain .kc .ktext {
    margin: 5px 10px 8px 10px;
    line-height: 22px;
    color: #999;
}

.kalist li {
    height: 100%;
}

.kalist li a img {
    display: block;
    height: 48px;
    margin: 10px auto 0;
    width: 48px;
}

.kalist li {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    margin: 0 8px;
    position: relative;
}

.kalist li {
    border-bottom: 1px solid #e2e2e2;
}

.kalist li em {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #999;
    border-radius: 50px;
    overflow: hidden;
    position: absolute;
    top: 17px;
    left: 5px;
}

.kalist li a {
    display: block;
    font-size: 14px;
    overflow: hidden;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px 0 15px;
}

.top-search {
    position: fixed;
    width: 100%;
    height: 45px;
    top: 0;
    z-index: 999;
    background-color: #333;
    border-bottom: 2px #57a009 solid;
}

.detail-logo {
    width: 130px;
    display: block;
    height: 26px;
    text-indent: -9999px;
    background: url(../images/logo.png) no-repeat scroll left top;
    background-size: 130px;
    margin: 0 auto;
    margin: 9px auto 0 auto;
}

.top-search .web-map, .home-page, .q-back {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/spirit-home.png) no-repeat scroll left -50px;
    background-size: 150px 110px;
}

.column {
    font-weight: 900;
}

.column, .special-tit {
    position: absolute;
    display: block;
    width: 100px;
    height: 20px;
    top: 10px;
    left: 50px;
    font-size: 18px;
    color: #fff;
}

.home-page {
    left: 10px;
    background-position: -60px -50px;
}

.list-nav {
    background-color: #fff;
    text-align: center;
    margin-top: 45px;
}

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

div.content1 {
    background: #fff;
    margin: 0 2%;
    display: block;
}

section {
    background: #fff;
    margin: 0 2%;
}

.list-nav a {
    display: inline-block;
}

.search {
    clear: both;
    text-align: center;
    margin: auto;
    padding: 30px 15px 30px 15px;
    background: #f2f2f2
}

.search .shbox {
    width: 100%;
    text-align: center;
}

.shbox {
    float: left;
    padding-left: 20px;
}

.search .shbox ul {
    width: 50%;
    margin: auto;
}

.shbox ul {
    list-style: none;
    height: 29px;
    margin-top: 14px;
}

.shbox .shtxt {
    height: 29px;
    max-width: 520px;
    margin: 0 auto;
}

.shbox li {
    float: left;
}

.shbox .shbtn {
    width: 81px;
    height: 29px;
}

.shbox li {
    float: left;
}

.shbox li {
    float: left;
}

.shbox .shbtn button {
    border: none;
    text-align: left;
    padding-left: 35px;
    width: 81px;
    height: 29px;
    background: transparent url(../images/sbtn.png) no-repeat;
    cursor: pointer;
}

.shbox .shbtn span {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: 30px\0;
}

.search .shbox .shtxt input {
    width: 100%;
}

.shbox .shtxt input {
    border: 1px solid #c9c9c9;
    border-radius: 3px 0 0 3px;
    border-right: none;
    text-indent: 3px;
    color: #757575;
    width: 100%;
    font-size: 14px;
    height: 27px;
    line-height: 27px;
    background: #fff;
    outline: none;
    vertical-align: top;
}

.result {
    clear: both;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    height: 30px;
    line-height: 30px;
    color: #989898;
    background: #FFF;
}

.result strong {
    color: #333;
    font-size: 1.2em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.footera {
    height: 42px;
    width: 100%;
    line-height: 42px;
    margin-top: 15px;
    text-align: center;
    background-color: #ebebeb;
    color: #999;
    position: fixed;
    bottom: 0;
}

.footera a {
    color: #555;
    margin: 0 15px;
}

.sub-box {
    position: fixed;
    width: 40px;
    height: 40px;
    right: 20px;
    bottom: 50px;
    cursor: pointer;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    border-radius: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sub-box i {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 0px;
    vertical-align: middle;
    background: url(../images/gotop.png) no-repeat -5px 0 ;
    background-size: 39px;
}

.shlist {
    overflow: hidden;
    height: auto;
    clear: both;
    padding-bottom: 40px;
}

.shlist li {
    padding: 15px;
    background: #FFF;
    font-family: 'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;
    border-bottom: 15px solid #f2f2f2
}

.shlist h3 {
    font: normal 1.5em/1.7 Arial;
    color: #1122dd;
    font-size: 18px;
}

.shlist h3 a {
    color: #1122dd;
    text-decoration: none;
}

.shlist h3 em, .shlist p em {
    color: #dd4433;
    font-style: normal;
}

.shlist p {
    font: 1.1em/1.5 Arial;
    color: #333;
}

.shlist div {
    color: #008800;
}

.shlist div em {
    color: #777;
    font-style: normal;
}

.shlist div em a {
    color: #777;
}

.q-morea {
    text-align: center;
    background-color: #FFF;
    height: 42px;
    line-height: 42px;
}

.q-morea a {
    text-align: center;
    width: 100%;
    text-align: center;
    background-color: #FFF;
    height: 42px;
    line-height: 42px;
    margin: 0 auto;
}

#apkdb {
    width: 96%;
    margin: 0 2%;
    padding: 0 0 10px 0;
    overflow: hidden;
}

.apkdb_02 {
    width: 100%;
    height: auto;
}

.apkdb_02 li {
    padding: 5px 0.5% 0 0px;
    text-align: center;
}

.apkdb_02 li a img {
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.apkdb_02 .b_ta {
    padding-right: 20px;
}

.top_menu_bara {
    box-sizing: border-box;
}

.top_menu_bara::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1000%;
    height: 1px;
    background-images: -webkit-linear-gradient(top, transparent, transparent 40px, #ddd 40px);
    background-size: 1000% 1px;
    background-position: bottom;
    background-repeat: no-repeat
}

.top_menua {
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.top_menua::-webkit-scrollbar {
    display: none;
}

.top_menu_lista {
    white-space: nowrap;
    /* background:#009 */
}

.top_menu_lista ul {
    white-space: nowrap;
}

.top_menu_lista ul li {
    position: relative;
    display: inline-block;
}

.apkdb_02 .apkdb_03li img {
    display: block;
    /* width:138px; */
    height: 220px
}

.apkdb_02 .apkdb_02li img {
    width: 230px;
    height: 140px
}

.tip {
    background-color: #fefadd;
    margin-bottom: 20px;
    padding: 5px;
}

.tip span {
    border-bottom: 1px dashed #fbd074;
    color: #ffa93a;
    font-size: 13px;
    text-align: center;
    display: block;
}

.tip p {
    line-height: 25px;
    padding: 10px 10px 0 10px
}

.yuyue_btn {
    background: #333;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    display: block;
    margin-bottom: 8px;
}

.yuyue_btns {
    background: #ccc;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    display: block;
    margin-bottom: 8px;
}

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

.yuyue_box {
    position: fixed;
    left: 10%;
    top: 50%;
    width: 80%;
    height: 260px;
    margin-top: -130px;
    z-index: 99999;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    font-size: 16px;
    display: none;
}

.yuyue_box .box_title {
    background: #333;
    font-size: 18px;
    color: #fff;
    padding: 10px 15px;
}

.yuyue_box .box_val {
    padding: 20px 30px 0 30px;
}

.box_val input {
    display: block;
    width: 94%;
    padding: 12px 3%;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
}

.yuyue_box .box_txt {
    padding: 20px 30px 0 30px;
    line-height: 60px;
    text-align: center;
    color: #888;
}

.yuyue_box .box_btn {
    border-top: 1px solid #eee;
    padding: 20px 10px;
    overflow: hidden;
}

.box_btn span {
    float: left;
    width: 44%;
    line-height: 35px;
    margin: 0 3%;
    background: #bbb;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
}

.box_btn .btn_q {
    background: #333;
}

.pagebox {
    width: 100%;
    margin: auto;
    clear: both;
    height: 30px;
    text-align: center;
    font-size: 14px;
    float: left;
    display: inline;
    margin: 30px 0 10px 0 ;
    +margin-bottom: 0;
    +padding-bottom: 20px
}

.pagebox p {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    display: inline-block;
    text-align: center
}

.pagebox span,.pagebox b,.pagebox a {
    border: 1px solid #d0d0d0;
    background: #fff;
    color: #000;
    margin-right: 5px;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    border-radius: 2px
}

.pagebox b,.pagebox a {
    +position: relative;
    +top: -5px;
}

.pagebox span {
    +padding: 0 8px;
}

.pagebox a:hover {
    border: #01b202 1px solid;
    text-decoration: none;
}

.pagebox a.active {
    background: #333;
    color: #FFF;
    border: #333 1px solid;
    width: 15px;
}

.pagebox .disable {
    background: #eee;
    color: #999;
    +padding: 5px 10px;
}

.pagebox .next {
    -padding: 4px 8px;
    -position: relative;
    -top: -6px;
    -right: 2px
}

.pagebox input {
    margin: 0 -4px;
    border: 0px;
    background: none;
    height: 20px;
    -height: 28px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    font-size: 14px;
    +height: 30px;
    +line-height: 30px;
    +padding: 0;
}

.clbox {
    padding: 5px 15px;
    overflow: hidden;
    zoom:1;background: #fff
}

.clbox .tit {
    margin: 0px;
    padding: 0;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
}

.clbox .tit a {
    font-size: 14px;
    font-weight: 700;
}

.clbox .lst {
    padding-top: 10px;
    -width: 680px;
    -padding: 0 10px;
}

#pmform {
    -margin-left: 13px
}

.clbox .lst p {
    margin: 0px;
    padding: 0;
}

.clbox .lst .c2 {
    margin-right: 20px;
    color: #000
}

.clbox .lst dl {
    margin: 0px;
    border: 1px solid #edeeed;
    border-top: none;
    overflow: hidden;
    zoom:1;}

.clbox .lst dt {
    background: #f3fcf8;
    border-top: 1px #e6e6e6 solid;
    border-bottom: 1px #e6e6e6 dotted;
    color: #959595;
    height: 40px;
    line-height: 40px;
    text-indent: 16px;
}

.clbox .lst dd {
    font-size: 14px;
    font-family: "Microsoft Yahei";
    color: #414155;
    word-wrap: break-word;
    overflow: hidden;
}

.clbox .lst dd .cc {
    margin: 0px;
    padding: 10px 15px 0 15px;
}

.clbox .lst dd .cb {
    height: 23px;
    line-height: 23px;
    padding: 0 15px 9px 0px;
    text-align: right;
    overflow: hidden;
}

.clbox .lst dd .cb a {
    color: #005fbb;
    font: 12px/1.5 Arial,tahoma,Verdana;
}

.clbox .lst dd .cb .sbtn a {
    color: #444;
    font: 12px/1.5 Arial,tahoma,Verdana;
}

.quoting {
    margin: 0;
    border: 1px #e6e6e6 solid;
    padding: 3px;
}

.prime {
    background: #f8f9ff;
    padding-bottom: 10px;
}

.quoting .ct {
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    color: #989898;
}

.quoting .ct .num {
    float: right;
    color: #989898;
}

.quoting .cc {
    font: 14px/1.5 Arial;
    padding: 1px 5px;
}

#comment textarea.textarea {
    width: 92%
}

textarea.textarea {
    width: 99%
}

h1.hd2 {
    border-bottom: 1px solid #eae8e8;
    color: #211f20;
    font-size: 16px;
    background: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.listmain {
    float: left;
    display: inline;
    width: 100%;
}

.lstcatbox li.bd {
    clear: both;
    width: 100%;
    height: 10px;
    padding: 5px 0;
}

.lstbox .fcool_01 {
    background: none;
    padding: 5px 0;
    height: auto;
}

.lstbox .fcool_01 img {
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin: 6px 0 8px 0px;
    -margin: 8px 0 8px 0px;
}

.lstbox .fcool_01 .i {
    float: left;
    display: inline;
    width: 50px;
}

.lstbox .fcool_01 p {
    margin: 0;
    padding: 0;
}

.lstbox .fcool_01 .h {
    width: 160px;
    overflow: hidden;
    color: #676767;
    float: left;
    display: inline;
}

.lstbox .fcool_01 .h span {
    display: block;
    width: 160px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    font-size: 12px
}

.lstbox .fcool_01 .h em {
    margin-left: 10px
}

.lstbox .fcool_01 .h a {
    color: #1ebd78;
    overflow: hidden;
    width: 160px;
    height: 25px;
    display: block;
    font-size: 14px;
}

.lstbox .fcool_01 .d {
    width: 40px;
    color: #f00;
    float: right;
    display: inline
}

.lstbox .fcool_01 .d a {
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    text-align: center;
    background: #1ebd78;
    margin-top: 10px
}

.lstbox .fcool_01 .d a: hover, .lstbox .fcool_01 .h a:hover {
    color:#F00;
}

.lstbox .fcool {
    background: none;
    padding: 5px 0;
    height: auto;
    margin-bottom: 10px
}

.lstbox .fcool div {
    text-indent: 15px;
    padding: 10px 0;
    color: #787878;
    line-height: 22px;
    border-top: 1px dashed #afafaf;
    border-bottom: 1px dashed #afafaf;
}

.top_ico {
    padding: 5px;
    margin: 10px 0
}

.top_ico li {
    float: left;
    width: 49.5%;
    height: 25px;
    line-height: 25px;
}

.top_ico li img {
    vertical-align: middle;
    margin: 3px 10px
}

.top_ico li.bd {
    clear: both;
    width: 100%;
    height: 10px;
    padding: 5px 0;
}

.top_ico li.bd hr {
    overflow: hidden;
    height: 0;
    border-top: 1px dashed #afafaf;
    border-bottom: 0px solid #fff;
    color: #fff;
}

.toplist-table {
    padding: 10px 0 20px 0;
    overflow: hidden;
    border: 1px solid #eae8e8;
    border-top: none;
    background: #fff
}

.toplist-table-01 {
    border-bottom: 1px #ddd dashed;
    overflow: hidden;
    width: 680px;
    margin-left: 20px
}

.toplist-table-02 {
    overflow: hidden;
    width: 705px;
    padding: 10px
}

.toplist-table-01 li {
    float: left;
    display: inline;
    height: 23px;
    line-height: 23px;
    color: #808080;
    font-weight: 400;
    padding: 10px 0
}

.toplist-table .txt {
    color: #5d5d5d;
    line-height: 23px;
    padding: 5px 10px;
}

.toplist-table .txt img {
    float: left;
    width: 100px;
    height: 75px;
    border-radius: 5px;
    padding: 2px;
    margin: 0;
    margin-right: 10px;
}

.toplist-table i {
    display: block;
    font-style: normal;
    margin: 2px 0 0 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background-color: #c0c1c3;
    text-align: center;
    overflow: hidden;
}

.toplist-table i {
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.toplist-table i.n1 {
    background-color: #dd2f39;
    color: #fff;
}

.toplist-table i.n2 {
    background-color: #ff4e00;
    color: #fff;
}

.toplist-table i.n3 {
    background-color: #ff983d;
    color: #fff;
}

.toplist-table .t1 {
    width: 30px;
}

.toplist-table .t2 {
    width: 480px;
    color: #2464b2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toplist-table .t2 a {
    color: #2464b2;
    font-size: 14px;
}

.toplist-table .t2 a: hover {
    text-decoration:underline;
    color: #c00;
}

.toplist-table .t3 {
    width: 80px;
    text-align: center;
    color: #888;
}

.toplist-table .t3 span {
    float: right;
    color: #2464b2;
}

.toplist-table .t4 {
    width: 90px;
    line-height: 20px;
}

.icon-rise,.icon-fall,.icon-fair {
    background-images: url("../images/trend.png");
    background-repeat: no-repeat;
}

.icon-rise,.icon-fall,.icon-fair {
    float: right;
    padding-right: 12px;
}

.icon-rise {
    background-position: 100% 5px;
}

.icon-fall {
    background-position: 100% -13px;
}

.icon-fair {
    background-position: 100% -31px;
}

.typecat {
    color: #ccc
}

.g_bottom {
    padding: 0 2%;
    margin: -10px 0 -10px 0;
}

section.kmain {
    margin-top: 10px;
    overflow: hidden;
}

.list-nava {
    margin-bottom: 10px;
    background-color: #fff;
    text-align: center;
    height: 35px;
    line-height: 35px;
    margin-bottom: 1px
}

.list-nava a {
    display: inline-block;
    padding: 0 0 0 3%
}

.list_on {
    color: #12c47b !important;
}

.top_menu_bar {
    background: rgba(255, 255, 255, .95);
    height: 37px;
    box-sizing: border-box;
}

.top_menu_bar::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-images: -webkit-linear-gradient(top, transparent, transparent 40%, #ddd 40%);
    background-size: 100% 1px;
    background-position: bottom;
    background-repeat: no-repeat
}

.top_menu {
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.top_menu::-webkit-scrollbar {
    display: none;
}

.top_menu_list {
    white-space: nowrap;
}

.top_menu_list a {
    color: #333;
    position: relative;
    left: 3%;
    right: 3%;
    font-family: 'Microsoft YaHei', 'Lucida Grande', SimSun, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.top_menu_list .list-nav-on {
    color: #00baae;
}

.top_menu_list .btn {
    white-space: nowrap;
    display: inline-block;
    padding: 0 6px;
    color: #333;
    text-decoration: none;
    font-size: 0.95em;
    line-height: 26px;
    height: 26px;
    margin: 5px 0 5px 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .3);
}

.top_menu_list .btn.cur {
    color: #0ab068;
    font-size: 0.98em;
}

.iphone .top_menu_list .btn.cur {
    font-weight: 700;
}

.top_menu_ico {
    float: right;
    width: 5%;
    position: relative;
}

.top_menu_ico span {
    width: 100%;
    height: 33px;
    background: url(../images/sjx.png) center center no-repeat;
    background-size: 7px 11px;
    display: block;
    position: relative;
    top: 4px
}

.top_menu_icoa {
    float: right;
    width: 5%;
    position: relative;
}

.top_menu_icoa span {
    width: 100%;
    height: 33px;
    background: url(../images/sjx.png) center center no-repeat;
    background-size: 7px 11px;
    display: block;
    position: relative;
    top: 2px
}

.imgmodal {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 666;
    background-color: #000;
    opacity: 0.98;
    z-index: 999;
}

.imgmodal p {
    height: 45px;
}

.imgmodal .closebtn {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 0px;
    top: 50px;
    background: url("../images/closebtn.png") no-repeat center;
    background-size: 20px;
}

.imgmodal .dt_imglist {
    margin-top: 30px;
    width: 76%;
    height: 500px;
    position: relative;
    margin: 30px 12% 0 12%;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.imgmodal .dt_imglist::-webkit-scrollbar {
    display: none;
}

.imgmodal .dt_img {
    width: 1500px;
    position: absolute;
    left: 0;
    top: 0;
    height: 500px;
}

.imgmodal .dt_img li {
    display: inline-block;
    white-space: nowrap;
    margin-right: 15px;
}

.imgmodal .dt_img li img {
    width: 100%;
    height: 100%;
}

.body100 {
    height: 100vh !important;
    overflow: hidden;
}

.deploy {
    margin: 10px;
    border: 1px solid #e9f4fd;
    border-bottom: 0
}

.deploy h4 {
    height: 30px;
    line-height: 30px;
    background: #e9f4fd;
    text-align: center
}

.deploy li {
    border-bottom: 1px solid #e9f4fd;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}

.deploy li: nth-of-type(2),.deploy li:nth-of-type(4),.deploy li:nth-of-type(6) {
    background:#e9f4fd;
}

.deploy li: nth-of-type(2) span,.deploy li:nth-of-type(4) span,.deploy li:nth-of-type(6) span {
    border-right:1px solid #d3e8fa;
}

.deploy li span {
    display: block;
    width: 20%;
    float: left;
    border-right: 1px solid #e9f4fd;
    text-align: center;
}

.deploy li p {
    width: 74%;
    float: left;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px
}

.pageboxa {
    margin: 20px auto;
    overflow: hidden;
    text-align: center;
    padding-bottom: 20px
}

.pageboxa a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #f2f2f2
}

.pageboxa b {
    color: #f00;
    font-weight: normal
}

.pageboxa span {
    padding-right: 10px
}

#soft .cons {
    border-top: 10px solid #f2f2f2
}

.boxmore {
    clear: both;
    padding-top: 20px;
    text-align: center;
}

.boxmore a {
    display: block;
    width: 120px;
    line-height: 24px;
    border: 1px solid #999;
    margin: 0 auto;
    border-radius: 3px
}

.boxmore a span {
    padding: 0 25px 0 10px;
    background: url(../images/down.png) no-repeat right 0px;
    color: #999;
    text-align: center;
}

.boxmorea a {
    display: block;
    width: 120px;
    line-height: 24px;
    border: 1px solid #999;
    margin: 0 auto;
    border-radius: 3px
}

.boxmorea a span {
    padding-right: 25px;
    background: url(../images/up.png) no-repeat right 0px;
    color: #999;
    text-align: center;
}

.onebox a {
    color: red;
    font-weight: bold;
}

.com_c h3 {
    margin: 10px;
    font-size: 14px;
}

.com_c textarea {
    display: block;
    resize: none;
    outline: none;
    border: 1px solid #999;
    padding: 5px;
    width: 93.3%;
    margin: 0 auto;
    text-align: left;
    height: 50px;
    border-radius: 3px;
    margin-top: 10px
}

.hide {
    display: none;
}

.plBtn {
    width: 95%;
    height: 58px;
    line-height: 38px;
    border: 1px solid #999;
    box-sizing: border-box;
    font-size: 20px;
    padding: 10px 10px 10px 50px;
    margin: 10px;
    background: url("../images/plicon.png") no-repeat 10px center;
}

.forbid {
    color: #999;
    background: #f5f5f5;
}

.com_c .reset,.com_c button {
    border: none;
    width: 45%;
    height: 32px;
    line-height: 32px;
    margin: 5px 2%;
    border-radius: 3px;
    background: #ccc;
    display: block;
    float: left;
    text-align: center;
    color: #fff
}

.com_c .reset {
    float: right
}

.com_c {
    overflow: hidden;
}

#comment .comment_2 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center
}

/*#comment dl{position:relative;margin:0 4% 0 4%;padding:10px 0 15px 58px;border-bottom:1px #dedede solid;}#comment dl dt{position:absolute;top:12px;left:0;width:48px;}#comment dl dt img{width:48px;border-radius:24px;}#comment dl dd a{color:#666;text-decoration:none; font-size:12px}#comment dl dd p{line-height:1.6em;padding-top:5px; color:#999}#comment dl dd time{padding-top:10px;display:inline-block;width:50%;color:#999; font-size:12px}#comment dl dd i,#comment dl dd em{display:inline-block;background:url('../images/pl_i.png') left center no-repeat;background-size:16px;padding:0 10px 0 20px;color:#666;float: right;}#commentdl dd em{background-images:url('../images/love.png');}*/
@media screen and (max-width: 321px) {
    .shbox .shtxt {
        height:29px;
        max-width: 520px;
        margin: 0 auto
    }

    .search .shbox ul {
        width: 100%;
        margin: auto;
    }

    .pic-news a img {
        width: 100%;
    }

    .list-nav a {
        padding: 10px 1%;
        margin: 0 auto
    }

    .imgmodal .dt_imglist {
        margin: -12px 12% 0 12%;
    }

    .main_visual,.main_images,.main_images ul,.main_images li,.main_images li img,.main_images li a {
        height: 200px;
    }
}

@media screen and (min-width: 321px) and (max-width:359px) {
    .shbox .shtxt {
        height:29px;
        max-width: 520px;
        margin: 0 auto
    }

    .search .shbox ul {
        width: 100%;
        margin: auto;
    }

    .pic-news a img {
        width: 100%;
    }

    .list-nav a {
        padding: 10px 2%;
    }

    .main_visual,.main_images,.main_images ul,.main_images li,.main_images li img,.main_images li a {
        height: 240px;
    }
}

@media screen and (max-width: 376px) and (min-width:359px) {
    .shbox .shtxt {
        height:29px;
        width: 60%;
        max-width: 520px;
        margin: 0 auto
    }

    .search .shbox ul {
        width: 90%;
        margin: auto;
    }

    .pic-news a img {
        width: 100%;
    }

    .list-nav a {
        padding: 10px 2%;
    }

    .main_visual,.main_images,.main_images ul,.main_images li,.main_images li img,.main_images li a {
        height: 240px;
    }
}

@media screen and (min-width: 376px) and (max-width:479px) {
    .shbox .shtxt {
        height:29px;
        width: 60%;
        max-width: 520px;
        margin: 0 auto
    }

    .search .shbox ul {
        width: 80%;
        margin: auto;
    }

    .pic-news a img {
        width: 100%;
    }

    .list-nav a {
        padding: 10px 2%;
    }

    .main_visual,.main_images,.main_images ul,.main_images li,.main_images li img,.main_images li a {
        height: 270px;
    }
}

@media screen and (min-width: 479px) and (max-width:1023px) {
    .shbox .shtxt {
        height:29px;
        width: 70%;
        margin: 0 auto
    }

    .search .shbox ul {
        width: 70%;
        margin: auto;
    }

    .pic-news a img {
        width: 100%;
    }

    .list-nav a {
        padding: 10px 4%;
    }

    .top-search .search-box {
        margin-left: 40%
    }

    .main_visual,.main_images,.main_images ul,.main_images li,.main_images li img,.main_images li a {
        height: 320px;
    }
}

@media screen and (min-width: 1023px) {
    .shbox .shtxt {
        height:29px;
        width: 80%;
        max-width: 520px;
        margin: 0 auto
    }

    .search .shbox ul {
        width: 50%;
        margin: auto;
    }

    .pic-news a img {
        width: 100%;
    }

    .list-nav a {
        padding: 10px 4%;
    }

    .top-search .search-box {
        margin-left: 40%
    }

    .main_visual,.main_images,.main_images ul,.main_images li,.main_images li img,.main_images li a {
        height: 700px;
    }
}

#search {
    background: #f2f2f2 !important
}

/*special css end*/
@media screen and (max-width: 320px) {
    .zlist p a, .zlist li {
        width:50%;
        height: 80px;
    }

    #hWrapper li {
        width: 77px
    }

    .zlist a img {
        width: 100px;
        height: 57px;
    }

    #soft-info p span {
        width: 47%;
    }
}

@media screen and (min-width: 359px) and (max-width:361px) {
    #hWrapper li {
        width:72px
    }
}

@media screen and (min-width: 411px) and (max-width:413px) {
    #hWrapper li {
        width:82px
    }
}

@media screen and (min-width: 359px) and (max-width:361px) {
    #hWrapper li {
        width:72px
    }
}

@media screen and (min-width: 413px) and (max-width:415px) {
    #hWrapper li {
        width:83px
    }
}

@media screen and (min-width: 320px) and (max-width:480px) {
    .zlist p.datalist a, .zlist li {
        width:50%;
        height: 100px;
    }

    .zlist a img {
        width: 140px;
        height: 77px;
    }

    #soft-info p span {
        width: 47%;
    }
}

@media screen and (max-width: 640px) and (min-width:481px) {
    .zlist p a, .zlist li {
        width:33%;
        height: 120px;
    }
}

@media screen and (min-width: 641px) and (max-width:1150px) {
    .zlist p a, .zlist li {
        width:33%;
    }
}

@media screen and (min-width: 1151px) {
    .zlist p a, .zlist li {
        width:20%;
    }
}

.bonus-wrapper .bonus-icon {
    position: fixed;
    display: inline-block;
    width: 71px;
    height: 86px;
    bottom: 50%;
    right: 7px;
    background: url(../images/bonus_icon.png) no-repeat center center;
    background-size: cover;
    z-index: 1000;
}

.bonus-wrapper .bonus-close {
    width: 40px;
    height: 32px;
    background: url(../images/popup_close.png) no-repeat center;
    background-size: 17px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .7
}

.bonus-wrapper .bonus-box {
    display: none;
    position: fixed;
    width: 80%;
    height: 65%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1400;
}

.downbox-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 9999
}

.downbox-black-bg {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    display: block;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
}

.downbox-content {
    width: 98%;
    height: auto;
    background: #fff;
    border-radius: 6px;
    padding: 12px 6px;
    box-sizing: border-box;
    position: fixed;
    left: 1%;
    top: 100px;
    display: block;
    overflow: hidden;
    z-index: 20;
}

.downbox-content .downbox-title {
    width: 100%;
    height: auto;
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 2px 0 8px 0;
}

.downbox-content .downbox-title span {
    color: #333;
    font-weight: bold
}

.downbox-content .close-btn {
    width: auto;
    height: auto;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    overflow: hidden;
    position: absolute;
    right: 6px;
    top: 0;
    z-index: 30;
    cursor: pointer
}

.downbox-content .downbox-ul {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}

.downbox-content .downbox-ul li {
    width: 25%;
    height: auto;
    float: left;
    margin: 12px 0 0;
    display: inline;
    overflow: hidden;
    text-align: center;
}

.downbox-content .downbox-ul li a {
    width: 100%;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none
}

.downbox-content .downbox-ul li a img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
}

.downbox-content .downbox-ul li a b {
    color: #000;
    font-size: 14px;
    width: 100%;
    line-height: 25px;
    margin: 3px 0;
    display: block;
    overflow: hidden;
}

.downbox-content .downbox-ul li a .down {
    display: block;
    height: 22px;
    line-height: 22px;
    margin: 3px 10px 0 10px;
    border: 1px solid #333;
    border-radius: 3px;
    color: #333;
    font-size: 12px;
}

.downbox-content .downbox-ul li.one {
    clear: both;
    display: block;
    width: 100%;
}

.downbox-content .downbox-ul li.one img {
    height: auto;
    width: 100%;
    border-radius: 0px;
}

.downbox-content .downbox-ul li.two {
    width: 50%;
}

.downbox-content .downbox-ul li.two img {
    float: left;
    width: 64px;
    height: 64px;
    margin: 0 5px;
}

.downbox-content .downbox-ul li.two a p {
    display: inline-block;
}

.downbox-content .downbox-ul li.two a b {
    height: 25px;
    line-height: 25px;
}

.downbox-content .downbox-ul li.two a .down {
    padding: 0 20px;
    left: 0;
    right: 0;
}

.lookmore span: after {
    position:absolute;
    display: block;
    content: "";
    right: -1.4rem;
    margin: auto;
    width: 1rem;
    height: .9rem;
}

.lookmore {
    display: block;
    height: 34px;
    padding: 23px 5%;
    margin: 0;
    text-align: center;
    line-height: 34px;
    overflow: hidden;
    color: #666;
    position: relative;
}

.lookmore a {
    display: block;
    border: 1px solid #ccc;
    background: url(../images/pic.gif) 0 -82px repeat-x;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    height: 32px;
    line-height: 32px;
    border-radius: 5px
}

.lookmore span {
    display: inline-block;
    position: relative;
}

.lookmore span: after {
    background: url(../images/menuIco.png) no-repeat;
    background-size: 1rem auto;
    top: .8rem;
}

.appmore {
    padding: 1rem;
}

.appmore a {
    display: block;
    height: 2.6rem;
    line-height: 2.6rem;
    border-radius: 2rem;
    text-align: center;
    font-size: 1rem;
    color: #888;
}

.appmore a: hover {
    color: #fff;
}

.appmore span {
    text-align: center;
    color: #888;
    display: block;
    padding: 1rem 0;
}

.dropload-up,.dropload-down {
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* ����Ӳ������ */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.dropload-down {
    height: 50px;
}

.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData {
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.dropload-load .loading {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*#SpecialBody nav#nav,#DownBody nav#nav {display:none}*/
.erro {
    padding: 0 1rem;
    color: #f00
}

.comment-list {
    padding: 0 1em;
}

.comment-list dl {
    border-bottom: 1px solid #e8e9eb;
    padding: 10px 0;
    position: relative
}

.comment-list dl dt {
    line-height: 40px;
    height: 40px;
    color: #A6A6A6;
    font-weight: normal;
    overflow: hidden;
}

.comment-list dl dt span {
    float: right;
    font-size: 12px;
    font-weight: normal
}

.comment-list dl dt b {
    color: #14a469;
    padding-right: 14px;
}

.comment-list dl dd {
    line-height: 32px;
}

.comment-list dl .rep {
    text-align: right;
    line-height: 16px;
    height: 16px;
    padding-bottom: 10px
}

.comment-list dl .rep p {
    float: right;
}

.comment-list dl .rep em a {
    display: inline-block;
    line-height: 14px;
    height: 14px;
}

.comment-list dl .rep em a: hover {
    background-position:-36px -39px
}

.comment-list dl .rep em a.down {
    background-position: -50px -53px
}

.comment-list dl .rep em a.down: hover {
    background-position:-36px -53px
}

.comment-list dl .rep em i {
    float: left;
    font-size: 12px;
    font-style: normal;
    color: #f60;
    padding: 0 5px;
    vertical-align: middle
}

.comment-list dl .rep em {
    padding: 0 10px
}

.comment-list dl .rep a {
    float: left;
    color: #888
}

.comment-list dl .rep a: hover {
    color:#f00
}

.comment-list .nodp {
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
}

.ecomment p {
    padding: 0;
    margin: 0;
}

.ecomment {
    margin: 0;
    padding: 0;
    background: #ffc
}

.ecomment {
    margin-bottom: 12px;
    overflow-x: hidden;
    overflow-y: hidden;
    background: #ffc;
    padding: 6px;
    border: solid 1px #ccc;
}

.ecommentauthor {
    float: left;
    color: #F96;
    font-weight: bold;
}

.ecommenttext {
    clear: left;
    margin: 0;
    padding: 0;
}

.rtdownload {
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 5px 10px 10px;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    margin-bottom: 10px;
}

.rtdownload dt {
    width: 60px;
}

.rtdownload dt img {
    width: 60px;
    /*height:60px;*/
    border-radius: 8px;
    max-width: none
}

.rtdownload dd.inf {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    padding-left: 10px;
}

.rtdownload dd p.r_name {
    display: block;
    text-indent: 0;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    font-size: 15px;
}

.rtdownload dd p.r_tool {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.rtdownload dd em {
    margin: 7px 0;
    text-indent: 0;
}

.rtdownload dd span {
    display: inline-block;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: 12px "\5FAE\8F6F\96C5\9ED1";
    position: relative;
    padding-right: 12px;
    color: #999;
}

.rtdownload dd span: after {
    content: '';
    border-left: 1px solid #d9d9d9;
    margin-right: 14px;
    position: absolute;
    top: 0;
    right: -7px;
    height: 16px;
    display: block;
}

.rtdownload dd span.last: after {
    display: none;
}

.rtdownload dd.dbtns {
    width: 70px;
    text-align: center;
    display: block;
    position: relative;
}

.rtdownload .dbtns a {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #333;
    border-radius: 2px;
    display: inline-block;
    width: 70px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%
}

.rtdownload .dbtns a: hover {
    background:#1fc480;
}

/* 内容图片展示 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-slide {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 100%;
    background: #fff;
}

.swiper-pagination-bullet-active {
    background-color: #ff8800 !important;
}

.light-box {
    position: fixed;
    top: 0;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9)
}

.light-box>div {
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.light-box ul,.light-box li {
    height: 100%;
    width: 100%;
}

.light-box .swiper-slide img {
    line-height: 100%;
    max-width: 100%;
    max-height: 80%;
}

.light-box .swiper-slide {
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

.light-box .swiper-container-horizontal>.swiper-pagination {
    right: 2rem!important;
    top: 2rem!important;
    display: inline;
    width: auto;
    height: 1.8rem;
    text-align: right;
    color: #c5c5c5;
    font-style: italic;
}

.light-box .swiper-pagination-current {
    font-size: 1.8rem;
    color: #fff;
}

.light-box .close {
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    left: 1rem;
    top: 2rem;
    font-size: 0;
    z-index: 99999;
    cursor: pointer;
}

.light-box .close:before,.light-box .close:after {
    content: '';
    position: absolute;
    left: 1.2rem;
    top: .2rem;
    display: block;
    width: .13rem;
    height: 1.8rem;
    background: #ccc;
    font-size: 0;
    vertical-align: middle;
}

.light-box .close:before {
    -webkit-transform: rotate(45deg);
}

.light-box .close:after {
    -webkit-transform: rotate(-45deg);
}

.tuibao {
    height: auto!important
}

#nav_left_layout .downbtn_a,#nav_left_layout .btn_zq_a {
    display: inline-block;
    width: 45%;
    height: 40px;
    line-height: 40px;
    margin: 0 2% 0 2%;
    margin-bottom: 10px;
    background: #fff;
    font-size: 14px;
    border: 1px solid #3c82e1;
    color: #3c82e1;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    margin-top: 10px;
}

#nav_left_layout .downbtn_b {
    text-align: center;
    background: #3c82e1;
    display: inline-block;
    width: 45%;
    margin: 0 2% 0 2%;
    margin-bottom: 10px;
    line-height: 20px;
    height: 38px;
    padding-top: 2px;
    vertical-align: top;
    font-size: 14px;
    border-radius: 5px;
    color: #fff;
    margin-top: 10px;
}

#nav_left_layout .downbtn_b i {
    display: block;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    font-style: normal;
    opacity: .8;
}

#nav_left_layout p {
    font-size: 12px;
    background: #fff3e2;
    color: #787878;
    padding: 4px 8px;
    box-sizing: border-box;
    border: 1px solid #ffe0b5;
    line-height: 20px;
    margin-bottom: 10px;
    border-radius: 5px;
}

#nav_left_layout p em {
    color: #f75934;
}