@charset "UTF-8";

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body {
    background: #eff1f4;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    font-family: "Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif
}

caption,
td,
th {
    font-size: 14px
}

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

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

a {
    color: #999;
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

a:hover {
    text-decoration: none;
    color: #3cadfb
}

img {
    max-width: 100%;
    border: 0;
    vertical-align: top;
    position: relative;
    font-size: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f2f2f2
}

li,
ol,
ul {
    list-style: none
}

button,
input,
select,
textarea {
    font: 14px "Microsoft YaHei", Arial, "黑体", "宋体", sans-serif
}

table {
    border-collapse: collapse
}

html,
body {
    width: 100vw;
    overflow-x: hidden;
}

.cf:after {
    clear: both;
    display: table;
    content: " "
}

.fl {
    float: left
}

.fr {
    float: right
}

.zwBox {
    margin-top: 20px
}

.w240 {
    width: 240px;
    background: #fff
}

.indexTopLeft {
    height: 300px;
    background: #fff url(../images/one_bg.png) -20px 10px no-repeat
}

.topBox3 {
    display: flex;
    justify-content: space-between
}

.title {
    font-size: 18px;
    margin: 0 10px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e6e6eb;
    font-weight: 600;
    color: #333
}

.title a.fr {
    font-weight: 500;
    color: #666
}

.title a.fr:hover {
    color: #12A7B4
}

.indexTopLeftApp {
    padding: 10px;
    display: block;
    text-align: center
}

.indexTopLeftApp img {
    display: block;
    margin: 10px auto 0;
    width: 95px;
    height: 95px;
    border-radius: 15px
}

.indexTopLeftApp .name {
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-top: 6px
}

.indexTopLeftApp p {
    font-size: 14px;
    color: #999;
    margin-top: 4px
}

.indexTopLeftApp span {
    display: block;
    margin: 15px auto 0;
    width: 150px;
    height: 38px;
    line-height: 38px;
    background: #3cadfb;
    font-size: 15px;
    color: #fff
}

.indexTopLeftApp:hover span {
    background: #3cadfb;
    border-radius: 19px;
    box-shadow: 0 0 12px rgba(18, 167, 180, .3)
}

.top {
    width: 100%;
    height: 35px;
    background: rgb(249, 249, 249);
    border-bottom: 1px solid rgb(232, 232, 232);
    line-height: 35px
}

.w1200 {
    max-width: 1240px;
    margin: 0 auto
}

.header {
    background: #fff
}

.navBox {
    padding: 15px 0
}

.logo img {
    height: 60px
}

.nav li {
    float: left;
    height: 50px;
    line-height: 50px
}

.nav li a {
    display: block;
    margin: 0 15px;
    padding: 0 15px;
    font-size: 17px;
    position: relative
}

.nav li a:hover,
.nav li.on a {
    color: #3cadfb
}

.nav li a::before {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    right: 50%;
    height: 4px;
    background: #fff;
    border-radius: 2px
}

.nav li a:hover::before,
.nav li.on a::before {
    background: #3cadfb;
    left: 0;
    right: 0
}

.mt20 {
    margin-top: 20px
}

.indexTboxLeft {
    width: 260px;
    overflow: hidden
}

.indexTboxLeftTop {
    background: #fff;
    padding-top: 10px
}

.xTitle {
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-indent: 11px;
    border-left: 4px solid #3cadfb
}

.xTitle h2 {
    font-weight: bold
}

.xTitle a {
    font-size: 15px;
    margin-right: 15px;
    font-weight: 500
}

.leftTopApp {
    padding: 15px;
    display: block
}

.leftTopApp img {
    width: 90px;
    height: 90px;
    border-radius: 15px
}

.appRbox1 {
    margin-left: 100px
}

.appRbox1 h3 {
    color: #3cadfb;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    height: 45px;
    overflow: hidden;
    margin-bottom: 4px
}

.appRbox1 p {
    color: #999;
    font-size: 12px
}

.appRbox1 p span {
    color: #333
}

.leftTopApp .appInfo {
    margin-top: 10px;
    font-size: 14px;
    color: #999
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-overflow1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.text-overflow2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.text-overflow3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.leftTopApp .btn {
    background: #3cadfb;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    margin-top: 10px
}

.leftTopApp:hover .btn {
    background: #3cadfb
}

.leftTopApp:hover h3 {
    color: #f60
}

.indexTboxLeftBottom {
    background: #fff;
    padding-top: 10px
}

.indexTboxLeftBottom li a {
    display: block;
    padding: 10px 15px
}

.indexTboxLeftBottom li a img {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    float: left
}

.indexTboxLeftBottom li a .item {
    margin-left: 70px
}

.indexTboxLeftBottom li a p {
    font-size: 12px;
    color: #999
}

.indexTboxLeftBottom ul {
    margin-top: 8px;
    padding-bottom: 8px
}

.indexTboxLeftBottom li h3 {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 3px
}

.indexTboxLeftBottom li+li {
    border-top: 1px #e1e1e1 dotted
}

.indexTboxLeftBottom li:hover {
    background: rgba(71, 178, 245, .1)
}

.indexTboxLeftBottom li:hover h3 {
    color: #3cadfb
}

.indexTboxLeft2 {
    width: 900px
}

.mySwiper {
    width: 640px;
    height: 300px;
    overflow: hidden;
    position: relative
}

.mySwiper img {
    width: 640px;
    height: 300px
}

.mySwiper .swiper-slide {
    position: relative
}

.mySwiper .swiper-slide p {
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box
}

.mySwiper .swiper-pagination {
    display: none
}

.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
    color: #fff
}

.mySwiper .swiper-button-next:after,
.mySwiper .swiper-button-prev:after {
    font-size: 30px
}

.mySwiper a:hover img {
    transform: scale(1.2)
}

.mySwiper a:hover p {
    background: #3cadfb
}

.slideTxtBox {
    margin-top: 20px;
    background: #fff;
    height: 469px;
    box-sizing: border-box;
    padding: 15px;
    overflow: hidden
}

.slideTxtBox .hd {
    background: #f5f5f5;
    height: 40px;
    line-height: 40px
}

.slideTxtBox .hd li {
    display: inline-block;
    font-size: 16px;
    padding: 0 20px;
    cursor: pointer
}

.slideTxtBox .hd li.on {
    background: #3cadfb;
    color: #fff;
    font-weight: bold
}

.slideTxtBox .item {
    margin-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
    height: 378px;
    overflow: hidden;
    box-sizing: border-box
}

.slideTxtBox .item:nth-child(1) {
    display: block
}

.slideTxtBox .item li {
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
    padding-bottom: 10px;
    overflow: hidden;
    height: auto
}

.slideTxtBox .item li img {
    width: 250px;
    height: 120px;
    display: block;
    margin: 0 auto 5px;
    border-radius: 5px
}

.slideTxtBox .item li .items {
    padding: 0px 10px
}

.slideTxtBox .item li .items .txt {
    height: 40px;
    font-size: 13px
}

.slideTxtBox .item li .items .times {
    height: 21px;
    line-height: 21px;
    font-size: 12px
}

.slideTxtBox .item li h4 {
    font-size: 14px;
    margin-bottom: 3px
}

.slideTxtBox .item li p {
    font-size: 12px;
    height: 18px;
    overflow: hidden
}


.tc {
    text-align: center
}

.txt-81 {
    color: #818181
}

.txt-66 {
    color: #999ca0
}

.font-12 {
    font-size: 12px
}

.font-14 {
    font-size: 14px
}

.red {
    color: #f00
}

.indexTboxRight {
    background: #fff;
    width: 320px;
    overflow: hidden;
    height: 789px
}

.indexTboxRight .xTitle {
    margin-top: 10px
}

.hotNews {
    height: 130px;
    position: relative;
    overflow: hidden;
    display: block
}

.hotNews img {
    height: 130px;
    width: 260px
}

.hotNews:hover img {
    transform: scale(1.2)
}

.img-bottom-title {
    height: 56px;
    line-height: 72px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    text-align: center !important;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    background: url(../images/textshadow.png) center top
}

.indexTboxRight ul {}

.indexTboxRight li {
    padding: 10px 5px;
    display: flex
}

.indexTboxRight li i {
    width: 16px;
    height: 16px;
    background: url(../images/img.png) no-repeat;
    background-position: -206px 0;
    position: absolute;
    vertical-align: middle;
    background-color: #fff;
    margin-top: 2px
}

.indexTboxRight li:hover i {
    width: 14px;
    height: 14px;
    background-position: 0 0;
}

.indexTboxRight li a {
    color: #666666;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    width: 248px;
    margin: -1px 10px 0px 17px;
}

.indexTboxRight li .time {
    font-size: 13px;
}

.indexPc {
    background: #fff;
    padding-top: 10px
}

.pcUl {
    padding: 15px;
    margin-left: -15px;
    padding-bottom: 0;
    overflow: hidden;
    height: 293px
}

.indexPc li {
    float: left;
    width: 20%;
    padding-left: 15px;
    box-sizing: border-box;
    margin-bottom: 18px
}

.indexPc li a {
    display: block;
    height: 80px
}

.indexPc li a img {
    height: 80px;
    width: 80px;
    border-radius: 15px;
    float: left
}

.indexPc li a .item {
    margin-left: 90px
}

.indexPc li .item h3 {
    font-size: 15px;
    padding-top: 5px;
    margin-bottom: 6px
}

.indexPc li a .item p {
    color: #818181
}

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

.appUl {
    padding: 15px;
    margin-left: -10px;
    margin-right: -10px;
    height: 418px;
    overflow: hidden;
    margin-bottom: 10px
}

.appUl li {
    width: 25%;
    box-sizing: border-box;
    float: left;
    height: 220px;
    overflow: hidden
}

.appUl li img {
    width: 260px;
    height: 120px;
    display: block
}

.appUl li .pic {
    width: 260px;
    height: 120px;
    overflow: hidden;
    margin: 9px auto;
    border-radius: 5px
}

.appUl li .tit {
    font-size: 12px;
    color: #999999;
}

.appUl li .time {
    font-size: 14px;
    color: #999999;
}

.appUl li a {
    border: 1px #E1E1E1 solid;
    border-radius: 8px;
    display: block;
    margin: 10px;
    padding: 10px
}

.appUl li h3 {
    font-size: 14px;
    margin-bottom: 4px
}

.appUl li a:hover img {
    transform: scale(1.2)
}

.appUl li a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

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

.softwareUl {
    padding: 15px;
    margin-left: -10px;
    margin-right: -10px
}

.softwareUl li {
    float: left;
    width: 11.111111%;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 15px;
    text-align: center
}

.softwareUl li .pic {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto 8px;
    border-radius: 15px
}

.softwareUl li .pic img {
    width: 100px;
    height: 100px
}

.softwareUl li h3 {
    font-size: 16px
}

.softwareUl li a {
    display: block
}

.softwareUl li a:hover img {
    transform: scale(1.2)
}

.appHot {
    margin: 15px;
    margin-top: -5px;
    margin-bottom: 0;
    padding-bottom: 0
}

.appHot .xTitle {}

.appHotAbox {
    margin-top: 14px
}

.appHotAbox a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    padding: 0 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #f9f9f9
}

