﻿@charset "utf-8";
body,html,div,p,span,ul,li,a,h1,h2,h3,h4,h5,h6,img{
    margin: 0;
    padding: 0;
}
ul,li{
list-style: none;
}
.setCursor{
cursor: pointer;
}
/* banner背景图 */  
.banner{
width: 100%;
height: 240px;
margin-top: 80px;
}
.bannerImg{
width: 100%;
height: 100%;
object-fit: cover;
}
/* 内容样式 */
.processContentPanel{
position: relative;
width: 100%;
}
.processContent{
width: 1100px;
margin: 80px auto 120px;
}
.processContentLeft{
position: fixed;
width: 168px;
}
.processContentRight{
width: 868px;
}
.processContentTitle{
margin: 80px 0 32px;
font-size: 30px;
color: #d30c23;
line-height: 32px;
}
.processContentTitle:first-child{
margin-top: 0px;
}
.votingRulesText{
font-size: 16px;
color: #333333;
line-height: 32px;
}
.specialText{
color: #D30C23;
font-weight: bold;
}
.contentLeftMenuenuText{
font-size: 20px;
font-weight: 400;
line-height: 32px;
}
.contentLeftMenuPanel{
overflow: hidden;
border-right: 1px solid #e5e5e5;
}
.processContentImg{
width: 100%;
height: 100%;
}
.contentLeftMenuItem{
margin: 10px 0;
}
.contentLeftMenuItem:first-child{
margin-top: 0;
}
.contentLeftMenuItem:last-child{
margin-bottom: 0;
}
.processTableTitle{
margin: 32px auto 24px;
font-size: 20px;
font-weight: bold;
color: #000000;
}
.contentLeftMenuItem.active{
color:#D30C23;
}
.contentLeftMenuItem.active::after{
    display: block;
    content: "";
    width: 4px;
    height: 24px;
    background: #d30c23;
    margin: 4px 0 0 0;
    float: right;
}
/* 吸顶 */
.fixedItem{
    position: fixed;
    top: 80px;
    left: 0;
}
.reviewBlock{
    width: 405px;
}
.elevatorItemDescText {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
}
.elevatorItemDescText strong {
    display: block;
}
.elevatorItemDescText strong > i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(img/dotCaret.svg) left center no-repeat;
}
.reviewList {
    padding: 30px 0px;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}
.reviewItem:not(:last-child) {
    margin-bottom: 30px;
}
.reviewItemDesc {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}
.reviewItemRate {
    font-size: 14px;
    color: #666666;
}
@media screen and (max-width: 750px) {
    .banner {
        height: 2.4rem;
        margin-top: 1rem;
    }
    .processContent {
        width: 100%;
        margin: 0 auto 0;
    }
    .processContentLeft {
        width: 100%;
        position: static;
        margin-bottom: .68rem;
        background: #fff;
        z-index: 999;
        box-shadow: 0px 10px 15px 0px rgba(0,0,0,.08);
    }
    .contentLeftMenuPanel {
        overflow: hidden;
        border-right: none;
        border-bottom: 1px solid #e5e5e5;
        display: flex;
        justify-content: space-evenly;
    }
    .contentLeftMenuItem {
        margin: 0 0;
        line-height: 0;
    }
    .contentLeftMenuItem.active::after {
        width: .68rem;
        height: .04rem;
        margin: 0 auto;
        float: none;
    }
    .contentLeftMenuenuText {
        font-size: .28rem;
        line-height: .84rem;
    }
    .processContentRight {
        width: 100%;
        padding: 0 .4rem;
        box-sizing: border-box;
        margin-bottom: 1.2rem;
    }
    .processContentTitle {
        margin: .92rem 0 .55rem;
        font-size: .48rem;
    }
    .processTableTitle {
        margin: .48rem auto .32rem;
        font-size: .32rem;
    }
    .votingRulesText {
        font-size: .28rem;
        line-height: .52rem;
    }
    .votingRules{
        display: none;
    }
    .fixedItem {
        position: fixed;
        top: 1rem;
    }
    .reviewBlock {
        float: none;
        width: 100%;
        margin-bottom: 0.7rem;
    }
    .reviewBlock > .elevatorItemDescText {
        margin-bottom: 0.3rem;
        font-size: 0.28rem;
        line-height: 0.6rem;
    }
    .elevatorItemDescText strong {
        font-size: 0.32rem;
    }
    .elevatorItemDescText strong > i {
        width: 0.3rem;
        height: 0.3rem;
    }
    .reviewList {
        padding: 0.35rem 0px;
    }
    .reviewItem:not(:last-child) {
        margin-bottom: 0.4rem;
    }
    .reviewBlock:last-child{
       margin-bottom: 0;
    }
    .reviewItemDesc {
        font-size: .28rem;
        line-height: .52rem;
    }
}