.customizeSolution{
    display: none;
}
.presale-main{
    padding-top: 60px;
    padding-bottom: 80px;
    background-color: #F6F6F6;
    
}
.presale-main .presale-content{
    padding: 100px 80px;
    background-color: #fff;
    width: 1200px;
    margin: 0 auto ;
    z-index: 2;
    min-height: 600px;
    
}
.back-img-presale{
    background-image: url('../images/presale/presale-back.png');
    background-size: 100% 100%;
}

/* 罩ラ���腓咲���� */
.presale-content .stepTitle{
    margin-bottom: 80px;
}
.presale-content .stepTitle .dl{
    margin-right: 60px;
}
.presale-content .stepTitle .dl:last-child{
    margin-right: 0;
}

.presale-content .stepTitle .dl .bigDot{
    display: inline-block;
    width: 35px;
	height: 35px;
    background-color: #b3b3b3;
    font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    margin-right: 20px;
    vertical-align: top;
}
.presale-content .stepTitle .dl .bigDot.active{
    background-color: #cc1414;
}
.presale-content .stepTitle .dl .bigDot.success::before{
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: url('../images/presale/success.png') no-repeat;
    left: 0;
    top: 0;
}

.presale-content .stepTitle .dl .text{
    display: inline-block;
    height: 35px;
    font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
    color: #333333;
    vertical-align: top;
}
.presale-content .stepcontent .step{
    display: none;
}
.presale-content .stepcontent #step1{
    display: block;
}
/* 膃��罩ュ��絎� */
.presale-content #step1 .fl{
    width: 500px;
    margin-right: 40px;
}
.presale-content #step1 .fl:last-child{
    margin: 0;
}
.presale-content #step1 .fl>img{
    width: 100%;
    margin-bottom: 30px;
}
.presale-content #step1 .fl>.title{
    width: 100%;
    text-align: center;
    font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #333333;
    margin-bottom: 30px;
}
.presale-content #step1 .fl>.begin{
    width: 150px;
	height: 50px;
	background-color: #cc1414;
    border-radius: 2px;
    text-align: center;
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
    color: #ffffff;
    margin: 0 auto;
}


/* �����筝�罩ヤ�筝�罩� */
 .lastAndNext{
    margin-top: 80px;
}
 .lastAndNext .cursor{
    width: 150px;
	height: 50px;
	background-color: #ffffff;
    border: solid 1px #cc1414;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
    color: #333333;
    text-align: center;
}
 .lastAndNext .cursor.nextStep{
    background-color: #cc1414;
    color: #fff;
}
/* 膃���� */
.stepcontent #step2 .water{
    display: none;
}
.stepcontent #step2 .solid{
    display: none;
}
.stepcontent #step2 .solid.thisShow,.stepcontent #step2 .water.thisShow{
    display: block;
}
.stepcontent #step2 .selectTechnology .dl{
    width: 330px;
	height: 330px;
	background-color: #ffffff;
	border: solid 1px #f6f6f6;
    margin-right: 20px;
    text-align: center;
    padding-top: 90px;
    vertical-align: top;
    cursor: pointer;
}
.stepcontent #step2 .selectTechnology .dl:nth-child(3n){
    margin-right: 0;
}
.stepcontent #step2 .selectTechnology .dl.active{
    border-color: #cc1414;
}
.stepcontent #step2 .selectTechnology .dl em{
    font-size: 70px;
    color: #cc1414;
}
.stepcontent #step2 .selectTechnology .dl .describe{
    margin-top: 40px;
    font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
}

/* ����������� */
.stepcontent .question{
    width: 330px;
	height: 330px;
	background-color: #ffffff;
	border: solid 1px #f6f6f6;
}
.stepcontent .question .topic{
    width: 100%;
    height: 80px;
    background-color: #f6f6f6;
    font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 80px;
	letter-spacing: 0px;
    color: #333333;
    text-align: center;
}