.appHotAbox a:hover {
    background: #3cadfb;
    color: #fff
}

.hotNewsItem {
    display: block;
    height: 145px
}

.hotNewsItem+.hotNewsItem {
    margin-top: 20px
}

.hotNewsItem img {
    width: 280px;
    height: 145px;
    float: left
}

.newsBox {
    background: #fff;
    padding-top: 10px
}

.p15 {
    padding: 15px
}

.hotNewsl {
    width: 750px
}

.hotNewsItem .item {
    margin-left: 295px
}

.hotNewsItem .item h3 {
    padding-top: 10px;
    font-size: 18px;
    margin-bottom: 6px
}

.hotNewsItem .item .txt {
    line-height: 1.8
}

.hotNewsItem .item span {
    margin-top: 3px;
    display: inline-block
}

.newsUlindex {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px
}

.newsUlindex li {
    padding-left: 15px;
    width: 33.333%;
    box-sizing: border-box
}

.newsUlindex li a {
    position: relative;
    padding-right: 60px;
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    padding-left: 12px
}

.newsUlindex li a::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 17px;
    background: rgba(0, 0, 0, .2)
}

.newsUlindex li a span {
    position: absolute;
    right: 0
}

.newsUlindex li a:hover::after {
    background: #3cadfb
}

.linkBox {
    background: #fff;
    padding-top: 10px
}

.linkBoxa a {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin-right: 15px
}

.linkBoxa {
    padding: 8px 0 0 15px
}

.copy-box {
    padding: 15px 0;
    line-height: 1.8;
    text-align: center
}

.mbx {
    margin-top: 5px;
    line-height: 40px;
    overflow: hidden;
    height: 40px;
    padding-bottom: 5px
}

.pcPageLeft {
    padding-bottom: 20px;
    box-sizing: border-box;
    padding-top: 10px;
    width: 900px;
    background: #fff
}

.pcPageRigth {
    padding-top: 10px;
    margin-left: 920px;
    background: #fff
}

.pcList {
    padding: 15px;
    padding-bottom: 0
}

.pcList li {
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px #ededed solid
}

.pcList li a {
    display: block
}

.pcList li h3 {
    font-size: 20px;
    margin-bottom: 10px
}

.pcList li dt {
    float: left;
    width: 125px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px #f8f8f8 solid;
    border-radius: 15px
}

.pcList li dt img {
    width: 95px;
    height: 95px;
    border-radius: 15px
}

.pcList li dd {
    margin-left: 145px
}

.pcList li .item01 span {
    display: inline-block;
    margin-right: 20px
}

.pcList li .item01 {
    padding-top: 5px;
    font-size: 13px;
    color: #818181
}

.pcList li .item02 {
    margin-top: 7px;
    text-indent: 2em;
    line-height: 1.8;
    color: #666
}

.pcList li .item03 {
    margin-top: 12px;
    line-height: 32px
}

.pcList li .item03 .btns {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 18px;
    padding: 0 25px;
    font-size: 15px;
    display: inline-block;
    float: right;
    color: #3cadfb
}

.pcList li a:hover .btns {
    display: inline-block;
    background: #3cadfb;
    color: #fff
}

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

.pages a {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    border: 1px solid #e7e7e7;
    line-height: 30px;
    background: #fff
}

.pages a.active,
.pages a:hover,
.pages span {
    border-color: #3cadfb;
    background: #3cadfb;
    line-height: 30px;
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    height: 30px
}

.pages span.a1none {
    background: transparent;
    border-color: transparent
}

.flList {
    padding: 15px;
    font-size: 0;
    padding-bottom: 0;
    margin-left: -10px;
    overflow: hidden
}

.flList a {
    display: inline-block;
    width: 90px;
    margin-left: 10px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    background: #F9F9F9;
    margin-bottom: 15px
}

