@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/vote/banner.png) no-repeat center;
}
.wjxapplication__banner--word{
    width: 990px;
    margin: 0 auto;
}
.wjxsurvey__banner--word{
    padding: 220px 0 0 60px;
}
.wjxvote__banner--word{
    padding: 228px 0 0 60px;
}
.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;
}
/* 
示例问卷-标题
*/
.wjxapplication__example{
    padding: 93px 0 100px 0;
}
.wjxapplication__title_example{
    margin: 0 0 58px 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;
}
/*报名、测评、投票拥有一个 sample button ↑*/