@charset "utf-8";
/* CSS Document */
/* 
选中问卷调查的效果
*/
.survey{
    border-bottom: 2px solid #ff941a;
}
.survey span{
    color: #ff941a;
}
.survey i{
    background-image: url(//image.wjx.com/images/newimg/wjx-survey_vote/index/arrow_selected.png);
}
/* 
选中在线投票的效果
*/
/* .vote{
    border-bottom: 2px solid #ff941a;
}
.vote span{
    color: #ff941a;
}
.vote i{
    background-image: url(//image.wjx.com/images/newimg/wjx-survey_vote/index/arrow_selected.png);
} */
/* 
banner
*/
.wjxapplication__banner {
    background-size: auto 100%;
    height: 558px;
    text-align: center;
    position: relative;
}
.wjxsurvey__banner{
    background: url(//image.wjx.com/images/newimg/wjx-survey_vote/survey/banner.png) no-repeat center;
}
.wjxvote__banner{
    background: url(//image.wjx.com/images/newimg/wjx-survey_vote/newvote/banner.png) no-repeat center;
    background-size: cover;
    height:800px !important;
    margin-top:68px;
}
.wjxvote__banner .wjxapplication__banner--word{
     width: 1100px;
}

.wjxapplication__banner--word{
    width: 990px;
    margin: 0 auto;
}
.wjxsurvey__banner--word{
    padding: 220px 0 0 60px;
}
.wjxvote__banner--word{
    padding-top: 160px;
    text-align: left;
}
.wjxvote__banner-tag {
    display: inline-block;
    font-size: 14px;
    color: #2346DD;
    padding: 7px 18px;
    margin-bottom: 24px;
    letter-spacing: 1px;
    background: #DEEAFC;
    border-radius: 18px;
    border: 1px solid #9AC4FA;
    font-weight:600;
}
.wjxvote__banner-tag-icon{
    font-style: normal;
    margin-right: 4px;
    font-size: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: currentColor;
    border-radius: 50%;
    vertical-align: middle;
    animation: tagIconBlink 2.5s ease-in-out infinite;
    margin-bottom: 2px;
}
.wjxvote__banner-title-span{
    background: linear-gradient(90deg, #0095FF, #6C5CE7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


@keyframes tagIconBlink{
    0%, 100%{ opacity: 1; }
    50%{ opacity: 0.2; }
}
.wjxvote__banner-title{
    font-size: 52px !important;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.3;
    margin-bottom: 20px;
    letter-spacing: 2px;
}
.wjxvote__banner-desc{
    line-height: 1.8;
    margin-bottom: 50px;
    font-size: 20px;
    color: #00335D;
}
.wjxvote__banner-desc-span{
    color:#00ABFF;
    font-weight: 600;
}

.wjxvote__banner-btn{
    display: inline-block;
    padding: 0 50px;
    height: 60px;
    line-height: 60px;
    background: #0095FF;
    color: #fff;
    border-radius: 10px;
    transition: all 0.3s ease;
    letter-spacing: 1px;
    font-weight: 600;
font-size: 20px;
}
.wjxvote__banner-btn:hover{
    background: #1a6de0;
    color: #fff;
    box-shadow: 0 6px 20px rgba(43,127,245,0.35);
}

.wjxapplication__banner h1 {
    font-size: 60px;
    margin-bottom: 24px;
}
.wjxapplication__banner .h2{
    font-size: 30px;
    font-weight: lighter;
    margin-bottom: 4px;
}
.wjxapplication__banner h3{
    font-size: 14px;
    color: #b4cdfb;
    font-weight: lighter;
    text-align: left;
}
.wjxapplication__banner .common{
    color: #fff;
    text-align: left;
}
.wjxapplication__banner .h2 {
    font-size: 30px;
    font-weight: lighter;
    margin-bottom:4px;
}
/* 
图标显示
*/
.wjxsurvey__icon{
    width: 800px;
    margin: 0 auto;
}
.wjxsurvey__icon ul{
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0,147,255,0.2);
    padding: 30px 8px 28px 8px;
    border-radius: 10px;
    position: absolute;
    top:492px;
    border: 1px solid #eee \9;
}
.wjxsurvey__icon li{
    float: left;
    padding: 0 50px;
    text-align:center;
    *width:120px;
}
.wjxsurvey__icon a{
    display:inline-block
}
.wjxsurvey__icon img{
    margin: 0 auto 13px;
    display:block;
}
.wjxsurvey__icon .hoverImg{
            display:none;
        }
.wjxsurvey__icon li a:hover span{
    color:#1ea0fa;
}
.wjxsurvey__icon li a:hover .hoverImg{
    display:inline-block;
}
.wjxsurvey__icon li a:hover .defalutImg{
    display:none;
}
.wjxsurvey__icon span{
    color: #808080;
    font-size: 14px;
}
/* 
应用功能介绍
*/
.wjxapplication__title{
    text-align: center;
}
.wjxsurvey__title{
    margin-top: 158px;
}
.wjxvote__title{
    margin-top: 92px;
}
.wjxapplication__title h2,
.wjxapplication__title .h2{
    font-size: 30px;
}
.wjxapplication__title p{
    font-size: 14px;
    color: #808080;
    margin-top: 8px;
}
/* 
应用功能介绍-模块
*/
.wjxapplication__main .wjxsurvey_box{
    padding: 80px 0;
}
.wjxapplication__main .wjxvote_box{
    padding: 80px 60px;
}
.wjxapplication__copy h2,
.wjxapplication__copy .h2{
    font-size: 26px;
    margin-bottom: 10px;
}
.wjxapplication__copy .h3{
    color: #808080;
    font-size: 16px;
    line-height: 25px;
}
.wjxapplication__copy h4,
.wjxapplication__copy .h4{
    font-size: 14px;
    color: #808080;
    float: left;
    line-height: 25px;
}
.wjxapplication__copy ul{
    margin-top: 20px;
}
.wjxapplication__copy span{
    display: block;
    height: 6px;
    width: 6px;
    background-color: #808080;
    border-radius: 3px;
    float: left;
    margin: 10px 10px 0 0;
}
.wjxapplication__copy li{
    overflow: hidden;
}
.distance_type{
    margin-top: 150px;
}
.distance_logic{
    margin-top: 164px;
}
.distance_collect{
    margin-top: 80px;
}
.distance_password{
    margin-top: 135px;
}
.distance_lottery{
    margin-top: 122px;
}
.distance_statistics{
    margin-top: 134px;
}
.distance_random{
    margin-top: 146px;
}
.distance_rich{
    margin-top: 164px;
}
/*
新版投票-通用模块
*/
.wjxvote__section{
    width: 1100px;
    margin: 0 auto;
    padding: 140px 0;
}
.wjxvote__section-text{
    width: 440px;
}
.wjxvote__section-tag {
    display: inline-block;
    font-size: 14px;
    color: #2346DD;
    padding: 8px 18px;
    margin-bottom: 24px;
    letter-spacing: 1px;
    background: #DEEAFC;
    border-radius: 18px;
    border: 1px solid #9AC4FA;
    font-weight: 600;
}
.wjxvote__section-title{
    font-size: 52px;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.3;
    margin-bottom: 16px;
}
.wjxvote__section-highlight {
    background: linear-gradient(90deg, #0095FF, #6C5CE7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.wjxvote__section-desc{
    font-size: 18px;
    color: #7a8599;
    line-height: 1.6;
    margin-bottom: 30px;
}
.wjxvote__section-features{
    list-style: none;
    padding: 0;
    margin: 0;
}
.wjxvote__section-features li{
    font-size: 16px;
    color: #3d4d66;
    line-height: 1.6;
    padding: 14px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F5F5F5;
    width: 80%;
    font-weight: 500;
}
.wjxvote__check-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    background: #F0F5FE url(/images/newimg/wjx-survey_vote/newvote/voteright.png) no-repeat center center;
    background-size: 16px 16px;
    border-radius: 50%;
    font-size: 0;
    color: transparent;
    overflow: hidden;
    font-style: normal;
    margin-right: 10px;
    vertical-align: middle;
    border: 1px solid #9AC4FA;
}

.wjxvote__check-icon-blue{
    background: #DBEAFE url(/images/newimg/wjx-survey_vote/newvote/voteright.png) no-repeat center center;
    background-size: 12px 12px;
}

.wjxvote__section-img{
    width: 500px;
}
.wjxvote__section-img img{
    width: 100%;
    display: block;
}
/*
新版投票-洞察模块
*/
.wjxvote__insight-header{
    margin-bottom: 48px;
}
.wjxvote__cards{
    display: flex;
    gap: 30px;
}
.wjxvote__card{
    flex: 1;
    background: #fff;
    border-radius: 12px;
    padding: 36px 32px;
    transition: box-shadow 0.3s ease;
}
.wjxvote__card:hover{
    box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}
.wjxvote__card-icon{
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}
.wjxvote__card-icon--share{
    width: 44px;
    height: 44px;
    background: #4AA4ED;
    box-shadow: 0px 2px 11px 0px #B5DDF8;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wjxvote__card-icon--chart{
    width: 44px;
    height: 44px;
    background: #8654F6;
    box-shadow: 0px 2px 11px 0px #D2C3FB;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wjxvote__card-title{
    font-size: 30px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 12px;
}
.wjxvote__card-desc{
    font-size: 18px;
    color: #7a8599;
    line-height: 1.8;
    margin-bottom: 20px;
}
.wjxvote__card-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.wjxvote__card-list li{
    font-size: 13px;
    color: #3d4d66;
    line-height: 2;
    position: relative;
}

.wjxvote__card-list li:nth-child(n+2){
    margin-top: 10px;
}

.wjxvote__card-bars{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wjxvote__bar{
    height: 8px;
    background: #E9E0FF;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
}
.wjxvote__bar-fill{
    height: 100%;
    border-radius: 5px;
}

.wjxvote__bar-val{
    font-weight: 400;
font-size: 12px;
color: #65748C;
}

.wjxvote__card-bar-item{
    display: flex;
    align-items: center;
    gap: 10px;
}
.wjxvote__card-bar-item-text{
    font-size: 12px;
    color: #65748C;
    white-space: nowrap;
    font-weight: 500;
}
.wjxvote__card-list-text{
    font-weight: 500;
font-size: 16px;
color: #49556A;
white-space: nowrap;
}

.wjxvote__card-first{
    background: #F3F8FF;
border-radius: 25px;
}
.wjxvote__card-second{
    background: #F7F4FE;
    border-radius: 25px;
}

/*
新版投票-企业级能力模块
*/
.wjxvote__enterprise-bg{
    background: #0b1029;
}
.wjxvote__enterprise-header{
    text-align: center;
    margin-bottom: 48px;
}
.wjxvote__enterprise-tag{
    background: #0B2344;
    border-color: transparent;
    font-weight: 600;
font-size: 14px;
color: #8EC5FF;
}
.wjxvote__enterprise-title{
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    margin: 0 0 16px;
}
.wjxvote__enterprise-desc{
    font-size: 18px;
    color: #7a8ca8;
    line-height: 1.8;
}
.wjxvote__dark-cards{
    display: flex;
    gap: 30px;
}
.wjxvote__dark-card{
    flex: 1;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 36px 32px;
    transition: border-color 0.3s ease;
}

.wjxvote__dark-card-first{
    background: linear-gradient( 117deg, rgba(43,127,255,0.1) 0%, rgba(43,127,255,0) 100%);
    border: 1px solid rgba(43,127,255,0.2);
    border-radius: 20px;
}
.wjxvote__dark-card-second{
    background: linear-gradient( 146deg, rgba(97,95,255,0.1) 0%, rgba(97,95,255,0) 100%);
    border: 1px solid rgba(43,127,255,0.2);
    border-radius: 20px;
}

.wjxvote__dark-card:hover{
    border-color: rgba(255,255,255,0.18);
}
.wjxvote__dark-card-icon{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}
.wjxvote__dark-card-icon--bolt{
    width: 48px;
    height: 48px;
    background: linear-gradient( 140deg, #4384F7 0%, #50AFDC 100%);
    box-shadow: 0px 2px 11px 0px rgba(74,164,237,0.5);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wjxvote__dark-card-icon--shield{
    width: 48px;
    height: 48px;
    background: linear-gradient( 128deg, #6A5EF6 0%, #9A4FF6 100%);
    box-shadow: 0px 2px 11px 0px rgba(134,84,246,0.5);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wjxvote__dark-card-title{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}
.wjxvote__dark-card-desc{
    font-size: 18px;
    color: #7a8ca8;
    line-height: 1.8;
    margin-bottom: 20px;
}
.wjxvote__dark-card-features{
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
}
.wjxvote__dark-card-features li{
    font-size: 16px;
    color: rgba(255,255,255,0.6);
    line-height: 1.6;
    padding: 12px 0;
    display: flex;
    align-items: center;
}
.wjxvote__dark-card-features li:nth-child(n+2){
    border-top: 1px solid rgba(255,255,255,0.1);
}

.wjxvote__dark-card-features .wjxvote__check-icon{
    background-color: rgba(74,164,237,0.2);
    border: 1px solid rgba(74,164,237,0.4);
}


.wjxvote__dark-check{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    min-width: 18px;
    border-radius: 50%;
    border: 1px solid #7a8ca8;
    color: #7a8ca8;
    font-size: 10px;
    font-style: normal;
    margin-right: 10px;
}
.wjxvote__white-check-icon{
    color: #fff;
    margin:0;
    border:1px solid #fff;
}
.wjxvote__black-check-icon{
    color: #49556A;
    margin:0;
    border:none;
    font-size: 20px;
    background: #F8FAFC;
}

/* 进度条图表 */
.wjxvote__chart{
    margin-top: 4px;
    padding: 18px;
    background-color: #111A36;
    border-radius: 8px;

}
.wjxvote__chart-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}
.wjxvote__chart-label{
    font-size: 12px;
    color: #7a8ca8;
}
.wjxvote__chart-legend{
    font-size: 12px;
    color: #34d399;
    display: flex;
    align-items: center;
}
.wjxvote__chart-dot{
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #34d399;
    border-radius: 50%;
    margin-right: 5px;
    font-style: normal;
}
.wjxvote__chart-row{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.wjxvote__chart-name{
    font-size: 12px;
    color: #7a8ca8;
    width: 60px;
    flex-shrink: 0;
}
.wjxvote__chart-bar{
    flex: 1;
    height: 8px;
    background: rgba(255,255,255,0.06);
    border-radius: 4px;
    overflow: hidden;
    margin: 0 10px;
}
.wjxvote__chart-fill{
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(90deg, #2b7ff5, #06b6d4);
}
.wjxvote__chart-val {
    font-size: 12px;
    color: #9FA2AC;
    width: 36px;
    text-align: right;
    flex-shrink: 0;
}
/* 底部标签组 */
.wjxvote__dark-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.wjxvote__dark-tag{
    font-size: 12px;
    color: #c0cde0;
    background: #3B3B9B;
    border-radius: 14px;
    padding: 4px 14px;
    line-height: 1.8;
}

/* 底部标签组 */
.wjxvote__white-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.wjxvote__white-tag{
    font-size: 12px;
    color: #49556A;
    background: #FFFFFF;
    border-radius: 14px;
    padding: 4px 14px;
    line-height: 1.8;
}
/* 
示例问卷-标题
*/
.wjxapplication__example{
    padding: 93px 0 100px 0;
}
.wjxapplication__title_example{
    margin: 0 0 58px 0;
}
/*
新版投票-示例问卷模块
*/
.wjxvote__example-bg{
    background: #f2f5fa;
}
.wjxvote__example-header{
    margin-bottom: 60px;
}
.wjxvote__example-card{
    width: 1100px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    padding: 60px 44px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.05);
    position: relative;
    overflow: hidden;
}
.wjxvote__example-info{
    width: 420px;
    padding-top: 10px;
}
.wjxvote__example-title{
    font-size: 36px;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.4;
    margin-bottom: 14px;
}
.wjxvote__example-desc{
    font-size: 16px;
    color: #7a8599;
    line-height: 1.8;
    margin-bottom: 92px;
    font-weight: 500;
}
.wjxvote__example-btns{
    display: flex;
    gap: 14px;
}
.wjxvote__example-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    padding: 0 50px;
    border-radius: 10px;
    font-size: 14px;
    transition: all 0.3s ease;
    gap: 6px;
    font-weight: 500;
font-size: 20px;
white-space: nowrap;
}
.wjxvote__example-btn--primary{
    background: #2b7ff5;
    color: #fff;
}
.wjxvote__example-btn--primary:hover{
    background: #1a6de0;
    color: #fff;
    box-shadow: 0 4px 16px rgba(43,127,245,0.35);
}
.wjxvote__example-btn--outline{
    background: #fff;
    color: #3d4d66;
    border: 1px solid #d9dfe8;
}
.wjxvote__example-btn--outline:hover{
    border-color: #2b7ff5;
    color: #2b7ff5;
}

.wjxvote__example-btn--outline:hover .wjxvote__black-check-icon{
    color: #2b7ff5;
}

.wjxvote__example-preview{
    width: 380px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
.wjxvote__example-imgbox{
    position: relative;
    height: 100%;
    overflow: hidden;
}
.wjxvote__example-bgimg{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 0;
}
.wjxvote__example-qr-label{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -70px;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
    font-weight: 600;
    font-size: 18px;
    white-space: nowrap;
}
.wjxvote__example-qr{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 20px;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
.wjxvote__example-qr img{
    display: block;
}
/*
新版投票-底部CTA模块
*/
.wjxvote__cta{
    text-align: center;
    padding: 120px 0;
    background: #f8fafd;
}
.wjxvote__cta-title{
    font-size: 52px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 14px;
}
.wjxvote__cta-desc{
    font-size: 18px;
    color: #7a8599;
    margin-bottom: 36px;
}
.wjxvote__cta-btn {
    display: inline-block;
    padding: 0 70px;
    height: 74px;
    line-height: 74px;
    background: #2b7ff5;
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    border-radius: 22px;
    transition: all 0.3s ease;
    letter-spacing: 1px;
    box-shadow: 0px 2px 18px 0px rgba(70, 118, 235, 0.5);
}
.wjxvote__cta-btn:hover{
    background: #1a6de0;
    color: #fff;
    box-shadow: 0 6px 24px rgba(43,127,245,0.35);
}
/*
新版投票-入场动画
*/
.wjxvote__anim{
    opacity: 0;
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.wjxvote__anim[data-anim="left"]{
    transform: translateX(-60px);
}
.wjxvote__anim[data-anim="right"]{
    transform: translateX(60px);
}
.wjxvote__anim[data-anim="fade"]{
    transform: translateY(30px);
}
.wjxvote__anim.wjxvote__anim--visible{
    opacity: 1;
    transform: translate(0,0);
}
/* 
示例问卷-模块
*/
.sample__wrapper{
    width: 990px;
    margin: 0 auto;
}
.sample__wrapper-list li {
    float: left;
    position: relative;
    width: 221px;
    *width: 219px;
    margin: 0 13px;
    background: #FFF;
    display: inline-block;
    border-radius: 6px;
    -webkit-box-shadow:0 2px 20px rgba(200,202,204,1);
	box-shadow:0 2px 20px rgba(200,202,204,1);
	border: 1px solid #eeeeee \9;
    transition: all 0.2s linear;
}
.sample__wrapper-list li img {
	border-radius: 6px;
}
 .sample__wrapper-list li:hover {
    -webkit-box-shadow:0 2px 20px rgba(255,148,26,0.4);
	box-shadow:0 2px 20px rgba(255,148,26,0.4);
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transition: translate3d(0, -4px, 0);
}
  
.sample__wrapper-txtbox {
    padding: 0 18px;
    float: left;
    position: absolute;
    top: 200px;
    left: 0;
	right: 0;
}
.sample__title{
    color: #333;
    margin-bottom: 16px;
}
.sample__wrapper-list li:hover .sample__title{
	color:#ff941a;
	}
.sample__wrapper-txtbox .txtboxspanL,
.sample__wrapper-txtbox .txtboxspanR {
    font-size: 12px;
    color: #999;
}
.sample__wrapper-txtbox .txtboxspanR:hover {
    color: #ff941a;
}
.sample__more{
    margin: 16px 14px 0 0;
}
.sample__more a{
    font-size: 14px;
    color: #808080;
}
.sample__more a:hover{
    color: #ff941a;
}
/* 
示例问卷-按键
*/
.sample__btn .btn_orange{
    font-size: 20px;
    color: #ff941a;
    background-color: transparent;
    border: 1px solid #ff941a;
    display: block;
    line-height: 50px;
    width: 220px;
    text-align: center;
    border-radius: 25px;
    margin: 0 auto;
}
.sample__btn{
    margin-top: 80px;
}
.sample__btn .btn_orange:hover{
    color: #fff;
    background-color: #ff941a;
}


/*sample共用css部分*/
.sample-contents {
    width: 626px;
    height: 180px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 auto;
    box-shadow: 0px 0px 16px 0px rgba(212, 212, 212, 0.2);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(212, 212, 212, 0.2);
    overflow: hidden;
}

.sam-contents-left {
    width: 256px;
    height: 178px;
    float: left;
}

/*示例图片 ↓*/
/*问卷调查图片*/
.left-pic-wjdc {
    background-image: url(/images/newimg/wjx-survey_vote/survey/wjdc_pic.jpg)
}
/*在线投票图片*/
.left-pic-zxtp {
    background-image: url(/images/newimg/wjx-survey_vote/vote/zxtp_pic.jpg)
}
/*示例图片 ↑*/

.sam-con-lef-text {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    margin: 47px 0 0 24px;
}

.sam-contents-right-btn {
    width: 126px;
    float: left;
    margin-left: 44px;
    text-align:center;
}

/*除了“360度评估”以外的五个应用 按钮 的css ↓*/
.common-button {
    display: block;
    width: 90px;
    height: 30px;
    border-radius: 4px;
    background-color: #1ea0fa;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    margin: 48px auto 24px;
}
    .common-button:hover {
        background-color: #0086e5;
        color: #fff;
    }
/*除了“360度评估”以外的五个应用 按钮 的css ↑*/

/*“360度评估”按钮 的css ↓*/
.common-button-360 {
    display: block;
    width: 126px;
    height: 30px;
    border-radius: 4px;
    background-color: #1ea0fa;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    margin-top: 70px;
}

    .common-button-360:hover {
        background-color: #0086e5;
        color: #fff;
    }
/*“360度评估”按钮 的css ↑*/

.explain-PC {
    font-size: 12px;
    color: #cecece;
    line-height: 12px;
    text-align: center;
    margin-top: 25px;
}

/*除了“360度评估”以外的五个应用 or 的css ↓*/
.sam-contents-right-or {
    float: left;
    margin-top: 48px;
    margin-left: 30px;
}
/*除了“360度评估”以外的五个应用 or 的css ↑*/

/*“360度评估”or 的css ↓*/
.sam-contents-right-or-360 {
    float: left;
    margin-top: 48px;
    margin-left: 38px;
}
/*“360度评估”or 的css ↑*/

.sam-contents-right-ewm {
    width: 72px;
    float: right;
    margin-right: 42px;
}

.ewm {
    margin-top: 50px;
}

.explain-mobile {
    font-size: 12px;
    color: #cecece;
    line-height: 12px;
    text-align: center;
    margin-top: 14px;
}

.sample-more {
    width: 626px;
    margin: 20px auto 0;
}

    .sample-more a {
        font-size: 14px;
        color: #808080;
        line-height: 14px;
        float: right;
    }

        .sample-more a:hover {
            color: #ff941a;
        }

/*调查、考试拥有两个 sample button ↓*/
.sample-two-btn {
    width: 470px;
    height: 52px;
    margin: 100px auto 0;
}

.sam-two-btn-left,
.sam-two-btn-right {
    display: block;
    width: 220px;
    height: 52px;
    border-radius: 26px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.sam-two-btn-left {
    float: left;
    background-color: #ff941a;
    color: #fff;
}

.sam-two-btn-right {
    float: right;
    border: 1px solid #ff941a;
    color: #ff941a;
}

.sam-two-btn-left:hover {
    background-color: #ff7f00;
    color: #fff;
}

.sam-two-btn-right:hover {
    background-color: #ff941a;
    color: #fff;
}
/*调查、考试拥有两个 sample button ↑*/

/*报名、测评、投票拥有一个 sample button ↓*/
.sample-one-btn {
    width: 320px;
    height: 52px;
    margin: 100px auto 0;
}

.sam-one-btn {
    display:inline-block;
    float: left;
    width: 220px;
    height: 52px;
    background-color: #ff941a;
    border-radius: 26px;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

    .sam-one-btn:hover {
        background-color: #ff7f00;
        color: #fff;
    }
    .zixun {
    display:inline-block;margin:15px 0 0 25px;font-size:16px;float:left;
}
.zixun:hover {
    color:#FB7000;
}

.wjxhome__random{
    background: linear-gradient( 180deg, #F2F8FF 0%, #FFFFFF 100%);
    backdrop-filter: blur(1px);
}
/*报名、测评、投票拥有一个 sample button ↑*/