.stepcontent .question .input-text{
    width: 270px;
	height: 50px;
    background-color: #ffffff;
    margin: 0 auto;
    margin-top: 40px;
}
.stepcontent .question .input-text .iconfont{
    font-size: 20px;
    color: #999999;
    line-height: 50px;
    left: 11px;
}
.stepcontent .question .input-text .solidScale{
    width: 100%;
    height: 100%;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #999999;
    padding-left: 40px;
}
.stepcontent .question .input-text .inputTips{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #999999;
    padding-left: 11px;
}
.stepcontent .question .answer{
    margin-top: 40px;
}
.stepcontent .question .answer .radio{
    width: 100%;
    padding-left: 100px;
    margin-bottom: 40px;
    padding-right: 70px;
}

/* 膃��罩� */
.stepcontent #step3 .question{
    margin: 0 auto;
}

/* 膃����� */
.stepcontent  #step4 .question{
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}
.stepcontent  #step4 .question:nth-child(3n){
    margin-right: 0;
}
.stepcontent  #step4  .lastAndNext{
    margin-top: 55px;
}

/* 膃��罩� */
.stepcontent #step5 .Input{
    width: 700px;
    margin: 0 auto;
    margin-bottom: 30px;
    height: 50px;
}
.stepcontent #step5 .Input .InputTips{
    width: 250px;
    text-align: right;
    font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
    color: #333333;
    
}
.stepcontent #step5 .Input .InputTips .dotRed{
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
    letter-spacing: 0px;
    color: #cc1414;
    padding-right: 11px;
}
.stepcontent #step5 .Input .cityInupt{
    height: 50px;
    width: 350px;
}
.stepcontent #step5 .Input .NumberInput>input{
    width: 100px;
	height: 50px;
    font-size: 16px;
    padding-left: 15px;
    color: #333333;
    margin-right: 10px;
}
.stepcontent #step5 .Input .NumberInput>span{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}

/* 膃��㊥⑤ */
.stepcontent #step6 .lookBackLeft,.stepcontent #step6 .lookBackRight{
    width: 510px;
}
.stepcontent #step6 .lookBackLeft{
    margin-right: 20px;
}
.stepcontent #step6 .stepBack{
    width: 100%;
    background-color: #ffffff;
    border: solid 1px #f6f6f6;
    margin-bottom: 20px;
}
.stepcontent #step6 .stepBack .title{
    width: 100%;
    height: 60px;
    background-color: #f6f6f6;
    line-height: 60px;
    font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #333333;
    padding-left: 40px;
}
.stepcontent #step6 .stepBack .title .stepNum{
    margin-right: 20px;
}
.stepcontent #step6 .stepBack .content{
    width: 100%;
    padding: 0 40px;
    height: 80px;
    font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #333333;
    display: table;
}
.stepcontent #step6 .stepBack .content>span{
    display: table-cell;
    vertical-align: middle;
}
.stepcontent #step6 .stepBack .content .qust{
    width: 270px;
    padding-right: 120px;
}
.stepcontent #step6 .stepBack .content .answer{
    width: 150px;
    text-align: right;
}

/*  ��膤紙��篁����� */
.contactWay {
    display: none;
}
.contactWay .headline{
    width: 100%;
    padding-left: 23px;
    font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 19px;
	letter-spacing: 0px;
    color: #333333;
    text-align: left;
}
.contactWay .headline::before{
    content: '';
    display: block;
    width: 2px;
	height: 30px;
    background-color: #cf2222;
    position: absolute;
    left: 0px;
    top: -5px;
}
.contactWay #contactWay .title{
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 19px;
	letter-spacing: 0px;
    color: #333333;
    margin-top: 60px;
}
.contactWay #contactWay .Input{
    width: 700px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.contactWay #contactWay .Input .InputTips{
    width: 225px;
    line-height: 50px;
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #333333;
    margin-right: 20px;
    text-align: right;
}
.contactWay #contactWay .Input .InputTips .dotRed{
    color: #cc1414;
    margin-right: 10px;
}
.contactWay #contactWay .Input .import{
    width: 450px;
    height: 50px;
}
.contactWay #contactWay .Input .import>input{
    width: 100%;
    height: 100%;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #999999;
    padding-left: 45px;
}
.contactWay #contactWay .Input .import>.iconfont{
    font-size: 20px;
    line-height: 50px;
    left: 15px;
    color: #999999;
}

