.cq_download{display: flex;justify-content: center}
.cq_download #primary{}

.cq_download #primary .site-main dl.app-info{display: flex;justify-content: flex-start}

.cq_download #primary .site-main .pd20 {padding: 20px }
.cq_download #primary .site-main .mb20 {margin-bottom: 20px;}
.cq_download #primary .site-main .mb10 {margin-bottom: 10px;}
.cq_download #primary .site-main .wide {width: 100%;margin: 0 auto;max-width: 1200px;}
.cq_download #primary .site-main .gg-box {overflow: hidden;}
.cq_download #primary .site-main, .cq_download #primary .site-main a, .cq_download #primary .site-main li {text-decoration: none;color: #333;transition: all .35s ease 0s;outline: 0;font-size: 14px;}
.cq_download #primary .site-main .gg-box img {width: 100%;display: block;}
.cq_download #primary .site-main .tx-box .tx-text{line-height: 1.9;letter-spacing: .02em;font-size: 15px;}
.cq_download #primary .site-main .tx-box, .tx-text hr, .tx-hr, .btn-border {border: 1px solid #e5e5e5;}
.cq_download #primary .site-main .soft-wrap .img-box {width: 90px;height: 90px;}
.cq_download #primary .site-main .soft-wrap .img-box img {width: 90px;height: 90px;-o-object-fit: cover;object-fit: cover;margin-bottom: 10px;border-radius: 10px;}
.cq_download #primary .site-main .btn-border {background-color: transparent;border: 1px solid #ddd;color: #333;}
.cq_download #primary .site-main .tx-btn {display: inline-block;height: 38px;line-height: 38px;padding: 0 20px;background-color: #009688;color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: 0;border-radius: 2px;cursor: pointer;opacity: .9;filter: alpha(opacity=90);}
.cq_download #primary .site-main .tx-btn {vertical-align: middle;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;}
.cq_download #primary .site-main .img-d img, .dp-b {display: block;width: 100%;background:#babfc5;}
.cq_download #primary .site-main .txt-ov {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cq_download #primary .site-main .f-22, .f-22 a {font-size: 22px !important;color: #3e3e3e;}
.cq_download #primary .site-main .soft-box {position: relative;}
.cq_download #primary .site-main .soft-box>ul {margin-bottom: 18px;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
.cq_download #primary .site-main .soft-box .f-gray li {color: #888 !important;}
.cq_download #primary .site-main .ul-26 li {line-height: 26px;height: 26px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cq_download #primary .site-main .soft-box .soft-down a {position: relative;z-index: 50;color: white;}
.cq_download #primary .site-main .soft-box ul li span .website{text-decoration: underline!important;}
.cq_download #primary .site-main .bg-blue {background-color: #1e9fff;}
.cq_download #primary .site-main .bg-apple {background-color: #f76c03;}
.cq_download #primary .site-main .disabled {background-color: #888;}
.cq_download #primary .site-main .keywords {margin-top: 20px;}
.cq_download #primary .site-main .keywords span{background: #e9e9e9;padding: 4px 12px;border-radius: 3px;margin-right: 10px;}
.cq_download #primary .site-main .keywords span a{color: #999 !important;}
.cq_download #primary .site-main .keywords span:hover{background-color: #f60;color: #fff!important;text-decoration: none;}
.cq_download #primary .site-main .keywords span:hover a{text-decoration: none!important;color: white!important;}
.cq_download #primary .site-main .keywords span a{color: #6d6f71;font-size: 12px}
.cq_download #primary .site-main .soft-box>div {position: absolute;bottom: -20px;right: 0;width: 100px;}



.cq_download #primary .tx-text hr, .cq_download #primary .tx-hr {margin-top: 0;margin-bottom: 0;padding: 0;border: 0;border-bottom: 1px solid #eee;}
.cq_download #primary .info-next ul li{list-style: none}
.cq_download #primary .info-next ul li h4{display: inline-block}
.cq_download #primary .info-next ul li h4 a:hover{color: red}
.cq_download #primary .info-next .tar-r{text-align: right;}


.cq_download #primary .site-main .f-12 {font-size: 12px;}