.flList a:hover,
.flList a.on {
    background: #3cadfb;
    color: #fff
}

.rmtjUl li a {
    display: block;
    padding: 10px 15px
}

.rmtjUl li img {
    width: 65px;
    height: 65px;
    display: block;
    margin: 0 auto;
    float: left
}

.rmtjUl {
    overflow: hidden;
    padding-top: 8px;
    padding-bottom: 8px
}

.rmtjUl li .item {
    margin-left: 75px
}

.rmtjUl li+li {
    border-top: 1px #E1E1E1 dotted
}

.rmtjUl li .item h4 {
    padding-top: 8px;
    font-size: 16px;
    overflow: hidden;
    line-height: 1.3;
    margin-bottom: 5px
}

.rmtjUl li {
    display: block;
    height: 85px
}

.rmtjUl li a {
    display: block
}

.rmtjUl li p {
    font-size: 14px
}

.rmtjUl li p span {
    font-weight: bold
}

.phUlBox {
    padding: 15px;
    padding-bottom: 0;
    overflow: hidden;
    margin-left: -15px
}

.phUlBox li {
    box-sizing: border-box;
    padding-left: 15px;
    margin-bottom: 15px;
    float: left;
    width: 33.3333%
}

.phUlBox li img {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
    border-radius: 15px
}

.phUlBox li h4 {
    margin-top: 5px;
    font-size: 15px;
    min-height: 48px;
    text-align: center;
    line-height: 1.6
}

.soft-attr {
    background: #fff
}

.soft-attr h1 {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    color: #333;
    padding-top: 10px;
    margin-bottom: 8px;
    margin-right: 15px
}

.softh1 {
    box-sizing: border-box;
    padding: 15px;
    position: relative
}

.softh1 .softimg2 {
    width: 85px;
    height: 85px;
    border-radius: 15px;
    margin-right: 20px
}

.site-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 34px solid transparent;
    border-top-color: #0cad12;
    border-right-color: #0cad12;
    color: #fff
}

.siteabs {
    position: absolute;
    background: url(../images/rz.png);
    z-index: 200;
    top: 8px;
    width: 24px;
    height: 24px;
    right: 8px
}

.soft_lis {
    margin-top: -15px;
    padding-left: 15px;
    width: 500px
}

.soft_lis li {
    color: #333;
    height: 30px;
    line-height: 30px;
    float: left;
    width: 50%
}

.soft_lis li span {
    color: #818181
}

.soft_download {
    padding-top: 10px
}

.soft_download a.softbtns {
    display: block;
    width: 220px;
    border-radius: 8px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    background: #3cadfb;
    color: #fff;
    line-height: 50px;
    margin-left: 15px
}

.soft_download a.softbtns:hover {
    background: #288bde
}

.soft_download a.softbtns.on,
.soft_download a.softbtns.on:hover {
    background: #aeaeae;
    color: #fff;
    cursor: not-allowed
}

.pcdownloadBox {
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 2px #eff1f4 solid
}

.soft-article {
    padding: 20px;
    line-height: 2;
    color: #333;
    border-bottom: 2px #eff1f4 solid
}

.soft-article p {
    margin-bottom: 10px
}

.glBox {
    margin-top: 18px;
    background: #eff1f4;
    height: 2px
}

.soft-article h3 {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #3cadfb;
    border-left: 3px solid #3cadfb;
    background: #fafafa;
    text-indent: 14px;
    display: block;
    overflow: hidden;
    margin: 6px 0
}

.soft-article img {
    display: block;
    margin: 15px auto;
    max-width: 100%;
    height: auto !important;
    width: auto !important
}

.glNews {
    padding: 10px 20px
}

.glNews li {
    width: 50%;
    float: left
}

.glNews li a {
    height: 36px;
    line-height: 36px;
    position: relative;
    padding: 0 18px 0 13px;
    display: block
}

.glNews li a::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    left: 0;
    top: 16px
}

.glNews li a:hover::after {
    background-color: #3cadfb
}

.pcPageLeft .phUlBox li {
    width: 14.28%
}

.list-top {
    padding-top: 10px;
    background: #fff
}

.listTopul {
    padding: 15px 10px
}

.listTopul li {
    float: left;
    width: 10%;
    text-align: center
}

.listTopul li a {
    display: block;
    width: 100px;
    margin: 0 auto
}

.listTopul li a img {
    width: 88px;
    height: 88px;
    border-radius: 15px;
    display: block;
    margin: 0 auto 9px
}

.listTopul li a p {
    font-size: 15px
}

.sub-nav {
    margin-top: 5px;
    margin-left: 15px
}

.sub-nav a {
    float: left;
    margin-right: 18px;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    width: 96px;
    margin-bottom: 18px;
    background: #f1f1f1;
    text-align: center
}

.sub-nav a.on,
.sub-nav a:hover {
    color: #fff;
    background: #3cadfb;
    box-shadow: 0 0 15px rgba(71, 178, 245, .3);
    border-radius: 6px
}

.appListBox {
    padding: 30px 20px;
    background: #fff
}

.PageAppList {
    margin-left: -25px
}

.PageAppList li {
    float: left;
    margin-left: 25px;
    margin-bottom: 28px
}

.PageAppList li a {
    display: block;
    width: 351px;
    border: 1px #E6E6E6 solid;
    padding: 18px 15px 0
}

.PageAppList li a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    transform: translateY(-10px)
}

.PageAppList li h3 {
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 18px
}

.mt18 {
    margin-top: 18px
}

.PageAppList li .pic {
    float: left;
    width: 80px;
    height: 80px
}

.PageAppList li .pic img {
    width: 80px;
    height: 80px;
    border-radius: 15px;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.2)))
}

.PageAppList li .infos {
    margin-left: 95px
}

.PageAppList li .infos span {
    margin-top: 2px;
    float: left;
    width: 50%;
    color: #666;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.ov {
    overflow: hidden
}

.PageAppList li .infos .btns {
    width: 110px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: rgba(71, 178, 245, .08);
    margin-top: 8px;
    color: #3cadfb;
    font-size: 15px;
    border-radius: 5px
}

.PageAppList li a:hover .infos .btns {
    background: #3cadfb;
    color: #fff;
    box-shadow: 0 0 15px rgba(71, 178, 245, .3);
    border-radius: 18px
}

.PageAppList li .appTxt {
    margin-top: 15px;
    margin-left: -15px;
    margin-right: -15px;
    border-top: 1px #E6E6E6 solid;
    height: 40px;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #999;
    padding: 10px 15px 15px
}

.PageAppList li .appTxt span {
    font-weight: bold;
    color: #666
}

.PageAppList li a:hover .appTxt {
    color: #666
}

.PageAppList li a:hover .appTxt span {
    color: #3cadfb
}

.appListBox .xTitle {
    margin-bottom: 20px;
    margin-top: -10px;
    margin-left: -20px
}

