/* 〠0 - 700 】 */
@media screen and (max-width: 767px) {
html {
font-size: 10vw;
}
header {
width: 100%;
max-width: 767px;
min-width: 320px;
height: 1.267rem;
}
header.navBg {
margin-bottom: 0;
}
header .content {
width: 100%;
height: 1.267rem;
padding: 0 0.533rem;
position: fixed;
left: 0;
top: 0;
z-index: 999;
background-color: #121215;
opacity: 0.95;
overflow: hidden;
}
header .content .kefu {
color: white;
font-size: 0.48rem;
position: absolute;
right: 1.467rem;
top: 0.4rem;
}
header .content .mMenu {
width: 0.48rem;
position: absolute;
right: 0.533rem;
top: 0.42rem;
}
header .content .logo {
font-size: 0.347rem;
line-height: 0.933rem;
padding-top: 0.2rem;
}
header .content .logo img {
width: 2.4rem;
}
header .content .logo:after {
content: 'ä¸æ–‡å®˜ç½‘';
font-size: 0.347rem;
position: absolute;
right: -1.6rem;
top: 0.267rem;
}
header .content .menuSarch {
position: absolute;
left: 0.933rem;
top: 1.333rem;
width: 8rem;
background: none;
border-bottom: 1px solid #e5e5e5;
}
header .content .menuSarch .searchButtom {
position: absolute;
top: 50%;
margin-top: -0.227rem;
left: 0.027rem;
width: 0.453rem;
}
header .content .menuSarch #searchValueMenu {
width: 100%;
height: 1.333rem;
line-height: 1.333rem;
border: none;
background: none;
display: block;
padding: 0 0.213rem 0 1.067rem;
box-sizing: border-box;
font-size: 0.373rem !important;
}
header .content .naviList {
width: 8rem;
position: absolute;
left: 0.933rem;
top: 2.667rem;
text-align: left !important;
padding-left: 0;
}
header .content .naviList li {
border-bottom: 1px solid #EEE;
width: 100%;
}
header .content .naviList li a {
font-size: 0.427rem;
width: 100%;
height: 1.333rem !important;
line-height: 1.333rem !important;
text-align: left;
box-sizing: border-box;
text-align: left !important;
padding: 0 26.5px;
margin: 0;
}
header .content .naviList li a.active {
font-weight: bold;
color: #ff611f;
border-bottom: none;
}
header .content .naviList li a.active::after {
display: none;
}
header .content .naviList li a i {
font-size: 14px;
margin-left: 5px;
}
header .content .naviList li .indexCurrent {
position: relative;
}
header .content .buybtn {
width: calc(100% - 53px);
height: 1.333rem !important;
line-height: 1.333rem;
text-align: left;
color: white;
background-color: transparent;
border: none;
font-size: 0.427rem;
border-bottom: 1px solid white;
position: static;
padding: 0 26.5px;
}
.footer {
width: 100%;
max-width: 767px;
min-width: 320px;
}
.footer .content {
width: 100% !important;
padding-left: 0.533rem;
padding-right: 0.533rem;
}
.footer .content .footMenu {
padding: 0.067rem 0 0.067rem;
border: none !important;
}
.footer .content .footMenu .logo {
padding-top: 40px;
}
.footer .content .footMenu .logo img {
vertical-align: middle;
}
.footer .content .footMenu .menuItem {
border-bottom: 0.027rem solid rgba(130, 157, 178, 0.1);
padding: 0.2rem 0;
text-align-last: left;
}
.footer .content .footMenu .menuItem p {
padding-bottom: 0rem !important;
font-size: 0.347rem;
font-weight: normal;
}
.footer .content .footMenu .menuItem img.jia {
position: absolute;
right: 0.267rem;
top: 0.267rem;
cursor: pointer;
width: 0.4rem;
}
.footer .content .footMenu .menuItem ul {
padding-left: 0.4rem;
}
.footer .content .footMenu .menuItem ul a {
color: #7d7f8d;
}
.footer .copyright .content {
padding: 10px 0;
border-top: none;
}
.footer .copyright .content > p {
padding: 5px 0;
}
.idx_banner {
width: 100%;
max-width: 767px;
min-width: 320px;
height: 14.27rem;
padding: 0 0.533rem;
}
.idx_banner video {
max-width: 100%;
}
.idx_banner .shadow {
display: none;
}
.idx_banner .desc {
width: 100%;
height: auto;
font-size: 0;
padding: 0 0.533rem;
position: absolute;
bottom: auto;
top: 35%;
left: 50%;
transform: translate(-50%);
}
.idx_banner .desc .left {
display: inline-block;
width: 100%;
color: white;
vertical-align: middle;
}
.idx_banner .desc .left .title {
font-size: 0.747rem;
}
.idx_banner .desc .left .title span {
display: block;
font-size: 1.6rem;
margin-right: 0;
margin-bottom: 0.293rem;
}
.idx_banner .desc .left .tag {
font-size: 0.347rem;
padding-left: 0;
margin-top: 0.667rem;
text-align: left;
}
.idx_banner .desc .left .tag i {
width: 1px;
height: 0.333rem;
margin: 4px 0.4rem 0;
}
.idx_banner .desc .left .tag i:nth-of-type(3) {
display: none;
}
.idx_banner .desc .left .tag a {
display: block;
margin-top: 0.347rem;
}
.idx_banner .desc .right {
width: 100%;
text-align: left;
padding-top: 1.067rem;
padding-left: 0.333rem;
}
.idx_banner .desc .right a.buy {
display: inline-block;
width: 7.68rem;
height: 1.067rem;
line-height: 1.067rem;
font-size: 0.427rem;
background-color: #ff6d1d;
position: relative;
}
.idx_banner .desc .right a.buy::after {
content: '';
position: absolute;
top: -0.2rem;
bottom: -0.2rem;
left: -0.2rem;
right: -0.2rem;
border: 1px solid rgba(255, 109, 29, 0.8);
}
.idx_m2 {
width: 100%;
max-width: 767px;
min-width: 320px;
background: #fef9f6 url('//pic.mairuan.com/WebSource/rayFire/web/images/m_idx_m2_bg.png') no-repeat 0.533rem 7.333rem;
background-size: calc(100% - 1.067rem);
padding: 2rem 0 10.667rem;
}
.idx_m2 .content {
width: 100%;
padding: 0 0.533rem;
}
.idx_m2 .content .title {
width: 100%;
color: #121215;
font-size: 50px;
line-height: 62px;
font-family: 'bestFont regular';
font-weight: bold;
}
.idx_m2 .content .title .pc_title {
display: none;
}
.idx_m2 .content .title .m_title {
display: block;
font-size: 1.067rem;
}
.idx_m2 .content .desc {
width: 100%;
font-size: 0.347rem;
line-height: 0.52rem;
font-family: 'bestFont regular';
margin-top: 0.4rem;
margin-bottom: 2.267rem;
}
.idx_m3 {
width: 100%;
max-width: 767px;
min-width: 320px;
height: 620px;
}
.idx_m3.li1 {
background: #121215 url('//pic.mairuan.com/WebSource/rayFire/web/images/m_idx_m3_bg1.png') no-repeat top center;
background-size: 100%;
}
.idx_m3.li2 {
background: #121215 url('//pic.mairuan.com/WebSource/rayFire/web/images/m_idx_m3_bg2.png') no-repeat top center;
background-size: 100%;
}
.idx_m3.li3 {
background: #121215 url('//pic.mairuan.com/WebSource/rayFire/web/images/m_idx_m3_bg3.png') no-repeat top center;
background-size: 100%;
}
.idx_m3.li4 {
background: #121215 url('//pic.mairuan.com/WebSource/rayFire/web/images/m_idx_m3_bg4.png') no-repeat top center;
background-size: 100%;
}
.idx_m3.li5 {
background: #121215 url('//pic.mairuan.com/WebSource/rayFire/web/images/m_idx_m3_bg5.png') no-repeat top center;
background-size: 100%;
}
.idx_m3 .content {
width: 100%;
padding: 0 0.533rem;
padding-top: 6rem;
}
.idx_m3 .content .list {
width: 100%;
height: 520px;
overflow-y: scroll;
scrollbar-width: none;
}
.idx_m3 .content .list::-webkit-scrollbar {
display: none;
}
.idx_m3 .content .list .item {
width: 100%;
height: 1.6rem;
margin-bottom: 0.24rem;
}
.idx_m3 .content .list .item.active .name {
padding-top: 0.267rem;
}
.idx_m3 .content .list .item > img {
width: 2.733rem;
}
.idx_m3 .content .list .item .name {
width: calc(100% - 4.667rem);
padding-top: 0.2rem;
padding-left: 0.2rem;
}
.idx_m3 .content .list .item .name .title {
font-size: 0.347rem;
}
.idx_m3 .content .list .item .name .desc {
font-size: 0.267rem;
}
.idx_m3 .content .list .item .player {
width: 1.2rem;
height: 0.8rem;
background-size: 100%;
margin-top: 0.333rem;
}
.idx_m3 .content .next {
display: inline-block;
width: 23px;
height: 14px;
background: url('//pic.mairuan.com/WebSource/rayFire/web/images/idx_m3_next.png') no-repeat center center;
margin-top: 10px;
margin-left: 70px;
cursor: pointer;
}
.idx_m3 .content .next:hover {
background: url('//pic.mairuan.com/WebSource/rayFire/web/images/idx_m3_next_a.png') no-repeat center center;
}
.idx_m4 {
width: 100%;
max-width: 767px;
min-width: 320px;
height: 44.5rem;
background: url('//pic.mairuan.com/WebSource/rayFire/web/images/m_idx_m4_bg.png') no-repeat center center;
}
.idx_m4 .content {
width: 100%;
padding: 0 0.533rem;
padding-top: 1.067rem;
}
.idx_m4 .content .title span {
font-size: 1.067rem;
}
.idx_m4 .content .title a {
display: block;
font-size: 0.347rem;
float: none;
margin-top: 0.4rem;
}
.idx_m4 .content .main {
margin-top: 0.533rem;
display: block;
justify-content: space-between;
}
.idx_m4 .content .main .wrapper {
display: inline-block;
flex: 1;
}
.idx_m4 .content .main .wrapper:nth-of-type(2) .item {
margin-left: 0;
}
.idx_m4 .content .main .wrapper:nth-of-type(2) .more {
display: inline-block;
}
.idx_m4 .content .main .wrapper:nth-of-type(3) .item {
margin-left: 0;
}
.idx_m4 .content .main .item {
width: 100%;
height: 12.27rem;
background: url('//pic.mairuan.com/WebSource/rayFire/web/images/m_idx_m4_item_bg.png') no-repeat;
background-size: 100%;
padding-top: 55px;
}
.idx_m4 .content .main .item .name {
font-size: 0.56rem;
}
.idx_m4 .content .main .item .sys {
font-size: 0.747rem;
}
.idx_m4 .content .main .item .desc {
height: 2.667rem;
font-size: 0.347rem;
line-height: 0.52rem;
padding: 0 1.067rem;
margin-top: 0.8rem;
}
.idx_m4 .content .main .item > a {
width: 6.667rem;
height: 1.067rem;
line-height: 1.067rem;
font-size: 0.427rem;
margin-top: 0.533rem;
}
.idx_m4 .content .main .item > a.download {
display: none;
}
.idx_m4 .content .main .item:nth-of-type(1),
.idx_m4 .content .main .item:nth-of-type(3) {
background-position: 0 center;
}
.idx_m5 {
width: 100%;
max-width: 767px;
min-width: 320px;
width: 4.467rem;
height: 6.133rem;
background: url('//pic.mairuan.com/WebSource/rayFire/web/images/m_idx_m5_bg.png') no-repeat center center;
background-size: 100%;
margin-top: 0.533rem;
}
.idx_m5 .content {
width: 100%;
padding: 0 0.533rem;
padding-top: 1.067rem;
}
.idx_m5 .content .title {
display: block;
font-size: 0.747rem;
line-height: 0.88rem;
}
.idx_m5 .content .desc {
display: block;
font-size: 0.347rem;
line-height: 0.52rem;
margin-top: 0.4rem;
}
.idx_m5 .content .buy {
display: inline-block;
width: 6.667rem;
height: 1.067rem;
line-height: 1.067rem;
font-size: 0.427rem;
text-align: center;
color: white;
background-color: #ff6d1d;
margin-top: 0.8rem;
position: relative;
}
.idx_m5 .content .buy::after {
content: '';
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
border: 1px solid rgba(255, 109, 29, 0.8);
}
.idx_m6 {
width: 100%;
max-width: 767px;
min-width: 320px;
}
.idx_m6 .content {
width: 100%;
padding: 1.467rem 0.533rem 0.533rem;
}
.idx_m6 .content h2 {
font-size: 1.067rem;
color: #121215;
}
.idx_m6 .content .category {
height: 1.067rem;
margin-left: 0;
padding-top: 0.333rem;
}
.idx_m6 .content .category li {
font-size: 0.347rem;
margin-right: 0.267rem;
padding: 2px 0.133rem 3px;
}
.idx_m6 .content .category li.active::after,
.idx_m6 .content .category li:hover::after {
width: 1.733rem;
height: 0.133rem;
}
.idx_m6 .content .main {
margin-top: 0.667rem;
}
.idx_m6 .content .main > div {
display: block;
}
.idx_m6 .content .main .item {
width: 100%;
margin-bottom: 1.067rem;
}
.idx_m6 .content .main .time {
font-size: 0.347rem;
padding-bottom: 0.2rem;
}
.idx_m6 .content .main .title {
font-size: 0.427rem;
padding-top: 0.133rem;
}
.idx_m6 .content .main .desc {
font-size: 0.347rem;
line-height: 0.52rem;
margin-top: 0.133rem;
}
.idx_m6 .content .main .more {
font-size: 0.347rem;
line-height: 0.52rem;
margin-top: 0.333rem;
}
.prod_banner {
width: 100%;
max-width: 767px;
min-width: 320px;
height: 14.27rem;
background: url('//pic.mairuan.com/WebSource/rayFire/web/images/m_prod_banner.png') no-repeat center center;
background-size: 100%;
}
.prod_banner .content {
width: 100%;
padding: 2.4rem 0.533rem 0;
}
.prod_banner .content .title {
font-size: 0.96rem;
border-bottom: 2px solid white;
padding-bottom: 14px;
vertical-align: top;
}
.prod_banner .content .title span {
display: block;
font-size: 1.067rem;
font-family: Arial;
margin-right: 0;
}
.prod_banner .content .desc {
font-size: 0.347rem;
line-height: 0.52rem;
padding-top: 0.667rem;
}
.prod_menu {
width: 100%;
max-width: 767px;
min-width: 320px;
height: 1.333rem;
}
.prod_menu .content {
width: 100%;
padding: 0 0.533rem;
}
.prod_menu .content > img {
display: none;
}
.prod_menu .content .right {
float: none;
}
.prod_menu .content .right .menu {
margin-right: 0.133rem;
}
.prod_menu .content .right .menu > div {
display: inline-block;
height: 1.333rem;
line-height: 1.333rem;
font-size: 0.427rem;
margin: 0 0.533rem;
}
.prod_menu .content .right .menu > div.active {
position: relative;
}
.prod_menu .content .right .menu > div.active::after {
content: '';
width: 100%;
height: 3px;
background-color: #ff611f;
position: absolute;
left: 0;
bottom: 0;
}
.prod_menu .content .right a.buy {
width: 2.933rem;
height: 1.067rem;
line-height: 1.067rem;
font-size: 0.427rem;
}
.prod_content {
width: 100%;
max-width: 767px;
min-width: 320px;
}
.prod_content .prod_t1_m1 {
width: 100%;
max-width: 767px;
min-width: 320px;
}
.prod_content .prod_t1_m1 .content {
width: 100%;
padding: 0 0.533rem;
}
.prod_content .prod_t1_m1 .content .desc {
width: 100%;
font-size: 0.347rem;
line-height: 0.52rem;
padding: 1.333rem 0 0.933rem;
}
.prod_content .prod_t1_m1 .content .introVideo {
position: relative;
}
.prod_content .prod_t1_m1 .content .introVideo video {
max-width: 100%;
}
.prod_content .prod_t1_m1 .content .introVideo .player {
width: 48px;
height: 34px;
background-size: 100%;
}
.prod_content .prod_t1_m1 .content .advantage {
margin-top: 0.933rem;
}
.prod_content .prod_t1_m1 .content .advantage .title {
font-size: 1.067rem;
}
.prod_content .prod_t1_m1 .content .advantage .wrapper {
margin-top: 1.333rem;
}
.prod_content .prod_t1_m1 .content .advantage .wrapper .item {
width: 100%;
height: 10.667rem;
margin-bottom: 1.067rem;
padding: 0.667rem 0;
}
.prod_content .prod_t1_m1 .content .advantage .wrapper .item:nth-of-type(1) {
background-size: 100%;
}
.prod_content .prod_t1_m1 .content .advantage .wrapper .item:nth-of-type(2) {
background-size: 100%;
}
.prod_content .prod_t1_m1 .content .advantage .wrapper .item:nth-of-type(3) {
background-size: 100%;
}
.prod_content .prod_t1_m1 .content .advantage .wrapper .item:nth-of-type(4) {
background-size: 100%;
}
.prod_content .prod_t1_m1 .content .advantage .wrapper .item .txt {
font-family: 'bestFont regular';
padding: 0 0.533rem;
position: absolute;
top: 7.467rem;
left: 0;
}
.prod_content .prod_t1_m1 .content .advantage .wrapper .item .txt .t {
font-size: 0.56rem;
}
.prod_content .prod_t1_m1 .content .advantage .wrapper .item .txt .d {
font-size: 0.347rem;
line-height: 0.453rem;
margin-top: 0.333rem;
}
.prod_content .prod_t1_m1 .content .advantage .title2 {
font-size: 1.067rem;
margin-top: 0.133rem;
}
.prod_content .prod_t1_m2 {
width: 100%;
max-width: 767px;
min-width: 320px;
}
.prod_content .prod_t1_m2 .content {
width: 100%;
padding: 0 0 1.6rem;
margin: 1.4rem auto 0;
}
.prod_content .prod_t1_m2 .content .item {
height: auto;
line-height: 0.52rem;
padding: 0.267rem 0.533rem;
}
.prod_content .prod_t1_m2 .content .item label {
width: 3.2rem;
font-size: 0.347rem;
padding-left: 0;
transform: translateY(0);
}
.prod_content .prod_t1_m2 .content .item div {
width: calc(100% - 3.2rem);
height: auto;
line-height: 1.067rem;
font-size: 0.347rem;
padding-left: 0.533rem;
}
.prod_content .prod_t1_m2 .content .item div span {
display: inline-block;
vertical-align: top;
line-height: 0.52rem;
}
.prod_content .prod_t1_m2 .content .item.active {
margin-bottom: 0.133rem;
padding: 0.8rem 0.533rem;
}
.prod_content .prod_t2_m1 {
width: 100%;
max-width: 767px;
min-width: 320px;
}
.prod_content .prod_t2_m1 .content {
width: 100%;
padding: 0.6rem 0.533rem 1.333rem;
}
.prod_content .prod_t2_m1 .content .title {
font-size: 1.067rem;
}
.prod_content .prod_t2_m1 .content .wrapper {
margin-top: 0.933rem;
}
.prod_content .prod_t2_m1 .content .wrapper .item {
width: calc(50% - 0.2rem);
margin-right: 0;
margin-bottom: 1.067rem;
}
.prod_content .prod_t2_m1 .content .wrapper .item > img {
max-width: 100%;
}
.prod_content .prod_t2_m1 .content .wrapper .item .img_name {
font-size: 0.347rem;
line-height: 0.32rem;
margin-top: 0.2rem;
}
.prod_content .prod_t2_m1 .content .wrapper .item .item_title {
font-size: 0.427rem;
line-height: 0.373rem;
margin-top: 0.2rem;
}
.prod_content .prod_t2_m1 .content .wrapper .item .item_desc {
font-size: 0.267rem;
line-height: 0.4rem;
margin-top: 0.267rem;
}
.prod_content .prod_t2_m1 .content .wrapper .item:nth-of-type(4n) {
margin-right: auto;
}
.prod_content .prod_t2_m1 .content .wrapper .item:nth-of-type(odd) {
margin-right: 0.2rem;
}
.prod_content .prod_t2_m1 .content .wrapper .item:nth-of-type(even) {
margin-left: 0.2rem;
}
.prodDetail {
width: 100%;
max-width: 767px;
min-width: 320px;
}
.prodDetail .content {
width: 100%;
padding: 0.533rem;
}
.prodDetail .content .title {
font-size: 0.347rem;
line-height: 0.373rem;
}
.prodDetail .content .video {
margin-top: 0.88rem;
}
.prodDetail .content .video > img {
width: 100%;
}
.prodDetail .content .video .player {
width: 1.333rem;
}
.prodDetail .content .video .v_title {
height: 0.533rem;
line-height: 0.533rem;
font-size: 0.347rem;
}
.prodDetail .content .jiaocheng {
margin-top: 1.467rem;
}
.prodDetail .content .jiaocheng .j_title {
font-size: 0.48rem;
}
.prodDetail .content .jiaocheng .wrapper {
margin-top: 0.867rem;
}
.prodDetail .content .jiaocheng .wrapper .item {
margin-bottom: 1.333rem;
}
.prodDetail .content .jiaocheng .wrapper .item > img {
width: 100%;
}
.prodDetail .content .jiaocheng .wrapper .item .player {
width: 1.333rem;
}
.prodDetail .content .jiaocheng .wrapper .item .item_title {
height: 0.533rem;
line-height: 0.533rem;
font-size: 0.347rem;
}
.prodDetail .content .list {
margin-top: 0.867rem;
}
.prodDetail .content .list .left {
display: none;
}
.prodDetail .content .list .right {
width: 100%;
padding-left: 0;
}
.prodDetail .content .list .right .l_title {
height: 0.667rem;
line-height: 0.667rem;
font-size: 0.347rem;
padding-left: 0.293rem;
}
.prodDetail .content .list .right .l_wrapper {
padding: 0.533rem 0;
}
.prodDetail .content .list .right .l_wrapper img {
width: 4.2rem;
height: 2.4rem;
margin-bottom: 0.533rem;
}
.prodDetail .content .list .right .l_wrapper:last-child {
padding-bottom: 0;
margin-bottom: -0.533rem;
}
.prodDetail .content .feature {
margin-bottom: -1.333rem;
}
.prodDetail .content .feature .f_title {
font-size: 0.48rem;
margin-top: 1.467rem;
}
.prodDetail .content .feature .wrapper {
margin-top: 0.533rem;
}
.prodDetail .content .feature .wrapper li {
line-height: 0.48rem;
font-size: 0.347rem;
margin-bottom: 0.267rem;
}
.prodDetail .content .feature .wrapper li i {
width: 0.08rem;
height: 0.08rem;
margin-right: 0.133rem;
}
.prodDetail .content .feature .wrapper li:nth-child(odd),
.prodDetail .content .feature .wrapper li:nth-child(even) {
width: 100%;
}
.dl_banner {
width: 100%;
max-width: 767px;
min-width: 320px;
height: 300px;
background: url('//pic.mairuan.com/WebSource/rayFire/web/images/m_dl_banner.png') no-repeat center center;
background-size: 100%;
}
.dl_banner .content {
width: 100%;
padding: 1.067rem 0.533rem 0;
}
.dl_banner .content .title {
font-size: 1.067rem;
font-family: Arial;
}
.dl_banner .content .require {
font-family: 'bestFont regular';
font-size: 0.347rem;
padding-top: 0.6rem;
}
.dl_banner .content .require span {
display: block;
margin-right: 0;
margin-bottom: 0.4rem;
}
.dl_m1 {
width: 100%;
max-width: 767px;
min-width: 320px;
}
.dl_m1 .content {
width: 100%;
padding: 0.733rem 0.533rem 0;
}
.dl_m1 .content > a {
display: none;
}
.dl_m1 .content .m_show {
display: block;
background: url('//pic.mairuan.com/WebSource/rayFire/web/images/m_dl_btn_bg.png') no-repeat top center;
background-size: 100%;
padding-top: 2.933rem;
text-align: center;
}
.dl_m1 .content .m_show span {
display: block;
font-family: 'bestFont regular';
font-size: 0.427rem;
color: #2e90ff;
text-align: center;
font-weight: bold;
}
.dl_m1 .content .m_show a {
display: inline-block;
width: 7.467rem;
height: 1.067rem;
line-height: 1.067rem;
color: #ff611f;
border: 1px solid #ff611f;
background-color: rgba(255, 109, 29, 0.1);
text-align: center;
font-size: 0.427rem;
font-weight: bold;
margin-top: 0.4rem;
}
.dl_m2 {
width: 100%;
max-width: 767px;
min-width: 320px;
margin-top: 0.667rem;
border-bottom: none;
}
.dl_m2 .content {
width: 100%;
padding: 1.133rem 0.533rem 0.933rem;
}
.dl_m2 .content .title {
font-size: 0.667rem;
}
.dl_m2 .content .wrapper {
margin-top: 0.933rem;
}
.dl_m2 .content .wrapper .item {
padding: 0.267rem;
margin-bottom: 0.533rem;
}
.dl_m2 .content .wrapper .item .item_title {
padding: 0.133rem 0 0.333rem;
}
.dl_m2 .content .wrapper .item .item_title .left {
font-size: 0.347rem;
}
.dl_m2 .content .wrapper .item .item_title .right {
font-size: 0.267rem;
}
.dl_m2 .content .wrapper .item .item_desc {
font-size: 0.347rem;
line-height: 0.52rem;
padding: 0.333rem 0 0;
margin-bottom: 0.267rem;
}
.dl_m2 .content .wrapper .item a.more {
font-size: 0.267rem;
margin: 2px 0 0.2rem;
}
.help-banner {
width: 100%;
max-width: 767px;
min-width: 320px;
height: 5.33rem;
background: url('//pic.mairuan.com/WebSource/rayFire/web/images/m_supportBanner.png!p95') no-repeat;
background-size: 100% 100%;
position: relative;
top: 0;
}
.help-banner .help-banner-content {
width: 100%;
padding-left: 0.533rem;
padding-right: 0.533rem;
padding-top: 1.33rem;
}
.help-banner .help-banner-content h2 {
font-size: 0.64rem;
}
.help-banner .help-banner-content .searchWrapper {
padding-top: 0.67rem;
}
.help-banner .help-banner-content .searchWrapper input {
display: inline-block;
width: 5.67rem;
height: 0.93rem;
line-height: 0.93rem;
font-size: 0.347rem;
padding: 0 0 0 0.27rem;
}
.help-banner .help-banner-content .searchWrapper button {
display: inline-block;
width: 1.67rem;
height: 0.95rem;
line-height: 0.93rem;
background-color: #121215;
font-size: 0.347rem;
margin-left: -10px;
}
.help-banner .help-banner-content .searchWrapper button img {
width: 25%;
}
.help-banner .help-banner-content .searchWrapper .tag {
width: 100%;
margin: 0 auto;
text-align: center;
padding: 0.267rem 0;
}
.help-banner .help-banner-content .searchWrapper .tag a {
display: inline-block;
color: #fff;
margin: 0 0.133rem;
}
.help-pos {
display: none;
}
.help-news {
width: 100%;
max-width: 767px;
min-width: 320px;
}
.help-news .help-news-content {
width: 100%;
padding-bottom: 0.53rem;
position: relative;
}
.help-news .help-news-content .help-news_list {
display: inline-block;
width: 100%;
padding: 1.333rem 0.533rem 1.13rem 0.533rem;
}
.help-news .help-news-content .help-news_list .title {
font-size: 0.64rem;
padding-left: 0.27rem;
margin-bottom: 0.37rem;
}
.help-news .help-news-content .help-news_list .pageInfo {
padding: 0.53rem 0 0;
text-align: center;
color: rgba(255, 255, 255, 0.8);
}
.help-news .help-news-content .help-news_list .pageInfo a {
height: 0.4rem;
line-height: 0.4rem;
padding: 0.13rem;
color: rgba(255, 255, 255, 0.8);
}
.help-news .help-news-content .help-news-menu {
display: inline-block;
width: 90%;
margin-left: 0;
position: absolute;
top: 0.57rem;
left: 0.533rem;
}
.help-news .help-news-content .help-news-menu .menu {
display: block;
flex-wrap: nowrap;
justify-content: flex-start;
height: 0.67rem;
overflow-x: scroll;
white-space: nowrap;
}
.help-news .help-news-content .help-news-menu .menu::-webkit-scrollbar {
display: none;
}
.help-news .help-news-content .help-news-menu .menu > a {
display: inline-block;
width: 2.1rem;
height: 0.67rem;
line-height: 0.75rem;
margin: 0 0.13rem;
font-size: 0.24rem;
}
.help-news .help-news-content .help-news-menu .adv,
.help-news .help-news-content .help-news-menu .qq,
.help-news .help-news-content .help-news-menu .hot {
display: none;
}
.help-news_item {
padding: 0.27rem 0;
}
.help-news_item > img {
width: 2.4rem;
height: 1.947rem;
margin-top: 0.2rem;
}
.help-news_item .wrapper {
display: inline-block;
width: calc(100% - 2.533rem);
padding: 0 0.33rem;
}
.help-news_item .wrapper .itemTitle {
font-size: 0.4rem;
font-weight: bold;
}
.help-news_item .wrapper .desc {
font-size: 0.32rem;
line-height: 0.27rem;
padding: 0.2rem 0;
}
.help-news_item .wrapper .more {
font-size: 0.27rem;
}
.help-news_item .wrapper .tag {
width: 100%;
padding-top: 0.27rem;
font-size: 0.24rem;
}
.help-news_item .wrapper .tag > div {
display: inline-block;
font-weight: bold;
padding-left: 0;
}
.searchResult h1 {
font-size: 0.48rem;
line-height: 0.853rem;
margin-bottom: 0.4rem;
}
.searchResult ul {
font-size: 0.347rem;
line-height: 0.52rem;
}
.searchResult ul li {
padding-bottom: 0.267rem;
margin-bottom: 0.267rem;
}
.searchResult ul li a {
font-size: 0.427rem;
line-height: 0.533rem;
}
.searchResult ul li p {
padding-top: 0.16rem;
font-size: 0.347rem;
line-height: 0.48rem;
}
.about {
width: 100%;
max-width: 767px;
min-width: 320px;
background-color: #f6f9fa;
}
.about .about-content {
width: 100%;
padding-left: 0.533rem;
padding-right: 0.533rem;
padding: 0;
}
.about .about-content .menu {
display: inline-block;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #ccc;
vertical-align: top;
}
.about .about-content .menu ul {
font-size: 0.347rem;
display: flex;
}
.about .about-content .menu ul li {
flex: 1;
width: auto;
padding: 10px 0;
text-align: center;
border-bottom: none;
}
.about .about-content .content {
display: block;
width: 100%;
padding-left: 0.533rem;
padding-right: 0.533rem;
}
.about .about-content .content p {
padding: 15px 0;
}
.about .about-content .content_yinsi {
display: block;
width: 100%;
padding-left: 0.533rem;
padding-right: 0.533rem;
}
.about .about-content .content_yinsi h1 {
font-size: 20px;
text-align: center;
padding-bottom: 20px;
}
.about .about-content .content_yinsi p {
padding: 0.2rem 0;
text-indent: 2em;
}
.about .about-content .content_map {
display: block;
width: 100%;
padding-left: 0.533rem;
padding-right: 0.533rem;
}
.about .about-content .content_map .sitemapHTML {
min-height: 700px;
}
.about .about-content .content_map .sitemapHTML h2 {
font-size: 14px;
padding-bottom: 5px;
border-bottom: 1px solid #C2BEBE;
margin: 0 0 10px 0;
}
.about .about-content .content_map .sitemapHTML .sitemapCategory {
overflow: hidden;
padding-bottom: 5px;
border-bottom: 1px #C2BEBE dashed;
margin: 0 0 10px 0;
}
.about .about-content .content_map .sitemapHTML h3 {
font-size: 14px;
text-indent: 28px;
float: left;
}
.about .about-content .content_map .sitemapHTML .openSitemap {
cursor: pointer;
font-size: 12px;
float: right;
}
.about .about-content .content_map .sitemapHTML .sitemapNews {
clear: both;
display: none;
}
.about .about-content .content_map .sitemapHTML .sitemapNews li {
font-size: 14px;
text-indent: 56px;
line-height: 25px;
}
/*doufu start*/
.buy_doufu {
width: 100%;
max-width: 767px;
min-width: 320px;
margin: 0px auto;
background-color: #f9fafc;
overflow: hidden;
}
.buy_doufu .buy_doufu_icon {
width: 100%;
margin: 0px auto;
}
.buy_doufu .buy_doufu_icon .buy_doufu_subject {
font-size: 0.613rem;
text-align: center;
padding-top: 40px;
padding-bottom: 30px;
padding-left: 0;
}
.buy_doufu .buy_doufu_icon .Buy_Tab {
text-align: center;
padding-bottom: 100px;
height: 0.8rem;
}
.buy_doufu .buy_doufu_icon .Buy_Tab .active {
color: #fff;
border-color: #3781fb;
background-color: #2575e8;
}
.buy_doufu .buy_doufu_icon .Buy_Tab li {
display: inline-block;
padding-right: 0.25rem;
padding-left: 0.25rem;
font-weight: bold;
text-align: center;
text-decoration: none;
position: relative;
height: 40px;
line-height: 40px;
font-size: 18px;
cursor: pointer;
color: #2575e8;
background-color: #EFF2F7 /*#e9f2ff*/;
border-radius: 4px;
}
.buy_doufu .buy_doufu_icon .Buy_Tab li:first-child {
margin-right: 10px;
}
.buy_doufu .buy_doufu_icon .Buy_Tab li .tag {
display: inline-block;
width: 52px;
height: 22px;
background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/3.png) no-repeat center center;
position: absolute;
top: -25px;
right: -20px;
}
.buy_doufu .buy_doufu_icon .Buy_Tab li:last-child {
margin-top: 0.25rem;
position: relative;
margin-right: 10px;
}
.buy_doufu .buy_doufu_content {
margin-top: 4px;
position: relative;
padding-bottom: 0rem;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods {
height: 560px;
margin-bottom: 1rem;
}
.buy_doufu .buy_doufu_content .active {
margin-top: 0px !important;
height: 560px !important;
}
.buy_doufu .buy_doufu_content .active .buy_doufu_icon_2 {
height: 560px;
margin: 0rem 0.5rem 0rem 0.5rem;
padding-left: 0.4rem;
padding-right: 0.4rem;
padding-top: 0rem;
padding-bottom: 0;
position: relative;
border-radius: 4px;
background-color: #fff;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 {
height: 560px !important;
margin: 0rem 0.5rem 0rem 0.5rem;
padding-left: 0.4rem;
padding-right: 0.4rem;
padding-top: 0.4rem !important;
padding-bottom: 0;
position: relative;
border-radius: 4px;
background-color: #fff;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_title {
display: inline-block;
vertical-align: top;
padding-top: 0.5rem;
padding-left: 0rem;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_title img {
margin-left: 0;
width: 0.867rem;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel {
width: calc(100% - 1rem);
display: inline-block;
vertical-align: top;
padding-top: 0.25rem;
padding-left: 0.5rem;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 {
font-size: 0.575rem;
font-weight: bold;
padding-bottom: 8px;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 div {
font-size: 14px;
padding-top: 6px;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 div span {
display: inline-block;
border-radius: 4px;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #BBBBBB;
color: #666;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_dec {
width: 100%;
color: #666;
font-size: 13px;
line-height: 23px;
padding-top: 10px;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price {
margin-top: 0.5rem;
font-size: 1.2rem;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price {
position: relative;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price span {
font-size: 0.5rem;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price label {
border-radius: 5px;
font-size: 0.35rem;
font-weight: bold;
margin-left: 8px;
position: relative;
top: -0.5rem;
display: inline-block;
padding: 2px 10px 2px 10px;
background: #FAEDE5;
color: #f44336;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai {
position: relative;
bottom: 8px;
left: 8px;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai a {
text-decoration: none;
border-radius: 5px;
background: #e94518;
border: 1px solid #e94518;
color: #fff;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-size: 18px;
width: 135px;
height: 37px;
line-height: 37px;
margin-right: 10px;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao {
font-size: 16px;
padding-top: 30px;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao p {
font-size: 15px;
font-weight: bold;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong {
color: #666;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong div {
display: inline-block;
width: 100%;
padding-top: 10px;
margin-top: 4px;
margin-left: -10px;
}
.buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong div span {
border: 1px solid red;
width: 10%;
text-align: center;
color: red;
font-size: 10px;
margin-left: 10px;
padding-left: 3px;
padding-right: 3px;
border-radius: 4px;
display: inline-block;
line-height: 20px;
vertical-align: top;
margin-right: 7px;
}
.buy_doufu .buy_doufu_content_2 {
margin-top: 4px;
position: relative;
}
.buy_doufu .buy_doufu_content_2 .active {
margin-top: 0 !important;
height: 560px !important;
}
.buy_doufu .buy_doufu_content_2 .active .buy_doufu_icon_2 {
height: 560px;
margin: 0rem 0.5rem 0rem 0.5rem;
padding-left: 0.4rem;
padding-right: 0.4rem;
padding-top: 0;
padding-bottom: 0;
position: relative;
border-radius: 4px;
background-color: #fff;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods {
height: 560px;
position: relative;
vertical-align: top;
width: 100%;
margin-bottom: 1rem;
margin-top: 0;
display: inline-block;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 {
height: 560px!important;
margin: 0rem 0.5rem 0rem 0.5rem;
padding-left: 0.4rem;
padding-right: 0.4rem;
padding-top: 0.4rem !important;
padding-bottom: 0;
position: relative;
border-radius: 4px;
background-color: #fff;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_title {
display: inline-block;
vertical-align: top;
padding-top: 0.5rem;
padding-left: 0rem;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_title img {
width: 0.867rem;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel {
width: calc(100% - 1rem);
display: inline-block;
vertical-align: top;
padding-top: 0.25rem;
padding-left: 0.5rem;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 {
font-size: 0.575rem;
font-weight: bold;
padding-bottom: 8px;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 div {
font-size: 14px;
padding-top: 6px;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 div span {
display: inline-block;
border-radius: 4px;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #BBBBBB;
color: #666;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_dec {
width: 100%;
color: #666;
font-size: 13px;
line-height: 23px;
padding-top: 10px;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price {
margin-top: 0.5rem;
font-size: 1.2rem;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price {
position: relative;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price span {
font-size: 0.5rem;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price label {
border-radius: 5px;
font-size: 0.35rem;
font-weight: bold;
margin-left: 8px;
position: relative;
top: -0.5rem;
display: inline-block;
padding: 2px 10px 2px 10px;
background: #FAEDE5;
color: #f44336;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai {
position: relative;
bottom: 8px;
left: 8px;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai a {
text-decoration: none;
border-radius: 5px;
background: #e94518;
border: 1px solid #e94518;
color: #fff;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-size: 18px;
width: 135px;
height: 37px;
line-height: 37px;
margin-right: 10px;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao {
font-size: 16px;
padding-top: 30px;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao p {
font-size: 15px;
font-weight: bold;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong {
color: #666;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong div {
display: inline-block;
width: 100%;
padding-top: 10px;
margin-top: 4px;
}
.buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong div span {
border: 1px solid red;
width: 10%;
text-align: center;
color: red;
font-size: 10px;
margin-left: 10px;
padding-left: 3px;
padding-right: 3px;
border-radius: 4px;
display: inline-block;
line-height: 20px;
vertical-align: top;
margin-right: 7px;
}
.doufu_ayoa_m3 {
width: 100%;
max-width: 767px;
min-width: 320px;
margin: 0 auto;
height: 8rem;
margin-top: 2.5rem;
}
.doufu_ayoa_m3 .content {
width: 100%;
margin: 0 auto;
padding-top: 0.8rem;
}
.doufu_ayoa_m3 .content .title {
font-size: 0.5rem;
font-family: 'bestFont medium';
text-align: center;
}
.doufu_ayoa_m3 .content .wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0.8rem;
}
.doufu_ayoa_m3 .content .wrapper .item {
width: 50%;
text-align: center;
font-family: 'bestFont regular';
padding-top: 10px;
padding-bottom: 10px;
}
.doufu_ayoa_m3 .content .wrapper .item .v_title {
font-size: 0.3rem;
margin-top: 20px;
}
.lim_buy_c {
background: #E33C1A;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.lim_buy_b {
position: absolute;
top: 20px;
left: 45px;
}
.lim_buy_b1 {
position: absolute;
top: 25px;
left: 45px;
}
.lim_buy_d {
position: absolute;
top: 20px;
right: 45px;
}
.lim_buy_d1 {
position: absolute;
top: 25px;
right: 45px;
}
.buy_doufu_img {
width: 3.627rem;
height: 3.627rem;
}
.buy_doufu_hover {
background: none;
border: 1px solid #e94518;
color: #e94518;
display: inline-block;
text-align: center;
box-sizing: border-box;
}
.buy_doufu_hover:hover {
background-color: #F8401C;
color: #fff !important;
}
/*doufu end*/
/*评价 start*/
.pingjia_header_title {
width: 100%;
max-width: 767px;
min-width: 320px;
margin: 0px auto;
height: 1rem;
position: relative;
z-index: 998;
text-align: right;
border-top: solid #FBFBFB 1px;
}
.pingjia_header_title .pingjia {
width: 3rem;
height: 0.5rem;
display: inline-block;
position: absolute;
font-weight: bold;
top: 50%;
left: 50%;
margin: -0.2rem 0 0 -2.8rem;
}
.pingjia_header_title .pingjia span {
font-size: 0.347rem;
}
.pingjia_header_title .duibi {
width: 2rem;
height: 0.5rem;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin: -0.2rem 0 0 0.2rem;
}
.pingjia_header_title .duibi a {
font-size: 0.387rem;
color: #000;
}
.pingjia_header_title .goumai {
width: 2rem;
height: 0.5rem;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin: -0.3rem 0 0 2.5rem;
}
.pingjia_header_title .goumai a {
background: #e94518;
border: 1px solid #e94518;
color: #fff;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-size: 0.387rem;
width: 2.2rem;
line-height: 0.6rem;
border-radius: 5px;
}
.pingjia_header_title.prod-menu_fixed60 {
top: 1.267rem;
z-index: 101;
}
.pingjia_header_title.prod-menu_fixed30 {
top: 1.267rem;
z-index: 101;
}
.pingjia_content {
width: 100%;
max-width: 767px;
min-width: 320px;
padding-left: 0.45rem;
padding-right: 0.45rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
margin: 0 auto;
overflow: hidden;
background-color: #F9FAFC;
}
.pingjia_content .v1 {
width: 100%;
margin: 0 auto;
}
/*.pingjia_content .v1 div {margin-top: 4px;position: relative !important;}*/
.pingjia_content .v2 {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
position: relative !important;
border-radius: 4px;
min-height: 200px;
background-color: #fff;
}
.pingjia_content .v3 {
border-bottom: solid #F6F6F6 1px;
width: 100%;
height: 50px;
display: inline-block;
font-size: 16px;
font-weight: bold;
}
.pingjia_content .comment_pingjia {
padding-top: 0.2rem;
margin: 0 auto;
}
.pingjia_content .comment_pingjia .item {
padding-bottom: 0.2rem;
padding-top: 0.2rem;
border-bottom: solid #F6F6F6 1px;
}
.pingjia_content .comment_pingjia .item .user {
display: inline-block;
vertical-align: top;
text-align: center;
padding-left: 0.2rem;
}
.pingjia_content .comment_pingjia .item .userComment {
display: inline-block;
width: 80%;
vertical-align: top;
font-size: 0.35rem;
padding-left: 0.2rem;
}
.pingjia_content .comment_pingjia .item .userComment .uname {
font-size: 0.35rem;
font-weight: bold;
}
.pingjia_content .comment_pingjia .item .userComment .evacontent {
font-size: 0.35rem;
padding-top: 0.1rem;
}
.pingjia_content .comment_pingjia .item .userComment .goods {
font-size: 0.35rem;
padding-top: 0.15rem;
color: #999;
padding: 0 0 0.1rem;
}
.pingjia_content .comment_pingjia .item .userComment .goods span {
display: block;
}
.pingjia_content .comment_pingjia .item .userComment .replay {
padding: 12px 0 15px 20px;
background-color: #F7F7F7;
}
.pingjia_content .comment_pingjia .item .userComment .replay .mairuan {
display: inline-block;
vertical-align: top;
text-align: center;
}
.pingjia_content .comment_pingjia .item .userComment .replay .replay_comment {
display: inline-block;
width: 80%;
vertical-align: top;
font-size: 0.35rem;
padding-left: 0.2rem;
}
.pingjia_content .comment_pingjia .item .userComment .replay .replay_comment .replay_user {
font-size: 0.35rem;
font-weight: bold;
}
.pingjia_content .comment_pingjia .item .userComment .replay .replay_comment .replay_content {
font-size: 0.35rem;
padding-top: 0.1rem;
}
.pingjia_content .showMore {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
.pingjia_count_all {
float: none;
}
.pingjia_count_all .pingjia_count {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
position: relative !important;
border-radius: 4px;
background-color: #fff;
}
.pingjia_count_all .pingjia_count .pie {
width: 140px;
height: 140px;
border-radius: 50%;
background: pink;
position: relative;
display: inline-block;
vertical-align: middle;
}
.pingjia_count_all .pingjia_count .pie .circle {
width: 115px;
height: 115px;
line-height: 25px;
text-align: center;
color: red;
position: absolute;
top: 50%;
left: 50%;
z-index: 100;
transform: translate(-50%, -50%);
background: white;
border-radius: 50%;
font-size: 36px;
padding-top: 30px;
font-weight: bold;
}
.pingjia_count_all .pingjia_count .pie .circle span {
color: #000;
font-size: 16px;
font-weight: normal;
}
.pingjia_count_all .pingjia_count .pie .left {
border-radius: 140px 0 0 140px;
width: 70px;
height: 140px;
float: left;
overflow: hidden;
}
.pingjia_count_all .pingjia_count .pie .left .left-deg {
width: 70px;
height: 140px;
background: #F7401D;
transform-origin: right center;
transform: rotate(0deg);
}
.pingjia_count_all .pingjia_count .pie .right {
border-radius: 0 140px 140px 0;
width: 70px;
height: 140px;
float: left;
overflow: hidden;
}
.pingjia_count_all .pingjia_count .pie .right .right-deg {
width: 70px;
height: 140px;
background: #F7401D;
transform-origin: left center;
transform: rotate(0deg);
}
.pingjia_count_all .pingjia_count .count {
display: inline-block;
margin-top: 0.1rem;
vertical-align: middle;
}
.pingjia_count_all .pingjia_count .count span:first-child {
font-size: 1.2rem;
font-weight: bold;
}
/*
width: 100%;
max-width: 767px;
min-width: 320px;
width: 100%;
padding: 0 @40r;
*/
}