.import .empty-msg ,.import .format-msg{
    bottom: -19px;
    color: #cc1414;
    display: none;
}
.import .requiredInput.notPass{
    border-color:#cc1414 ;
}
/* ��篋ゆ����蕁級�� */
.subSuccessfully{
    display: none;
    padding: 0 95px;
}
.subSuccessfully .successMsg .icon{
    width: 100%;
    text-align: center;
    font-size: 80px;
    color: #39bf71;
}
.subSuccessfully .successMsg .icon>em{
    font-size: 80px;
}
.subSuccessfully .successMsg .prosperity{
    width: 100%;
    text-align: center;
    font-size: 40px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #333333;
}
.subSuccessfully .successMsg .successTips{
    width: 100%;
    text-align: center;
    font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 19px;
	letter-spacing: 0px;
    color: #666666;
    margin-top: 20px;
}
.subSuccessfully .demandRelation{
    margin-bottom: 40px;
    margin-top: 80px;
}
.subSuccessfully .demandRelation .demand{
    width: 380px;
    height: 380px;
    margin-right: 20px;
}
.subSuccessfully .demandRelation .demand.nodata{
    background-color: #f6f6f6;
    font-size: 50px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 380px;
	letter-spacing: 0px;
    color: #ededed;
    text-align: center;
}
.subSuccessfully .demandRelation .demand>img{
    width: 100%;
    height: 100%;
}
.subSuccessfully .demandRelation .demand .demandHref{
    position: absolute;
    text-align: center;
    width: 380px;
	height: 50px;
	background-color: #ffffff;
    opacity: 0.8;
    bottom: 0;
    line-height: 50px;
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}
.subSuccessfully .demandRelation .demand .demandHref>a{
	color: #0080ff;
}
.subSuccessfully .demandRelation .relation{
    width: 450px;
    height: 380px;
    padding: 40px 60px;
}
.subSuccessfully .demandRelation .relation .relationTitle{
    text-align: center;
    font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
    color: #333333;
    margin-bottom: 20px;
}
.subSuccessfully .demandRelation .relation .information{
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 19px;
	letter-spacing: 0px;
    color: #333333;
    margin-bottom: 13px;
}
.subSuccessfully .demandRelation .relation .QRcode{
    margin-top: 26px;
}
.subSuccessfully .demandRelation .relation .QRcode .scan{
    width: 141px;
    margin-right: 40px;
}
.subSuccessfully .demandRelation .relation .QRcode .scan:last-child{
    margin: 0;
}
.subSuccessfully .demandRelation .relation .QRcode .scan>img{
    width: 100%;
}
.subSuccessfully .demandRelation .relation .QRcode .scan  .tips{
    margin-top: 15px;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 16px;
	letter-spacing: 0px;
    color: #333333;
    text-align: center;
}
.subSuccessfully .caseList .oneCase{
    display: inline-block;
    width: 270px;
    margin-right: 15px;
}
.subSuccessfully .caseList .oneCase.nodata{
    background-color: #f6f6f6;
    font-size: 50px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 202px;
	letter-spacing: 0px;
    color: #ededed;
    text-align: center;
}
.subSuccessfully .caseList .oneCase:nth-child(3n){
    margin-right: 0;
}
.subSuccessfully .caseList .oneCase>img{
    width: 100%;
    height: 202px;
}
.subSuccessfully .caseList .oneCase>.title{
    width: 100%;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 19px;
	letter-spacing: 0px;
    color: #333333;
    padding: 0 24px;
    margin-top: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    text-align: left;
}
.subSuccessfully .successBtn{
    width: 100%;
    text-align: center;
    margin-top: 60px;
}
.subSuccessfully .successBtn .cursor{
    width: 150px;
	height: 50px;
	background-color: #cc1414;
    border: solid 1px #cc1414;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 49px;
	letter-spacing: 0px;
	color: #fff;
}
.subSuccessfully .successBtn .cursor.anew{
    background-color: #ffffff;
    color: #333333;
    margin-right: 40px;
}