html {
overflow-y: scroll;
margin: 0 auto !important;
padding: 0;
height: 100%; }
img {
border: 0 none; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
.clearfix {
zoom: 1; }
* {
padding: 0;
margin: 0; }
ul,
li {
list-style: none outside none; }
a {
text-decoration: none;
color: #000000; }
body {
background-color: #f5f5f5;
font-family: "Source Han Sans CN"; }
.wrap {
width: 100%;
height: 100%;
background-color: #f8f8f8; }
.hide {
display: none; }
.header {
height: 12.2222vw;
position: relative;
background-color: #4387c2;
}
.header .logo {
display: inline-block;
width: 30vw;
height: 12.2222vw;
background: url("../../images/soft/duote-logo.png") center no-repeat;
background-size: 100%;
margin-left: 2.7778vw; }
.header .searchBar {
display: inline-block;
width: 36.8056vw;
height: 6.9444vw;
background: url("../../images/soft/searchIcon.png") no-repeat center top;
background-size: 36.8056vw 6.9444vw;
position: absolute;
right: 11.3889vw;
margin: auto;
top: 0;
bottom: 0; }
.header .searchBar .label {
position: absolute;
top: 0.5556vw;
left: 6.9444vw;
color: #b7b7b7;
cursor: text; }
.header #searchInput {
width: 27.7778vw;
height: 6.9444vw;
border: 0 none;
line-height: 6.9444vw;
background-color: transparent;
border: 0;
margin-left: 6.9444vw;
border-radius: 20%;
outline: none; }
.header .menu {
display: inline-block;
width: 6.9444vw;
height: 6.9444vw;
background: url("../../images/soft/menu-icon.png") center no-repeat;
background-size: 5.556vw 3.889vw;
position: absolute;
right: 2.7778vw;
margin: auto;
top: 0;
bottom: 0; }
.nav {
width: 100%;
height: 11.1111vw;
/* background-color: #0A88C7; */
box-sizing: border-box;
border-bottom: 0.185vw solid #dadada;
}
.nav a {
color: #222;
display: block;
width: 20%;
float: left;
text-align: center;
line-height: 11.1111vw;
font-size: 5vw;
border-bottom: 0.556vw solid #fff;
box-sizing: border-box;
}
.nav a:not(:first-child)::before {
content: "";
margin-top: 3.333vw;
float: left;
width: 0.278vw;
height: 4.444vw;
background-color: #e6e6e6;
}
.nav a.current {
/* background-color: #086999; */
color: #4387c2;
position: relative;
border-bottom: 0.556vw solid #4387c2;
}
.breadCrumb {
width: 100%;
height: 8.3333vw;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 8.3333vw;
padding-left: 2.7778vw;
color: #666666;
font-size: 2.7778vw;
background: #fff; }
.breadCrumb a {
color: #999999;
font-size: 3.6111vw; }
.backtotop {
width: 11.1111vw;
height: 11.1111vw;
position: fixed;
right: 2.7778vw;
bottom: 16.6667vw;
overflow: hidden;
z-index: 999;
display: none;
background: url("../../images/soft/backToTop.png") no-repeat;
background-size: 11.1111vw 11.1111vw;
opacity: 0.5; }
.topInfosBox {
margin-bottom: 2.7778vw;
background: #fff; }
.topInfosBox .softContent {
display: flex;
flex-direction: row;
padding-left: 2.7778vw; }
.topInfosBox .softImg img {
width: 16.6667vw;
height: 16.6667vw;
border-radius: 2.667vw;
}
.topInfosBox .softMsg {
padding-left: 2.7778vw; }
.topInfosBox .softMsg .softMsgLeft {
float: left; }
.topInfosBox .softMsg .softMsgRight {
margin-left: 2.7778vw;
float: right; }
.topInfosBox .softMsg .softName {
font-size: 4.4444vw;
font-weight: bold; }
.topInfosBox .softMsg .version {
margin: 0.8333vw 0 0.5556vw 0;
font-size: 3.6111vw;
color: #999999; }
.topInfosBox .softMsg p {
font-size: 3.6111vw;
color: #999999; }
.softContent {
display: flex;
flex-direction: row;
padding-left: 2.7778vw; }
.softImg,
.softImg img {
width: 16.6667vw;
height: 16.6667vw; }
.soft-info-sub {
flex: 1;
padding-left: 2.7778vw;
}
.softMsg .softMsgLeft {
float: left; }
.softMsg .softMsgRight {
margin-left: 2.7778vw;
float: right; }
.softMsg .softName {
font-size: 4.4444vw;
font-weight: bold; }
.softMsg .version {
margin: 0.8333vw 0 0.5556vw 0;
font-size: 3.6111vw;
color: #999999; }
.version {
overflow: hidden;
white-space: nowrap;
}
.softMsg p {
font-size: 3.6111vw;
color: #999999; }
.dl-wrap {
display: flex;
flex-direction: column;
padding: 0 2.7778vw;
width: 23vw;
}
.quick-dl-btn {
display: block;
background: #54ba3d;
color: #fff;
line-height: 8vw;
height: 8vw;
width: 100%;
text-align: center;
border-radius: 1.111vw;
}
.w100p {
max-width: 48vw;
}
.ell {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bc0066ff {
background-color: #0066ff;
}
.bc999{
background-color: #999;
}
.normal-dl-btn {
margin-top: 1vw;
padding: 1vw 0;
display: block;
width: 100%;
text-align: center;
color: #999;
font-size: 3.333vw;
}
.normal-dl-btn i {
/* vertical-align: middle; */
position: relative;
top: 0.556vw;
margin-right: 1vw;
display: inline-block;
width: 3.6vw;
height: 3.6vw;
background: url("../../images/soft/icon_down_details.png") no-repeat;
background-size: 100%;
}
.h10 {
height: 2.778vw;
}
.download {
background: white;
/* z-index: 99999; */
display: flex;
justify-content: center;
z-index: 99999;
}
.downloadButton {
display: block;
width: 100%;
height: 10.8333vw;
border-radius: 1.067vw;
text-align: center;
line-height: 10.8333vw;
font-size: 5vw;
color: #ffffff;
margin: 2.7778vw; }
.downloadButton em {
display: inline-block;
width: 3.6111vw;
height: 1rem;
background: url("../../images/soft/downNowIcon.png") no-repeat;
background-size: 3.6111vw 4.1667vw; }
.safeDownWrapper {
display: inline-block; }
.safeDownloadButton {
background-color: #65bb0a;
line-height: 5vw; }
.safeDownloadButton .safeDownInner {
width: 41.6667vw;
height: 100%;
margin: 0 auto;
position: relative; }
.safeDownloadButton .safeDownInner em {
position: absolute;
top: 0;
bottom: 0;
left: 5.5556vw;
margin: auto; }
.safeDownloadButton .info {
margin: 0 auto; }
.safeDownloadButton .mainTitle {
font-size: 4.1667vw;
padding-top: 0.5556vw; }
.safeDownloadButton .subTitle {
font-size: 1.9444vw; }
.moreButton {
width: 100%;
background-color: orange;
position: relative; }
.hotIcon {
width: 6.9444vw;
height: 4.1667vw;
position: absolute;
top: 0.5556vw;
background: url("../../images/soft/hot.gif") no-repeat;
background-size: 6.9444vw 4.1667vw; }
.noDownloadButton {
background-color: #dcdcdc; }
.nowDownloadButton {
background-color: #0093e8; }
.listTitle {
padding-left: 3.733vw;
height: 13.6111vw;
/* text-align: center; */
font-size: 5vw;
font-weight: bold;
color: #333333;
line-height: 13.6111vw;
position: relative;
background: #fff; }
.listTitle .more {
font-size: 3.6111vw;
color: #999999;
position: absolute;
right: 2.7778vw;
font-weight: normal; }
.listContainer {
margin-bottom: 2.7778vw;
/*padding-bottom: 2.7778vw;*/
background-color: #ffffff;
}
.new-hot-switch {
display: flex;
position: absolute;
top: 3vw;
right: 2.7778vw;
width: 26.667vw;
line-height: 7.467vw;
background-color: #f5f5f5;
border-radius: 3.733vw;
font-size: 3.733vw;
color: #999;
text-align: center;
font-weight: normal;
}
.nhs-item {
flex: 1;
}
.nhs-item.cur {
background-color: #0f89c7;
border-radius: 3.733vw;
color: #fff;
}
.nhs-list {
overflow: hidden;
max-height: 113.333vw;
}
.nhs-list.showall {
max-height:none;
}
.nhs-list.dn,
.dn {
display: none;
}
.nhs-list > li {
display: flex;
padding: 4.267vw 3.733vw 0;
height: 18vw;
}
.nhs-link {
}
.nhs-img {
width: 14.4vw;
height: 14.4vw;
border-radius: 2.667vw;
}
.nhs-des-btn {
margin-left: 2.667vw;
padding-bottom: 4.267vw;
display: flex;
flex: 1;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #eee;
}
.nhs-des {
}
.nhs-des-name {
font-size: 4vw;
color: #333333;
}
.nhs-des-size {
margin-top: 0.533vw;
font-size: 3.2vw;
color: rgba(102, 102, 102, 0.66);
}
.nhs-des-star {
margin-top: 1.333vw;
width: 16.533vw;
height: 2.667vw;
background: url("../../images/soft/star-gray.png") no-repeat;
background-size: 16.533vw 2.667vw;
}
.nhs-des-star-full {
height: 2.667vw;
background: url("../../images/soft/star-full.png") no-repeat;
background-size: 16.533vw 2.667vw;
}
.nhs-btn {
display: inline-block;
width: 15.467vw;
line-height: 8vw;
background-color: #ebf4fa;
border-radius: 1.067vw;
text-align: center;
font-size: 4vw;
color: #0f89c7;
}
.nhs-more {
display: block;
margin: 4vw 2.7778vw 0;
text-align: center;
color: #2e8ae6;
cursor: pointer;
height: 10.5556vw;
font-size: 3.6111vw;
line-height: 10.5556vw;
background-color: #f1f1f1;
border-radius: 1.6vw;
}
.tagContainer {
margin-bottom: 2.7778vw;
/* padding-bottom: 2.7778vw; */
background-color: #fff;
}
.hot-tags {
padding: 0 2.7778vw;
background-color: #fff;
}
.hot-tags a {
display: inline-block;
box-sizing: border-box;
margin: 0 2vw 2.4vw 0;
padding: 0 2.667vw;
line-height: 8vw;
border-radius: 4vw;
border: solid 1px;
font-size: 3.733vw;
}
.ht50a5d0 {
border-color: #50a5d0;
color: #50a5d0;
}
.ht6ac5b1 {
border-color: #6ac5b1;
color: #6ac5b1;
}
.htbe73cd {
border-color: #be73cd;
color: #be73cd;
}
.ht99d83e {
border-color: #99d83e;
color: #99d83e;
}
.comment-area {
box-sizing: border-box;
padding: 1.867vw 2.667vw;
width: 100%;
height: 17.6vw;
background-color: #f5f5f5;
border-radius: 1.6vw;
border: none;
resize: none;
}
.comment-area:focus {
outline-style: none;
}
.listContent {
overflow: hidden;
background: #fff; }
.listContent li {
float: left;
width: 25%;
padding-bottom: 5.5556vw; }
.cnxh > li {
height: 25vw;
}
.listContent li a {
display: block; }
.listContent .softImg {
display: block;
width: 16.6667vw;
height: 16.6667vw;
margin: 0 auto; }
.listContent .softImg img {
width: 16.6667vw;
height: 16.6667vw;
border-radius: 16px; }
.listContent .softName {
display: block;
text-align: center;
padding-top: 2.5vw;
font-size: 4.4444vw;
color: #333333;
margin: 0 auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.listContent .softBtn {
display: block;
width: 16.3889vw;
height: 6.6667vw;
border: 1px solid #0093e8;
border-radius: 4px;
text-align: center;
line-height: 6.6667vw;
color: #0093e8;
margin: auto;
margin-top: 2.2222vw; }
.tag {
display: flex;
padding: 2.7778vw;
overflow: hidden;
margin-bottom: 2.7778vw;
background-color: #ffffff;
justify-content: space-between;
}
.tag.dn {
display: none;
}
.tag li {
float: left;
height: 8.3333vw;
line-height: 8.3333vw;
margin: 0 0 2.7778vw 2.7778vw;
text-align: center;
border-radius: 4px;
overflow: hidden; }
.tag a {
/* margin: 0 2.133vw 2.133vw 0; */
padding: 0 1.6vw;
display: inline-block;
font-size: 4.4444vw;
line-height: 34px;
/* background-color: #be73cd; */
border-radius: 8px;
color: #fff;
width: 28%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.bc50a5d0{
background-color: #50a5d0;
}
.bc6ac5b1{
background-color: #6ac5b1;
}
.bcbe73cd {
background-color: #be73cd;
}
.tag .tagColor_99d83e {
width: 24.4444vw;
background-color: #99d83e; }
.tag .tagColor_gold {
width: 36.1111vw;
background-color: gold; }
.tag .tagColor_cfaaf8 {
width: 29.1667vw;
background-color: #cfaaf8; }
.siteMap {
margin-top: -1px;
height: 13.6111vw;
line-height: 13.6111vw;
background: #ffffff;
display: -moz-box;
display: -webkit-box;
display: box;
width: 100%;
position: relative;
}
.siteMap a {
display: block;
text-align: center;
font-size: 4.4444vw;
color: #666666;
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1; }
.siteMap a:first-child {
background: #ffffff; }
.siteMap a.ui-touch {
background: #ffffff; }
.siteMap i {
display: inline-block;
width: 1.1111vw;
background: url("../../images/soft/line.png") no-repeat;
height: 6.25vw;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto; }
.softSummary {
background-color: #fff;
margin-bottom: 2.7778vw;
padding-bottom: 2.7778vw;
}
.xgzt {
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 14vw;
}
.softTab {
background-color: #fff;
padding-left: 2.7778vw;
border-bottom: 1px solid #eee;
/* height: 7.2222vw;
line-height: 7.2222vw; */
overflow: hidden; }
.softTab li {
float: left;
/* height: 6.6667vw; */
margin-right: 1.3889vw;
width: 47.2222vw;
overflow: hidden;
position: relative;
box-sizing: border-box;
}
.softTab li a {
/* height: 10vw; */
display: block;
color: #666;
line-height: 10vw;
font-size: 4.4444vw;
text-align: center;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.softTab li i {
display: none;
width: 2.963vw;
height: 2.222vw;
position: absolute;
left: 50%;
margin-left: -1.481vw;
bottom: 0;
background: url(../../images/soft/up-arr.png) no-repeat;
background-size: 100%;
/* display: none; */
}
.softTab .current a {
/* border-bottom: 0.278vw solid #0093e8; */
/* color: #0093e8; */
font-weight: bold;
color: #333;
}
.softTab a::after {
margin: 1.867vw auto 0;
content: '';
display: block;
width: 16.533vw;
height: 0.8vw;
/* background-color: #3986d9; */
border-radius: 0.8vw;
}
.softTab .current a::after {
background-color: #3986d9;
}
.softTab .current i {
display: block;
}
.subNav {
display: flex;
background-color: #fff;
height: 7.2222vw;
line-height: 7.2222vw;
padding: 2.7778vw;
border-bottom: 1px solid #eee;
}
.subNav li {
/* float: left; */
/* height: 6.6667vw; */
flex: 1;
/* margin-right: 5.5556vw; */
}
.subNav li a {
height: 6.6667vw;
display: block;
color: #666;
line-height: 6.6667vw;
font-size: 4.267vw;
text-align: center;
position: relative;
letter-spacing: 0.1389vw;
}
.subNav li a::after {
margin: 3.2vw auto 0;
content: '';
display: block;
width: 9.6vw;
height: 0.8vw;
/* background-color: #3986d9; */
border-radius: 0.8vw;
}
.subNav .current {
/* border-bottom: 0.1333333333rem solid #0093e8; */
}
.subNav .current a {
color: #333;
font-weight: bold;
}
.subNav .current a::after{
background-color: #3986d9;
}
#otherLinks {
margin-right: 0;
background: url("../../images/soft/downNowIcon.png") no-repeat center right;
background-size: 3.6111vw 4.1667vw; }
#otherLinks a {
color: #65bb0a;
padding-right: 4.1667vw; }
.screensContainer {
padding-top: 5.333vw;
padding-bottom: 2.7778vw;
width: 100%;
max-width: 104.1667vw;
min-width: 44.4444vw;
overflow: hidden;
background-color: #fff; }
.screensContainer .screenshots {
overflow: hidden;
*zoom: 1;
white-space: nowrap;
overflow-x: auto;
padding-left: 2.2222vw; }
.screensContainer .screenshots::-webkit-scrollbar {
width: 0;
height: 0;
display: none; }
.screensContainer .screenshots img {
display: inline-block;
/* width: 32.5vw; */
height: 53.8889vw;
text-align: center; }
.screensContainer .screenshots img:last-child {
margin: 0; }
.summaryContainer {
font-size: 4.4444vw;
color: #666; }
.summaryContainer .readMore {
margin: 4vw 2.7778vw 0;
text-align: center;
color: #2e8ae6;
cursor: pointer;
height: 10.5556vw;
font-size: 3.6111vw;
line-height: 10.5556vw;
background-color: #f1f1f1;
border-radius: 1.6vw;
}
.rm-inner {
display: inline-block;
padding-right: 4.8vw;
line-height: 10.5556vw;
background: url("../../images/soft/rm-t.png") no-repeat center right;
background-size: 3.467vw;
}
.moreSummary ~ .readMore .rm-inner {
background: url("../../images/soft/rm-b.png") no-repeat center right;
background-size: 3.467vw;
}
.summaryContainer .summary {
padding: 0 2.7778vw;
overflow: hidden;
font-size: 3.733vw;
color: #666666;
letter-spacing: 0.2778vw;
background-color: #fff;
line-height: 6.6667vw; }
.summaryContainer .moreSummary {
overflow: hidden;
height: 27vw;
white-space: wrap;
text-overflow: -o-ellipsis-lastline;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
vertical-align: middle; }
.summaryContainer .tag {
height: 13.8889vw;
border-top: 1px solid #f5f5f5;
position: relative;
background-color: #fff;
z-index: 999;
overflow: hidden; }
.summaryContainer .tag ul {
overflow: hidden;
width: 100%;
height: 12.3611vw;
position: absolute;
top: 56%;
left: 50%;
transform: translate(-50%, -50%); }
.summaryContainer .tag li {
float: left;
line-height: 8.3333vw;
margin: 0 0 2.7778vw 2.7778vw;
text-align: center;
border-radius: 4px;
overflow: hidden; }
.summaryContainer .tag li a {
display: block;
font-size: 4.4444vw;
border: 1px solid #f0f0f0;
border-radius: 3px;
padding: 0 1.1111vw; }
.summaryContainer .tag .color-green {
color: #65bb0a; }
.summaryContainer .tag .color-red {
color: #ff5e33; }
.summaryContainer .tag .color-blue {
color: #4996ff; }
.tabContainer {
margin-bottom: 2.7778vw;
overflow: hidden; }
.tabContainer .tab {
height: 6.9444vw;
background-color: darkblue; }
.tabContainer .softSummary {
padding: 1.1111vw 2.7778vw 0 2.7778vw;
font-size: 4.4444vw;
line-height: 6.9444vw;
/* max-height: 13.8888vw; */
/* overflow: hidden; */
/* text-overflow: ellipsis; */
/* display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; */
color: #666666; }
.tabContainer .softSummary a {
color: #0093e8;
}
.newsContainer {
overflow: hidden;
margin-bottom: 2.7778vw; }
.newsContent {
overflow: hidden;
background: #fff;
padding: 0 2.7778vw; }
.newsContent li {
margin-bottom: 5vw;
/* width: 74.4444vw; */
padding-left: 3.3333vw;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: url("../../images/soft/dot.png") no-repeat 0.2778vw;
background-size: 1.9444vw 6.25vw; }
.newsContent li a {
line-height: 5vw;
font-size: 4.4444vw;
color: #333333; }
.newsContent li span {
position: absolute;
right: 2.7778vw; }
.newsContent li .size {
color: #999999; }
.readMoreButton {
height: 11.1111vw;
background-color: #f5f5f5;
text-align: center;
line-height: 11.1111vw;
display: block;
color: #0d99e9;
font-size: 4.4444vw;
position: relative; }
.readMoreButton i {
display: inline-block;
width: 4.1667vw;
height: 4.1667vw;
background-color: pink;
position: relative;
top: 0.5556vw;
background: url("../../images/soft/readMoreIcon.png") no-repeat;
background-size: 4.1667vw 4.1667vw; }
.readMoreButton .moreIcon {
display: inline-block;
width: 4.3056vw;
height: 4.3056vw;
background: url("../img/moreIcon.png") no-repeat;
background-size: 4.3056vw 4.3056vw;
position: absolute;
top: 3.4722vw;
margin-left: 1.3889vw; }
.slide .listContent {
float: left;
height: 100%;
position: relative; }
.listSlide {
position: relative;
overflow: hidden; }
.listSlide .slide_imgs {
position: relative;
overflow: hidden;
height: 100%; }
.listSlide .slide_imgs li {
float: left;
height: 100%;
position: relative; }
.listSlide .slide_imgs li img {
width: 100%;
height: 10rem;
vertical-align: top; }
.listSlide .slide_imgs li .tit {
width: 100%;
height: 4.1667vw;
line-height: 4.1667vw;
position: absolute;
bottom: 0;
left: 0;
color: #fff;
font-size: 2.2222vw;
padding-left: 2.0833vw;
text-align: left;
background: rgba(0, 0, 0, 0.5); }
.listSlide .dot {
display: flex;
justify-content: center;
overflow: hidden;
width: 100%;
height: 6.9444vw;
position: absolute;
bottom: 0px; }
.listSlide .slideTrig {
position: absolute;
bottom: 1.3889vw;
z-index: 3;
margin: 0 auto; }
.listSlide .slideTrig li {
display: inline-block;
width: 1.289vw;
height: 1.289vw;
margin-left: 0.2778vw;
overflow: hidden;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #ccc; }
.listSlide .slideTrig li.cur {
background-color: #0a88c7; }
.commentContainer {
margin-bottom: 2.7778vw; }
.commentContainer .commentContent {
background: #ffffff;
height: 100%; }
.commentContainer .commentInput {
padding: 2.7778vw; }
.commentContainer .commentInput input {
width: 72.2222vw;
height: 11.3889vw;
line-height: 11.3889vw;
border: 1px solid #c2c2c2;
text-indent: 2.5vw;
border-radius: 1.6667vw; }
.commentContainer .commentInput input::-webkit-input-placeholder {
color: #999999; }
.commentContainer .commentInput .commentBtn {
display: inline-block;
/* float: right; */
line-height: 9vw;
color: #fff;
text-align: center;
width: 56vw;
height: 9vw;
background-color: #0f89c7;
border-radius: 4.5vw;
}
.commment-btn-w {
margin-top: 3.467vw;
overflow: hidden;
text-align: center;
}
.commentContainer .commentText .textBox {
margin-bottom: 1.333vw;
border-top: solid 1px #eeeeee;
padding: 2.7778vw; }
.commentContainer .commentText .replay-head {
font-size: 3.6111vw;
color: #999999; }
.commentContainer .commentText .reply {
float: right; }
.commentContainer .commentText .replyInfo {
color: #333;
/* padding-top: 1.3889vw; */
margin: 2.667vw 0 4.267vw;
line-height: 6.4vw;
}
.commentContainer .commentText .to-reply {
font-size: 3.6111vw;
color: #999999;
background: url("../../images/soft/huifu.png") no-repeat left center;
background-size: 5vw;
padding-left: 6.4vw;
}
.commentContainer .commentText .like {
background: url("../../images/soft/zan.png") no-repeat left top;
background-size: 4.267vw;
padding-left: 5.867vw;
color: #999;
margin-right: 3.3333vw;
}
.commentContainer .commentText .on {
background: url("../../images/soft/zan-s.png") no-repeat left top;
background-size: 4.267vw;
padding-left: 5.867vw;
color: #999;
margin-right: 3.3333vw;
}
.comment-author {
display: flex;
align-items: center;
}
.ca-avatar {
width: 6.933vw;
height: 6.933vw;
background-color: #d8d8d8;
border-radius: 50%;
}
.ca-name {
margin-left: 2.133vw;
font-size: 4.267vw;
color: #333;
font-weight: bold;
}
.replies {
box-sizing: border-box;
margin-top: 3.2vw;
padding: 2.667vw;
/* width: 92vw; */
/* height: 19.2vw; */
background-color: #eeeeee;
border-radius: 1.6vw;
font-size: 3.733vw;
}
.replies > li {
margin-bottom: 2.667vw;
}
.c2778a1 {
color: #2778a1;
}
.reply-des {
line-height: 2.667vw;
}
.comment-dialog {
/*border: 1px solid #c5c5c5;*/
margin-top: 1.1111vw;
background-color: #FFF;
display: none;
}
.comment-dialog.visible {
display: block;
}
.ta-wrap {
border: 1px solid #c5c5c5;
border-radius: 1.067vw;
}
.comment-dialog p {
color: #999;
font-size: 3.6111vw;
padding-left: 1.3889vw; }
.comment-dialog textarea {
height: 100%;
border: 0 none;
font-size: 4.1667vw;
resize: none;
color: #666;
padding: 0 1.1111vw;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%; }
.comment-dialog ul {
margin-top: 2.133vw;
width: 100%;
display: flex;
justify-content: space-around;
}
.comment-dialog li {
width: 40%;
/* float: left; */
height: 8vw;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #666;
font-size: 4.4444vw;
line-height: 8vw;
text-align: center;
position: relative;
border: 1px solid #c5c5c5;
border-radius: 1.067vw;
}
.comment-dialog li .subBtn {
background-color: #17a1e6;
border: 0 none;
width: 100%;
height: 100%;
color: #fff;
font-size: 4.4444vw; }
.comment-dialog li:first-child {
/*border-right: 1px solid #c5c5c5;*/
}
.comment-dialog li.cur {
background-color: #17a1e6;
color: #fff; }
.popup {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
overflow: hidden;
z-index: 99999;
display: none; }
.popup .popupContainer {
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; }
.popup .popupTitle {
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; }
.popup .popupTitle span {
color: #0093e8;
font-weight: bold; }
.popup .closeBtn {
display: block;
width: 10px;
height: 10px;
font-size: 30px;
font-weight: bold;
color: #333;
background: url("../../images/soft/closeBtn.png") no-repeat;
background-size: 10px 10px;
overflow: hidden;
position: absolute;
right: 10px;
top: 10px;
z-index: 30;
cursor: pointer; }
.popup .popupContent {
width: 100%;
height: auto;
display: block;
overflow: hidden; }
.popup .popupContent li {
width: 25%;
height: auto;
float: left;
margin: 12px 0 0;
display: inline;
overflow: hidden;
text-align: center; }
.popup .popupContent li a {
width: 100%;
height: auto;
overflow: hidden;
cursor: pointer;
text-decoration: none;
-webkit-tap-highlight-color: rgba(255, 0, 0, 0); }
.popup .popupContent li img {
width: 60px;
height: 60px;
display: block;
margin: 0 auto;
overflow: hidden;
border-radius: 10px; }
.popup .popupContent li p {
color: #000;
font-size: 14px;
width: 100%;
line-height: 25px;
margin: 3px 0;
display: block;
overflow: hidden;
height: 25px;
}
.popup .popupContent li .down {
display: block;
height: 22px;
line-height: 22px;
margin: 3px 10px 0 10px;
border: 1px solid #0093e8;
border-radius: 3px;
color: #0093e8;
font-size: 12px; }
.popup .popupContent li .down:hover {
background: #0093e8;
color: #ffffff; }
.popup .blackBg {
width: 100%;
height: 100%;
background: #000;
opacity: 0.7;
display: block;
overflow: hidden;
position: fixed;
left: 0;
top: 0;
z-index: 10;
}
.editor-reply {
position: relative;
margin-top: 3.2vw;
padding: 2.667vw;
background: #f7f7f7;
border-radius: 1.333vw;
font-size: 3.2vw;
}
.er-head {
/* padding-left: 5.333vw;
background: url("../../images/soft/favicon.png") left 0.5vw
no-repeat;
background-size: 4.267vw; */
}
.er-ico {
position: relative;
top: 0.6vw;
display: inline-block;
width: 4.267vw;
height: 4.267vw;
background: url("../../images/soft/favicon.png") center
no-repeat;
background-size: 4.267vw;
}
.er-head-title {
color: #ff8d00;
font-weight: bold;
}
.er-head-date {
margin-left: 2.667vw;
color: #999;
}
.er-content {
margin-top: 1.333vw;
text-align: justify;
}
.er-triangle {
width: 0;
height: 0;
position: absolute;
border: 2.667vw solid transparent;
border-bottom-color: #f7f7f7;
top: -5.333vw;
left: 4vw;
}
.game-box {
display: flex;
padding: 1.6vw;
box-sizing: border-box;
justify-content: space-between;
align-items: center;
margin: 0 2.7778vw 5.333vw;
height: 14.933vw;
background-image: linear-gradient(90deg, #fafcf8 0%, #f1fef5 100%);
border-radius: 1.6vw;
}
.gb-img {
width: 11.733vw;
height: 11.733vw;
border-radius: 2.667vw;
}
.gb-dl-btn {
width: 18.667vw;
line-height: 6.933vw;
background-image: linear-gradient(90deg, #61e45c 0%, #0eb91a 100%);
box-shadow: 0px 0.533vw 1.067vw 0px #b8ffc1;
border-radius: 4vw;
font-size: 3.467vw;
color: #ffffff;
text-align: center;
}
.flex1 {
margin-left: 10px;
flex: 1;
}
.gb-tit{
font-size: 3.733vw;
color: #333333;
}
.gb-des {
font-size: 3.2vw;
color: rgba(102, 102, 102, 0.66);
}
.h1 {
height: 0.267vw;
}
.fixed-dl {
position: fixed;
right: 2.4vw;
bottom: 50vw;
width: 12.267vw;
height: 12.533vw;
background: url('../../images/soft/game-box-dl.png') no-repeat center;
background-size: 100%;
}
.rank-list {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0 3.733vw;
justify-content: space-between;
}
.rank-list .img-box {
position: relative;
width: 160px;
height: 120px;
border-radius: 8px;
margin-bottom: 10px;
}
.rank-list .img-box img {
width: 100%;
height: 100%;
}
.rank-list .img-box p {
position: absolute;
bottom: 0;
width: calc(100% - 10px);
line-height: 30px;
color: #fff;
padding-left: 10px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}