#chuanqi-app-relate{position:relative}
#chuanqi-app-relate ul{margin-top: 20px;gap: 0.25rem;display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));}
#chuanqi-app-relate ul li {padding: 60px 4px 4px 4px;position: relative;overflow: hidden;box-sizing: border-box;-webkit-transition: all .2s linear;transition: all .2s linear;}
#chuanqi-app-relate ul li a {min-width:134px;text-decoration: none;color: black;border-radius: 8px;text-align: center;padding: 35px 10px 10px 10px;display: inline-block;background-color: #f3f3f3b3;}
#chuanqi-app-relate ul li a:hover {-webkit-box-shadow: 0 0 10px 0 #c3c3c3;box-shadow: 0 0 10px 0 #c3c3c3;transition: all .2s linear;}
#chuanqi-app-relate ul li a img{position: absolute;width: 90px;height: 90px;box-shadow: 0 0 10px 0 rgba(0,0,0,.35);border-radius: 25px;transform: translate(-50%,-100%)}
#chuanqi-app-relate ul li a:hover img{box-shadow: none;transition: all .2s linear;}
#chuanqi-app-relate ul li a:hover button{background: #f61701}
#chuanqi-app-relate ul li a p.title{line-height: 22px;font-size: 14px;margin: 5px 2px 2px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#chuanqi-app-relate ul li a p.t_star{margin-bottom: 0}
#chuanqi-app-relate ul li a p.t_star .star_bg{display: inline-block;height: 25px;width: 97px;background: url(/common/static/style/image/t_star.png) no-repeat;background-position: 0 -65px;transform: translateY(2px);border: none!important;}
#chuanqi-app-relate ul li a p.t_star .star_bg .one_stars{width: 40px;background-position: -80px -95px}
#chuanqi-app-relate ul li a p.t_star .star_bg .two_stars{width: 60px;background-position: -60px -95px}
#chuanqi-app-relate ul li a p.t_star .star_bg .three_stars{width: 70px;background-position: -40px -95px}
#chuanqi-app-relate ul li a p.t_star .star_bg .four_stars{background-position: -20px -95px}
#chuanqi-app-relate ul li a p.t_star .star_bg .five_stars{background-position: 0 -95px}
#chuanqi-app-relate .t_star i {float: left;height: 16px;width: 97px;transform: translateY(5px);background: url(/common/static/style/image/t_star.png) no-repeat;}
#chuanqi-app-relate ul li a .created_at{font-size: 12px;margin-bottom: 0.15rem;color: #8b8989}
#chuanqi-app-relate ul li a button{line-height: 30px;background:#f76c03;height: 32px;font-size: 12px;font-weight: 700;border: 1px solid #f3f3f3;transition: .2s;border-radius: 3px;margin-bottom: 0.25rem;}


.cq_download #primary .ul-30{gap: 0.25rem;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
.cq_download #primary .ul-30 li {line-height: 30px;height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cq_download #primary .fr {float: right;}
.cq_download #primary .ul-spot li a {position: relative;padding-left: 10px;}
.cq_download #primary .ul-spot li a:hover{color: #f33!important;}



.cq_download .sidebar{}

.cq_download .sidebar dl{margin-bottom: 1rem;}