.appinfosBox {
    background: #fff;
    padding: 20px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.appInfosLeft {
    width: 860px
}

.appInfosLeft img {
    width: 170px;
    height: 170px;
    border-radius: 25px;
    float: left
}

.infosItem {
    margin-left: 190px
}

.infosIitle {
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.infosIitle h1 {
    float: left;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-right: 20px
}

.infosIitle strong {
    color: #999;
    font-size: 16px;
    display: inline-block
}

.infosUl li {
    float: left;
    width: 25%;
    margin-bottom: 12px;
    font-size: 15px
}

.infosUl {
    margin-top: 15px
}

.infsBtn {
    margin-top: 6px
}

.infsBtn a {
    float: left;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    margin-right: 30px;
    border-radius: 6px;
    position: relative;
    box-sizing: border-box;
    padding: 0 40px
}

.abtn {
    background: #14cc8f
}

.abtn:hover {
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(71, 178, 245, .3)
}

.ibtn {
    background: #2388e6
}

.ibtn:hover {
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(71, 178, 245, .3)
}

.infsBtn a.no {
    background: rgba(0, 0, 0, .25);
    cursor: not-allowed;
    text-align: center;
    padding-left: 0;
    padding: 0 40px
}

.infsBtn a.no:hover {
    border-radius: 5px;
    box-shadow: 0 0 0 rgba(71, 178, 245, .3)
}

.infsBtn .btnhide {
    display: none
}

.rwm-code {
    height: 170px
}

.rwm-code img {
    width: 145px;
    height: 145px;
    display: block;
    margin: 0 auto
}

.rwm-code p {
    margin-top: 8px;
    font-size: 15px;
    text-align: center;
    font-weight: bold
}

.start {
    position: relative;
    overflow: hidden;
    width: 74px;
    height: 12px;
    background: url(../images/star.png) no-repeat;
    display: inline-block
}

.start5 {
    background-position: 0 0
}

.start4 {
    background-position: -14px 0
}

.start3 {
    background-position: -29px 0
}

.start2 {
    background-position: -44px 0
}

.start1 {
    background-position: -60px 0
}

.start0 {
    background-position: -74px 0
}

.page-left {
    width: 860px;
    background: #fff;
    padding: 20px;
    padding-top: 5px
}

.page-left .page-title span {
    font-size: 18px;
    font-weight: bold
}

.appActicle {
    padding-top: 20px;
    line-height: 1.8;
    font-size: 15px;
    padding-bottom: 20px
}

.appActicle strong {
    font-weight: bold
}

.appActicle p {
    margin-bottom: 10px;
    line-height: 1.8;
    font-size: 15px
}

.appActicle h3 {
    color: #ffffff;
    background-color: #3cadfb;
    border-radius: 5px;
    padding: 3px 10px;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px
}

.appActicle img {
    max-width: 100%;
    display: block;
    margin: 10px auto;
    float: none !important;
    width: auto !important;
    height: auto !important
}

.appActicle .label span {
    font-size: 14px;
    line-height: 26px;
    display: block;
    float: left
}

.appActicle .label a {
    color: #999;
    background-color: #efefef;
    font-size: 12px;
    line-height: 22px;
    display: inline-block;
    padding: 0 15px;
    border-radius: 14px
}

.article-pic {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 25px;
    position: relative;
    padding-bottom: 20px
}

.article-pic li img {
    display: block;
    margin: 0 auto;
    max-width: 600px;
    max-height: 400px
}

.article-pic .next {
    z-index: 100;
    position: absolute;
    right: 0;
    top: 50%;
    width: 35px;
    height: 70px;
    background: rgba(0, 0, 0, .5) url(../images/r.png) no-repeat center;
    border-radius: 5px;
    margin-top: -35px
}

.article-pic .next:hover {
    background: rgba(0, 0, 0, .8) url(../images/r.png) no-repeat center
}

.article-pic .prev {
    margin-top: -35px;
    z-index: 100;
    position: absolute;
    left: 0;
    top: 50%;
    width: 35px;
    height: 70px;
    background: rgba(0, 0, 0, .5) url(../images/l.png) no-repeat center;
    border-radius: 5px
}

.article-pic .prev:hover {
    background: rgba(0, 0, 0, .8) url(../images/l.png) no-repeat center
}

.appHotUl li span {
    height: 40px;
    margin-top: 25px !important;
    line-height: 40px
}

.app-xg {
    border-top: 20px #f0f0f0 solid;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px
}

.xg-ul {
    margin-top: 15px
}

.xg-ul li {
    height: 38px;
    line-height: 38px;
    margin-bottom: 15px;
    padding: 0 10px;
    background: #f7f7f7
}

.xg-ul li div {
    float: left
}

.xg-t {
    width: 310px;
    overflow: hidden;
    padding-left: 5px;
    font-size: 15px
}

.xg-ul li .xg-btn {
    float: right;
    width: 90px;
    text-align: center;
    background: #3cadfb;
    color: #fff;
    margin-right: -10px
}

.xg-ul li .start {
    margin-top: 13px;
    margin-right: 25px
}

.xg-ul li .xg-ch {
    color: #999
}

.xg-ul li .xg-m {
    width: 80px;
    overflow: hidden
}

.xg-ul li .xg-time {
    color: #999;
    margin: 0 25px
}

.xg-ul li:hover .xg-btn {
    background: #3cadfb;
    box-shadow: 0 0 15px rgba(18, 167, 180, .3)
}

.love-lists li {
    float: left;
    width: 33.3333%;
    margin-bottom: 26px;
    line-height: 1.6
}

.love-lists {
    overflow: hidden;
    background: #fff;
    padding-top: 20px
}

.love-lists li img {
    float: left;
    width: 78px;
    height: 78px;
    border-radius: 10px;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.2)))
}

.love-lists li p {
    margin-left: 92px;
    display: block
}

.love-lists li p.ranking-t1 {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 8px;
    margin-bottom: 5px;
    margin-top: 10px
}

.love-lists li p.ranking-t2 {
    color: #999;
    padding-top: 3px;
    font-size: 14px
}

.similarUl li {
    margin-top: 6px;
    float: left;
    width: 195px;
    margin: 0px 10px;
    padding-bottom: 15px
}

.similarUl li:nth-child(8) {
    display: none
}

.similarUl {
    width: 100%
}

.similarUl li img {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 100px;
    border-radius: 5px;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.2)))
}

.similarUl li p {
    height: 30px;
    line-height: 30px;
    margin-top: 7px;
    overflow: hidden;
    text-align: center;
    padding: 0 3px;
    font-size: 12px
}

.similarUl li span {
    display: block;
    width: 98px;
    height: 34px;
    border-radius: 6px;
    margin: 5px auto 0;
    color: #12A7B4;
    font-size: 15px;
    text-align: center;
    line-height: 34px;
    border: 1px solid #12A7B4
}

.similarUl li a:hover span {
    background: #12A7B4;
    color: #fff;
    box-shadow: 0 0 15px rgba(18, 167, 180, .3);
    border-radius: 18px
}

.gl-ul {
    margin-top: 5px;
    margin-bottom: 6px
}

.gl-ul li {
    float: left;
    width: 50%;
    height: 32px;
    line-height: 32px
}

.gl-ul li a {
    position: relative;
    display: block;
    overflow: hidden;
    padding-right: 10px;
    padding-left: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px
}

.gl-ul li a:before {
    position: absolute;
    top: 15px;
    left: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #999;
    content: ""
}

.gl-ul li a:hover:before {
    background: #12A7B4
}

.page-right {
    width: 280px;
    margin-left: 20px;
    background: #fff;
    overflow: hidden;
    padding: 5PX 20px
}

.rhotApp {
    width: 110%
}

.rhotApp li {
    float: left;
    width: 80px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 3px
}

.rhotApp li img {
    width: 80px;
    height: 80px;
    display: block
}

.rhotApp li .pic {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 6px
}

.similarUl {
    margin-top: 15px
}