.cq_download .f-gray {color: #888;}
.cq_download .f-12 {font-size: 12px;}
.cq_download .side-box{width: 100%;overflow: hidden}
.cq_download .side-box dl dt, .tx-title {font-size: 20px;padding: 15px 15px 5px 15px;line-height: 27px;position: relative; }
.cq_download .side-box dl dt::after {background-color: #f76c03;}
.cq_download .side-box dl dt::after, .tx-title::after { content: "";position: absolute;left: 0;top: 22px;width: 4px;height: 15px;}
.cq_download .tx-box .tx-title:after {background-color: #f76c03;}
.cq_download .force-width-auto{width: 100%;overflow: hidden}
.cq_download .silder-box .silder{}


.cq_download .silder{margin: 0 auto}
.cq_download .silder:hover .silder-button{opacity: 1}
.cq_download .silder-button.btl {left:0;background: url(/common/static/style/image/single-left.png); }
.cq_download .silder-button.btr {right:0;background: url(/common/static/style/image/single-right.png); }
.cq_download .silder-button {top: 50%;width: 32px;height: 62px;position: absolute;cursor: pointer;transform: translateY(-50%);transition: .3s;z-index: 99999;opacity: 0;}
.pd-15{padding: 15px;}



.cq_download .sidebar .pd15-5 {padding: 7px 10px;}
.cq_download .sidebar .ranking li {padding: 10px 0 10px 30px;border-bottom: 1px solid #eee;list-style-type: none;position: relative;line-height: 22px;}
.cq_download .sidebar .ranking li > i:first-child {background-color: #eeeeee;}
.cq_download .sidebar .ranking li>i:first-child {position: absolute;left: 0;top: 10px;width: 20px;background-color: #eee;color: #999;font-style: normal;text-align: center;font-size: 12px}
.cq_download .sidebar .ranking li a {padding-right: 50px;position: relative;}
.cq_download .sidebar .ranking li a p{margin-bottom: 0}
.cq_download .sidebar .ranking li a .txt-ov{color: #333;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.cq_download .sidebar .ranking li.on .txt-ov{color: #f76c03;font-size: 16px;}
.cq_download .sidebar .ranking li a:hover .txt-ov{color: red;}
.cq_download .sidebar .ranking li a, .cq_download .sidebar .ranking li.on p.f-12 {display: block;}
.cq_download .sidebar .ranking li a>i.img-55, .cq_download .sidebar .ranking li p.f-12 {display: none;}
.cq_download .sidebar .ranking li.on>i:first-child, .cq_download .sidebar .ranking li.on>a i.fa{background: #f76c03}
.cq_download .sidebar .ranking li.on>a i.fa, .cq_download .sidebar .ranking li:hover>a i.fa { color: #fff;}
.cq_download .sidebar .ranking li.on>i:first-child {height: 50px;line-height: 50px;color: #fff;}
.cq_download .sidebar .ranking li.on a {position: relative;padding-left: 60px;min-height: 50px;}
.cq_download .sidebar .ranking li.on a>i.img-55 {position: absolute;left: 0;top: 0;display: block;}
.cq_download .sidebar .ranking li a, .cq_download .sidebar .ranking li.on p.f-12 {display: block;}
.cq_download .sidebar .ranking li>a i.fa {position: absolute;right: 0;top: 50%;width: 22px;height: 22px;margin-top: -11px;text-align: center;line-height: 22px;font-size: 12px;border-radius: 2px;color: #999;background-color: #eee;}
.cq_download .sidebar .fa { display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.cq_download .sidebar .fa-download:before {content: "\f019";}
.cq_download .sidebar .img-55 {width: 50px;height: 50px;display: inline-block;}
.cq_download .sidebar .img-box {overflow: hidden;display: block;position: relative;width: 100%;}
.cq_download .sidebar .img-box img {-o-object-fit: cover;object-fit: cover;transition: all .6s;width: 100%;height: 100%;min-width: 50px;min-height: 50px;border-radius: 10px}

.cq_download .sidebar .hot-tag{padding: 5px}
.cq_download .sidebar .hot-tag a:hover{background: #f76c03;color: white;}
.cq_download .sidebar .hot-tag a{font-size:14px;line-height: 36px; background: #e9e9e9;padding: 4px 10px;border-radius: 2px;white-space: nowrap;color:#232323}

@media (max-width:1024px){
    .cq_download #primary .site-main .soft-box>div{display: none}
    #chuanqi-app-relate ul{margin-top: 20px;gap: 0.25rem;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));}
}
@media (max-width:960px){
    .cq_download .side-box{display: none}
}
@media (max-width:640px){
    .cq_download #primary .site-main .tx-btn{padding: 0 14px;}
    #chuanqi-app-relate ul{margin-top: 20px;gap: 0.25rem;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));}
}

/*mob*/
.app-article .show-pc{}
.app-article .show-mob{display: none}
@media (max-width:640px){
    .app-article .show-pc{display: none}
    .app-article .single-breadcrumbs{display: none}
    .app-article .show-mob{display: block}
    /*.app-article .container{background-color: transparent}*/
}
.app-article .app-top{padding: 40px 0 0;position: relative;line-height: 20px;}
.app-article .app-top .panel{background: #fff;padding: 15px;border-radius: 5px;position: relative;z-index: 999;box-shadow: 0 0 10px 0 rgba(50, 50, 50, .2);}
.app-article .app-top .panel img {height: 100px;width: 100px;display: block;margin: auto;margin-top: -42px;border-radius: 30px;}
.app-article .app-top .panel .info{position: relative}
.app-article .app-top .panel .info h1 {display: block;text-align: center;margin: 10px 0 0 0;color: #333;font-weight: bold;font-size: 18px;}
.app-article .app-top .panel .info p {text-align: center}
.app-article .app-top .panel .info p span.b {padding: 0;color: #999;position: relative;display: inline-block;}
.app-article .app-top .panel .info p span {color: #999;font-size: 12px;display: block;text-align: center;margin: 4px 20px 4px 0;}
.app-article .app-top .panel .info p span.b::after {content: "";position: absolute;top: 4px;right: -12px;height: 9px;width: 1px;background: #c2c2c2;}
.app-article .app-top .panel .info p span.b:last-child::after{width: 0;}
.app-article .app-top .panel .info p#download {display: block;text-align: center;margin: 5px 0;color: #333;font-weight: bold;font-size: 18px;}
.app-article .app-top .panel .info p#download a{font-size: 14px;width: 70%;display: block;margin: 5px auto 10px auto;background: #ff3000;padding: 10px 0;border: 1px solid #ff3000;text-align: center;border-radius: 5px;}
.app-article .app-top .panel .info p#download a span {color: #fff;font-weight: 700; margin: 0;}
.app-article .app-top .panel .info p.tips{margin-top: 5px;color: #888;font-size: 12px;}

.app-article .app-images{margin-top: 10px;background-color: #ffffff}
.app-article .app-images .title{margin: 10px 12px 10px 12px;border-bottom: 1px solid #f4f4f4;font-weight: 700;}
.app-article .app-images .game_img{}
.app-article .app-images .game_img ul{overflow-x: auto; white-space: nowrap;-webkit-overflow-scrolling: touch;}
.app-article .app-images .game_img ul li {display: inline-block;}
.app-article .app-images .game_img ul li img {width: 150px;border-radius: 10px;height: 230px;}

.app-article .app-content{margin-top: 10px;background-color: #ffffff}
.app-article .app-content .title{margin: 10px 12px 10px 12px;border-bottom: 1px solid #f4f4f4;font-weight: 700;}
.app-article .app-content .content{padding: 0 5px;color: #666;font-size: 14px;line-height: 25px;}