.rhotApp li p {
    text-align: center;
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

.rhotApp li a {
    display: block
}

.rhotApp li a:hover img {
    transform: scale(1.15)
}

.page-right .page-title span {
    font-size: 18px
}

.rankingRight {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px
}

.border-t20 {
    margin-top: 10px;
    border-top: 20px #f0f0f0 solid
}

.divTags {
    padding: 15px;
}

.divTags a {
    display: inline-block;
    padding: 1px 8px;
    background-color: #ddd;
    color: #fff;
    font-size: 12px;
    line-height: 1.75em;
    border-radius: 2px;
    margin: 2px;
}

.divTags a:hover {
    opacity: .85;
}

.divTags a:nth-child(8n-7) {
    background-color: #8A9B0F
}

.divTags a:nth-child(8n-6) {
    background-color: #EB6841
}

.divTags a:nth-child(8n-5) {
    background-color: #3FB8AF
}

.divTags a:nth-child(8n-4) {
    background-color: #FE4365
}

.divTags a:nth-child(8n-3) {
    background-color: #FC9D9A
}

.divTags a:nth-child(8n-2) {
    background-color: #EDC951
}

.divTags a:nth-child(8n-1) {
    background-color: #C8C8A9
}

.divTags a:nth-child(8n) {
    background-color: #83AF9B
}

.divTags a:first-child {
    background-color: #E1474D
}

.divTags a:last-child {
    background-color: #3299BB
}

.appHotUl li+li {
    border-top: 1px #E6E6E6 dashed
}

.appHotUl li a {
    display: block;
    padding: 10px 0
}

.appHotUl li a:hover span {
    background: #3cadfb;
    box-shadow: 0 0 10px rgba(18, 167, 180, .2)
}

.appHotUl li span {
    float: left;
    width: 20px;
    color: white;
    background-color: #bbbbbb;
    border-radius: 3px;
    text-align: center;
    margin-right: 10px
}

.appHotUl li img {
    float: left;
    width: 110px;
    height: 65px;
    border-radius: 3px
}

.appHotUl li .appHotInfo {
    float: left;
    margin-left: 10px;
    width: 130px;
    overflow: hidden
}

.appHotUl li .appHotInfo h3 {
    font-size: 16px;
    height: 28px;
    line-height: 28px
}

.appHotUl li .appHotInfo .txt {
    font-size: 13px;
    height: 40px
}

.appHotUl li {
    overflow: hidden
}

.appHotUl li p {
    margin-top: 4px
}

.appHotUl li.rank-1 span,
.appHotUl li.rank-2 span,
.appHotUl li.rank-3 span {
    height: 40px;
    margin-top: 10px;
    line-height: 40px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.appHotUl li.rank-1 span {
    background: #ff6460;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.appHotUl li.rank-2 span {
    background: #ff9900;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.newsRulb {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden
}

.appHotUl li.rank-3 span {
    background: #00ba5e;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.appHotUl li.rank {
    line-height: 20px
}

.newsHotUl li+li {
    border-top: 1px #E6E6E6 dashed
}

.newsHotUl li a {
    display: block;
    padding: 10px 0
}

.newsHotUl li a:hover span {
    background: #3cadfb;
    box-shadow: 0 0 10px rgba(18, 167, 180, .2)
}

.newsHotUl li span {
    float: left;
    width: 20px;
    color: white;
    background-color: #bbbbbb;
    border-radius: 3px;
    text-align: center;
    margin-right: 10px
}

.newsHotUl li img {
    float: left;
    width: 110px;
    height: 65px;
    border-radius: 3px
}

.newsHotUl li .appHotInfo {
    float: left;
    margin-left: 10px;
    width: 170px;
    overflow: hidden
}

.newsHotUl li .appHotInfo .txt {
    font-size: 13px;
    height: 40px
}

.newsHotUl li {
    overflow: hidden
}

.newsHotUl li p {
    margin-top: 4px
}


.newsConHotUl li+li {
    border-top: 1px #E6E6E6 dashed
}

.newsConHotUl li a {
    display: block;
    padding: 10px 0
}

.newsConHotUl li a:hover span {
    background: #3cadfb;
    box-shadow: 0 0 10px rgba(18, 167, 180, .2)
}

.newsConHotUl li span {
    float: left;
    width: 20px;
    color: white;
    background-color: #bbbbbb;
    border-radius: 3px;
    text-align: center;
    margin-right: 10px
}

.newsConHotUl li img {
    float: left;
    width: 110px;
    height: 65px;
    border-radius: 3px
}

.newsConHotUl li .appHotInfo {
    float: left;
    margin-left: 10px;
    width: 160px;
    overflow: hidden
}

.newsConHotUl li .appHotInfo .txt {
    font-size: 13px;
    height: 40px
}

.newsConHotUl li {
    overflow: hidden
}

.newsConHotUl li p {
    margin-top: 4px
}


.text-999 {
    color: #999
}

.hotappList li a {
    display: block;
    height: 84px;
    overflow: hidden;
    margin-bottom: 15px
}

.hotappList {
    padding-top: 15px
}

.hotappList li a img {
    width: 84px;
    height: 84px;
    border-radius: 15px;
    float: left
}

.hotappList li .infos {
    margin-left: 100px
}

.hotappList li .infos h3 {
    font-size: 16px
}

.hotappList li .infos p {
    padding-top: 3px;
    font-size: 13px
}

.hotappList li .infos span {
    display: block;
    width: 75px;
    height: 26px;
    line-height: 26px;
    border-radius: 4px;
    border: solid 1px #3cadfb;
    font-size: 14px;
    color: #3cadfb;
    text-align: center;
    margin-top: 6px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.hotappList li a:hover .infos span {
    color: #fff;
    background: #3cadfb;
    border-radius: 13PX;
    box-shadow: 0 0 10px rgba(18, 167, 180, .3)
}

.newsUlBox {
    padding: 0 20px
}

.newsUlBox li a {
    display: block
}

.newsUlBox li {
    padding-bottom: 20px;
    padding-top: 20px
}

.newsUlBox li+li {
    border-top: 1px #E1E1E1 solid
}

.newsUlBox li h3 {
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: bold
}

.newsUlBox li img {
    width: 230px;
    float: left;
    height: 140px
}

.newsUlBox li .items {
    margin-left: 250px
}

.newsUlBox li .items .txt {
    padding-top: 8px;
    font-size: 15px;
    color: #818181;
    line-height: 2;
    height: 90px;
    text-indent: 2em
}

.newsUlBox li a:hover img {
    border-radius: 20px
}

.newsUlBox li a:hover .items span {
    font-weight: bold;
    color: #3cadfb
}

.newbRul02 {
    padding: 5px 15px;
    overflow: hidden
}

.newbRul02 li {
    width: 100%;
    float: none
}

.newbRul02 li a {
    padding-right: 0
}

.newTop {
    padding-top: 15px
}

.newTop h1 {
    font-size: 28px;
    text-align: center;
    line-height: 1.8
}

.newTopinfos {
    text-align: center;
    margin-top: 18px;
    border-bottom: 1px #E6E6E6 solid;
    padding-bottom: 18px
}

.newTopinfos span {
    color: #999;
    display: inline-block;
    padding: 0 6px
}

.newTopinfos a {
    color: #999
}

.newTopinfos a:hover {
    color: #12A7B4
}

.articleBox {
    padding: 20px 0 15px;
    line-height: 1.9;
    font-size: 15px
}

.articleBox strong {
    font-weight: bold
}

.articleBox h3 {
    color: #ffffff;
    background-color: #12A7B4;
    border-radius: 5px;
    padding: 3px 10px;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px
}

.articleBox p {
    line-height: 1.9;
    font-size: 15px;
    margin-bottom: 10px
}

.articleBoxMatch {
    padding: 20px 0 15px;
    line-height: 1.9;
    font-size: 15px
}

.articleBoxMatch strong {
    font-weight: bold
}

.articleBoxMatch h3 {
    color: #ffffff;
    background-color: #12A7B4;
    border-radius: 5px;
    padding: 3px 10px;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px
}

.articleBoxMatch p {
    line-height: 1.9;
    font-size: 15px;
    margin-bottom: 10px
}

.articleTopTxt {
    background: rgba(71, 178, 245, .08);
    padding: 10px 15px;
    color: #47B2F5;
    position: relative;
    margin-bottom: -10px
}

.articleTopTxt .itop {
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border-top: 3px #47B2F5 solid;
    border-left: 3px #47B2F5 solid
}

.articleTopTxt .iright {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-right: 3px #47B2F5 solid;
    border-bottom: 3px #47B2F5 solid
}

.dlapp-box {
    height: 105px;
    background: #fafafa;
    padding: 20px;
    margin: 20px 0;
    border-radius: 15px
}

.dlapp-box dt {
    float: left
}

.dlapp-box dt img {
    width: 105px !important;
    height: 105px !important;
    border-radius: 20px;
    max-width: 100% !important;
    margin: 0 !important
}

.dlapp-box dd.dd01 {
    width: 430px;
    margin-left: 20px;
    float: left
}

.dlapp-box dd.dd02 {
    float: right;
    width: 150px
}

.dlapp-box .dlbtn {
    display: block;
    width: 150px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #3cadfb;
    color: #FFF;
    border-radius: 4px;
    margin-top: 30px;
    font-size: 16px
}

.dlapp-box .dlbtn:hover {
    background: #3cadfb;
    color: #FFF;
    border-radius: 22px;
    box-shadow: 0 0 15px rgba(71, 178, 245, .3)
}

.dlapp-box dd.dd01 .start {
    display: inline-block
}

.dlapp-box dd.dd01 .att {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: 10px;
    display: block;
    color: #333;
    margin-top: 8px
}

.dlapp-box dd.dd01 .att:hover {
    color: #12A7B4
}

.dlapp-box dd.dd01 li {
    float: left;
    width: 50%;
    font-size: 14px;
    color: #666
}

.dlapp-box dd.dd01 li span {
    color: #999
}

.articleBox img {
    display: block;
    margin: 15px auto;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important
}

.articleBox .videobox {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background: #000;
}

.articleBox table {
    line-height: 1;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    table-layout: fixed;
    border-collapse: inherit;
    border-spacing: 0;
}

.articleBox table tr {
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid rgba(0, 0, 0, .03);
    font-size: 14px;
    text-align: center;
}

.articleBox table tr td {
    font-size: 16px;
    padding: 5px;
    border: 1px solid #ddd;
    text-align: left;
    text-indent: 12px;
}

.articleBox table tr td img {
    display: inline;
    width: 20px !important;
    margin: 10px;
}

.articleBoxMatch p img {
    max-width: 100% !important;
}

.articleBoxMatch p span img {
    width: 20px
}

.articleBoxMatch .videobox {
    width: 100%;
    height: 504px;
    overflow: hidden;
    position: relative;
    background: #000;
}

.articleBoxMatch table {
    line-height: 1;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    table-layout: fixed;
    border-collapse: inherit;
    border-spacing: 0;
}

.articleBoxMatch table tr {
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid rgba(0, 0, 0, .03);
    font-size: 14px;
    text-align: center;
}

.articleBoxMatch table tr td {
    font-size: 16px;
    padding: 5px;
    border: 1px solid #ddd;
    text-align: left;
    text-indent: 12px;
}

.articleBoxMatch table tr td img {
    display: inline;
    width: 20px !important;
    margin: 10px;
}

.page-right .newbRul02 {
    padding-left: 0;
    padding-right: 0
}

.aboutBox {
    background: #fff;
    padding: 20px
}

.aboutTitl {
    text-align: center;
    font-size: 24px
}

.aboutTXT {
    padding: 20PX 0;
    min-height: 500px
}

.pageBtn a,
.pageBtn span {
    padding: 5px 10px;
    margin: 0 5px
}

.pageBtn {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 15px;
    box-sizing: border-box
}

.pageBtn a {
    background: #eee
}

.pageBtn span {
    color: #fff;
    background: #3cadfb
}

.d-flex-center-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.pcPageLeft .phUlBox li:nth-child(8) {
    display: none
}

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

.swiperbox {
    height: 100vh;
    z-index: 3;
    background: rgba(0, 0, 0, .6)
}

.swiperbox img {
    width: initial;
    position: relative;
    z-index: 2
}

.swiper-zoom-container:before {
    width: 100%;
    height: 100%;
    content: ' ';
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    cursor: pointer
}

.closebtn {
    position: absolute;
    z-index: 22;
    width: 60px;
    height: 60px;
    bottom: 0;
    left: 10px;
    background-size: 40px
}

.imgshow .swiper-slide {
    background: 0 0
}

.img_list {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-top: 15px
}

.app-box .img_list {}

.img_list ul li {
    margin-right: 10px;
    display: inline-block
}

.img_list ul li img {
    max-height: 280px;
    z-index: 1;
    height: auto;
    max-width: 100%
}

.pageBtn {
    display: none
}

@media screen and (max-width:1280px) {
    .nav li {
        margin: 0 10px;
        padding: 0 10px
    }

    .appInfosLeft {
        width: 100%
    }

    .similarUl li:nth-child(8) {
        display: block
    }

    .xgbbBOX {
        display: none
    }

    .similarUl {
        display: flex;
        width: 100%;
        box-sizing: border-box
    }

    .similarUl li {
        margin-top: 6px;
        float: left;
        width: 12.5%;
        margin-right: 0;
        padding-bottom: 15px;
        box-sizing: border-box
    }

    .rwm-code {
        display: none
    }

    .page-right {
        display: none
    }

    .page-left {
        width: 100%;
        box-sizing: border-box;
        float: none
    }

    .similarUl li {}

    .listTopul li a img {
        width: 75px;
        height: 75px
    }

    .listTopul {
        margin-bottom: 15px;
        height: 91px;
        overflow: hidden
    }

    .listTopul li {
        width: 12.5%
    }

    .PageAppList li a {
        width: 414px
    }

    .w1200 {
        max-width: 960px
    }

    .indexTopLeft {
        display: none
    }

    .mySwiper {
        width: 100%
    }

    .mySwiper img {
        width: 100%
    }

    .indexTboxRight {
        width: 260px
    }

    .indexTboxLeft2 {
        width: 680px
    }

    .pcPageLeft {
        width: 640px
    }

    .pcPageRigth {
        margin-left: 660px
    }

    .slideTxtBox .item li {
        width: 16.667%
    }

    .indexPc li {
        width: 25%
    }

    .appUl li {
        width: 16.667%;
        height: 213px;
        overflow: hidden
    }

    .flList a {
        margin-left: 5px;
        width: 88px;
        overflow: hidden
    }

    .phUlBox li img {
        width: 75px;
        height: 75px
    }
}

@media screen and (max-width:980px) {
    .appUl li {
        height: 192px;
        overflow: hidden
    }

    .nav li:nth-child(3) {}

    .nav li {
        margin: 0 0;
        padding: 0 0
    }

    .dlapp-box dt img {
        width: 70px !important;
        height: 70px !important
    }

    .dlapp-box dd.dd01 .att {
        font-size: 15px;
        height: 22px;
        line-height: 22px;
        overflow: hidden;
        display: block;
        color: #333;
        margin: 0
    }

    .dlapp-box dd.dd02 {
        width: auto
    }

    .dlapp-box dd.dd01 {
        margin-left: 85px;
        padding-right: 70px;
        width: auto;
        float: none
    }

    .dlapp-box {
        background: #f4f5f5;
        border-radius: 10px;
        height: 100px;
        padding: 10px;
        position: relative;
        margin: 10px 0;
        box-sizing: border-box;
        margin-top: 25px
    }

    .dlapp-box dd.dd01 li:nth-child(4) {
        display: block;
        width: 100%
    }

    .dlapp-box dd.dd01 li span {
        display: none
    }

    .dlapp-box dd.dd02 {
        position: absolute;
        right: 15px;
        top: 36px;
        margin-top: 0
    }

    .dlapp-box dd.dd02 a {
        width: 60px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: #41c6a7;
        color: #fff;
        display: block;
        border-radius: 15px;
        font-size: 15px;
        margin-top: 0
    }

    .dlapp-box dd.dd01 li {
        width: auto;
        margin-right: 6px
    }

    .dlapp-box dd.dd01 li:nth-child(3) {
        display: none
    }

    .newTop h1 {
        font-size: 24px
    }

    .pageBtn {
        display: flex
    }

    .list-top {
        display: none
    }

    .PageAppList li {
        width: 50%;
        margin-left: 0;
        padding-left: 20px;
        box-sizing: border-box
    }

    .PageAppList li a {
        width: 100%;
        box-sizing: border-box
    }

    .pcPageRigth {
        display: none
    }

    .pcPageLeft {
        width: 100%
    }

    .top {
        display: none
    }

    .w1200 {
        margin-left: 10px;
        margin-right: 10px
    }

    .slideTxtBox .hd li:nth-child(3) {}

    .appUl li a {
        border: none;
        margin: 0
    }

    .navBox {
        padding-top: 10px;
        padding-bottom: 0;
        display: flex;
        flex-direction: column
    }

    .navBox .logo img {
        height: 45px
    }

    .nav {
        margin-top: 10px;
        display: flex
    }

    .nav li {
        flex: 4;
        text-align: center
    }

    .nav li a {
        margin: 0;
        padding: 0;
        font-size: 15px
    }

    .nav li:nth-child(2) {}

    .indexTboxLeft2 {
        width: 100%;
        float: none
    }

    .mySwiper {
        height: auto
    }

    .mySwiper img {
        height: auto
    }

    .indexPc {
        display: none
    }

    .indexTboxRight {
        display: none
    }

    .appUl li a:hover {
        box-shadow: 0 0 0 rgba(0, 0, 0, .1)
    }

    .appUl {
        height: 377px
    }

    .newsUlindex li {
        width: 50%
    }

    .pages {
        display: none
    }
}

@media screen and (max-width:820px) {
    .PageAppList li {
        width: 100%
    }

    .similarUl {
        flex-wrap: wrap
    }

    .similarUl li {
        margin-top: 6px;
        float: left;
        width: 25%;
        margin-right: 0;
        padding-bottom: 15px;
        box-sizing: border-box
    }

    .love-lists li {
        width: 50%
    }

    .infosUl li {
        width: 33.333%
    }
}

@media screen and (max-width:768px) {
    .navBox .logo img {
        height: 40px
    }

    .dlapp-box dd.dd02 a {
        font-size: 12px
    }

    .appUl li {
        height: 168px
    }

    .newTop h1 {
        font-size: 20px
    }

    .app-xg .xTitle {
        margin-left: 0
    }

    .pcPageLeft .phUlBox li:nth-child(8) {
        display: block
    }

    .pcPageLeft .phUlBox li {
        width: 20%
    }

    .aqImg {
        display: none
    }

    .softh1 .softimg2 {
        width: 150px;
        height: 150px;
        display: block;
        margin: 0 auto;
        float: none;
        margin-top: 15px
    }

    .softh1Rbox01 {
        float: none
    }

    .softh1Rbox span {
        display: none
    }

    .soft-attr h1 {
        display: block;
        font-size: 20px;
        font-weight: bold;
        color: #333;
        text-align: center;
        padding-top: 10px;
        margin-bottom: 8px;
        margin-right: 15px
    }

    .soft_lis {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .soft_lis li {
        width: 50%;
        box-sizing: border-box;
        overflow: hidden
    }

    .soft_download a.softbtns {
        margin: 0 auto
    }

    .pcList li h3 {
        font-size: 16px
    }

    .pcList {
        padding: 0 10px
    }

    .pcList li dt {
        width: 90px;
        height: 90px
    }

    .pcList li dd {
        margin-left: 108px
    }

    .slideTxtBox .item li {
        width: 20%
    }

    .pcList li .item03 {
        text-align: center
    }

    .pcList li .item03 .fl {
        display: none
    }

    .pcList li .item03 .btns {
        background: #3cadfb;
        color: #fff;
        float: none;
        margin: 0 auto;
        width: 50%
    }

    .appUl li {
        width: 20%
    }

    .appUl li img {
        width: 80px;
        height: 80px
    }

    .appUl li .pic {
        width: 80px;
        height: 80px
    }

    .slideTxtBox .item li h4 {
        font-size: 15px
    }

    .appUl li h3 {
        font-size: 15px
    }

    .appUl {
        height: 333px
    }

    .slideTxtBox .item li {
        width: 25%;
        overflow: hidden;
        box-sizing: border-box
    }

    .appUl {
        margin-bottom: 0
    }

    .appUl li {
        width: 25%
    }

    .appHot {
        display: none
    }

    .newsUlindex li {
        width: 100%
    }

    .linkBox {
        display: none
    }

    .soft-attr {
        margin-bottom: 15px
    }

    .pcPageLeft .xTitle {
        margin-bottom: 0
    }

    .nav li {
        height: 40px;
        line-height: 40px
    }
}

@media screen and (max-width:680px) {
    .similarUl li {
        width: 45%
    }

    .appInfosLeft img {
        display: block;
        margin: 0 auto 10px;
        float: none;
        width: 150px;
        height: 150px
    }

    .infosItem {
        margin-left: 0
    }

    .infosIitle h1 {
        font-size: 20px;
        float: none;
        display: block !important;
        text-align: center;
        margin-right: 0;
        margin-left: 0
    }

    .infsBtn {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .article-pic li img {
        display: block;
        margin: 0 auto;
        max-width: 300px;
        max-height: 400px
    }

    .article-pic {
        margin-left: 0;
        margin-right: 0;
        margin-top: 25px;
        position: relative;
        padding-bottom: 20px
    }

    .page-left {
        width: 100%;
        background: #fff;
        padding: 10px;
        padding-top: 5px
    }

    .pageBoxs .xTitle {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0
    }

    .infsBtn a {
        width: 100%;
        text-align: center;
        margin-right: 0;
        display: block;
        margin-top: 10px
    }

    .infsBtn {
        display: block
    }

    .love-lists li {
        width: 100%
    }

    .gl-ul li {
        width: 100%
    }

    .infosUl li:nth-child(4) {
        display: none
    }

    .newsUlBox li .nimg {
        display: block;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 140px
    }

    .newsUlBox li .nimg img {
        display: block;
        min-width: 100%;
        float: none;
        height: auto
    }

    .newsUlBox li .items .txt {
        height: 56px;
        -webkit-line-clamp: 2
    }

    .newsUlBox li .items {
        margin-left: 0
    }

    .newsUlBox li h3 {
        font-size: 18px
    }

    .infosIitle {
        padding-top: 10px;
        padding-bottom: 10px;
        height: auto;
        line-height: 1.3
    }

    .slideTxtBox .bd {
        padding-bottom: 12px
    }

    .infsBtn a {
        padding: 0
    }

    .infsBtn a.no {
        width: 100%
    }

    .infsBtn .btnshow {
        display: none
    }

    .infsBtn .btnhide {
        display: block
    }
}

@media screen and (max-width:430px) {
    .similarUl li {
        width: 45%
    }

    .similarUl li img {
        width: 175px;
        height: 75px
    }

    .img_list ul li img {
        max-height: 200px
    }

    .infosUl li {
        font-size: 12px;
        width: 50%
    }

    .appInfosLeft img {
        display: block;
        margin: 0 auto 10px;
        float: none;
        width: 120px;
        height: 120px
    }

    .appListBox .xTitle {
        margin-left: 0
    }

    .PageAppList li a:hover {
        box-shadow: 0 0 0 rgba(0, 0, 0, .15);
        transform: translateY(0)
    }

    .PageAppList li {
        margin-bottom: 0
    }

    .PageAppList li .appTxt {
        display: none
    }

    .appListBox {
        padding: 30px 10px
    }

    .PageAppList li a {
        border: none;
        border-bottom: 1px #E6E6E6 solid;
        padding: 10px 15px 15px
    }

    .PageAppList li h3 {
        overflow: hidden;
        font-size: 18px;
        border-bottom: none;
        font-weight: bold;
        padding-bottom: 0
    }

    .pcPageLeft .phUlBox li {
        width: 25%
    }

    .header {
        margin-right: -10px
    }

    .newsBox {
        margin-left: -10px;
        margin-right: -10px;
        height: 294px;
        overflow: hidden
    }

    .xTitle a {
        margin-right: 0
    }

    .newsBox .xTitle {
        margin-bottom: 10px
    }

    .newsBox .p15 {
        padding: 0
    }

    .newsUlindex {
        padding-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px
    }

    .slideTxtBox {
        padding: 0;
        height: auto
    }

    .slideTxtBox .item {
        margin-left: 10px;
        margin-right: 10px
    }

    .slideTxtBox .item li {
        width: 50%;
    }

    .indexTbox {
        margin-left: -10px;
        margin-right: -10px
    }

    .slideTxtBox .hd ul {
        display: flex
    }

    .slideTxtBox .hd li {
        flex: 1;
        text-align: center;
        padding: 0
    }

    .appList {
        margin-left: -10px;
        margin-right: -10px
    }

    .xTitle {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px
    }

    .appUl li .pic {
        margin-top: 0;
        width: 168px;
        height: 80px;
    }

    .appUl li .pic img {
        width: 168px;
    }

    .appUl {
        padding: 0;
        margin-left: 10px;
        margin-right: 10px;
        height: 290px;
        overflow: hidden
    }

    .appUl li h3 {
        height: 44px;
        line-height: 22px;
        overflow: hidden;
        -webkit-line-clamp: 2
    }

    .appUl li p {
        display: none
    }

    .appUl li {
        height: 145px;
        overflow: hidden;
        width: 50%;
    }

    .appUl li a {
        padding: 0 10px
    }

    .appUl .times {
        display: none
    }

    .newsUlindex li {
        padding-right: 15px
    }

    .glNews li {
        width: 100%;
        float: none
    }

    .PageAppList li a {
        padding: 10px
    }

    .PageAppList li .infos span {
        font-size: 12px
    }
}

@media screen and (max-width:375px) {
    .appUl {
        padding: 0;
        margin-left: 10px;
        margin-right: 10px;
        height: 270px;
        overflow: hidden
    }

    .appUl li {
        height: 135px;
        overflow: hidden
    }

    .pageBtn a,
    .pageBtn span {
        padding: 5px
    }

    .softh1 .softimg2 {
        width: 120px;
        height: 120px
    }

    .soft_lis li {
        font-size: 12px
    }

    .appUl li img {
        width: 70px;
        height: 70px
    }

    .slideTxtBox .item {
        height: 265px
    }

    .appUl li .pic {
        margin: 0 auto;
        height: 70px
    }

    .appUl li h3 {
        margin-top: 7px;
        margin-bottom: 0
    }

    .slideTxtBox .item li {
        padding: 0 5px
    }

    .appUl {
        height: 269px
    }

    .slideTxtBox .item li img {
        height: 70px;
        display: block;
        margin: 0 auto 5px;
    }
}

@media screen and (max-width:325px) {
    .pcPageLeft .phUlBox li {
        width: 33.333%
    }

    .similarUl li img {
        width: 65px;
        height: 65px
    }
}

.down-a-line {
    text-decoration: none;
    text-shadow: 0px 1px 0px #dc0b09;
    color: #fff;
    display: block !important;
}

.down-a-line .btnhide {
    display: none
}

.down-btn-line {
    width: 95%;
    text-align: center;
    margin: 10px auto 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    box-shadow: 3px 0px 9px 0px #dc0909;
    background: linear-gradient(to bottom, #dc0b09 5%, #dc0c09 100%);
    font-size: 1.3rem;
}

.game_detail {
    display: flex;
    z-index: 999;
    padding: 0px 0
}

.game_detail .pic-div {
    width: 150px;
    height: 200px;
    display: block;
    margin: 0px auto;
    border-radius: 3px;
    position: relative;
    overflow: hidden
}

.game_detail .pic-img {
    width: 150px;
    height: 200px;
    display: block;
    margin: 0px auto 0;
    border-radius: 5px
}

.game_detail .pic-bg {
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1) 30%, rgba(0, 0, 0, .5));
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.game_detail .pic-text {
    display: block;
    width: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 10px;
    font-size: 12px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5));
    color: #FFFFFF !important;
    text-align: right;
    z-index: 100
}

.game_detail .g_title {
    font-size: 18px;
    color: #333;
    height: 25px;
    line-height: 25px;
    font-weight: 600;
    text-align: center;
    overflow: hidden
}

.game_detail .dianpin {
    line-height: 20px;
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden
}

.game_detail .comment {
    font-size: 12px;
    background: #fff3e2;
    color: #787878;
    padding: 4px 8px;
    box-sizing: border-box;
    border: 1px solid #ffe0b5;
    border-radius: 5px;
    float: left;
    width: 100%;
    text-align: center
}

.rehotip {
    display: inline-block;
    margin: 0 -.2rem;
}

.rehotip a {
    float: left;
    margin-right: 2%;
    line-height: 23px;
    font-size: 13px;
    border: 1px solid #c7d1d6;
    border-radius: 20px;
    margin-bottom: 10px;
    text-align: center;
    padding: 0 10px;
}

.rehotip .hot0 {
    color: #4dba50;
}

.rehotip .hot1 {
    color: #4d90ba;
}

.rehotip .hot2 {
    color: #966de1;
}

.rehotip .hot3 {
    color: #4d90ba;
}

.rehotip .hot4 {
    color: #ff9a98;
}

.rehotip .hot5 {
    color: #5bc3af;
}

.rehotip .hot6 {
    color: #ff7573;
}

.rehotip .hot7 {
    color: #5bd3af;
}

.rehotip .hot8 {
    color: #5dbad0;
}

.rehotip .hot9 {
    color: #4dba50;
}

.rehotip .hot10 {
    color: #fd4352;
}

.rehotip a {
    border-style: dashed;
    background-color: #eee;
    margin-left: 10px;
    width: auto;
}