.solution-banner{
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("../images/customization_banner.jpg");
}
.solution-banner-box{
    position: relative;
    height: 100%;
}
.customization{
    color: #333;
}
.customization .title{
    padding: 25px 0;
    box-shadow: 0 5px 5px rgba(0,0,0,.1);
    margin-bottom: 60px;
}
.customization .title h3{
    font-size: 28px;
    margin-bottom: 25px;
}
.customization .title h3:before{
    content: '';
    background: url("../image/customization_icon.png") no-repeat;
    display: inline-block;
    width:35px;
    height:35px;
    margin-right: 5px;
    vertical-align: text-bottom;
}
.customization .title p{
    font-size: 18px;
}
.customization .title p span{
    margin-right: 15px;
}
.customization .image{
    text-align: center;
}
.step_first .content{
    border-bottom:1px solid #ddd;
}
.list{
    /*height:750px;*/
    /*overflow-y: auto;*/
}
.list_tit{
    font-size: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}
.list_tit span{
    font-size: 16px;
    color: #999;
    display: block;
}
.list_content .name{
    font-size: 16px;
    margin-bottom: 8px;
}
.list_content{
    border-bottom: 1px solid #ddd;
    height:450px;
    overflow-y: auto;
}
.list_content li{
    margin-bottom: 30px;
}

.list_content dd {
    border: 1px solid #ddd;
    width:31.5%;
    margin-right: 1.3%;
    margin-bottom: 2%;
    font-size: 14px;
    padding: 8px;
    display: inline-block;
}
.list_content dd.checked{
    border: 2px solid #ffc601;
}
.list_content dd span{
    color: #999;
    display:block;
    margin-top: 5px;
}
.list .viewMore{
    text-align: right;
    font-style: normal;
    color: #999;
    font-size: 20px;
    margin: 5px 0 30px;
    display: block;

}
.list .viewMore:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width:19px;
    height:9px;
    background:  url("../images/customization_icon.png") no-repeat 0 -48px;
    margin-left: 8px;
    margin-top: -4px;
}
.priceBox{
    margin-bottom: 60px;
    text-align: center;
}
.priceBox .price{
    font-size: 40px;
    margin-bottom: 40px;
}
.priceBox .price span{
    font-size: 16px;
    display: block;
    color: #999;
}
.priceBox .config{
    margin-left: 20px;
}
.priceBox .config p{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;

}
.priceBox .config li{
    list-style: disc inside;
    margin-left: 1em;
    color: #666;
}
.priceBox button{
    width:200px;
    height:40px;
    text-align: center;
    line-height: 40px;
    background-color: #ffc601;
    border-radius: 8px;
    color: #fff;
    border-width:0;
    font-size: 20px;
    margin-top: 30px;
    outline: none;
}
.include{
    text-align: center;
    width:85%;
    margin: 40px auto;

    overflow: hidden;
}
.include .inc_title{
    font-size: 20px;
    margin-bottom: 20px;
}
.include dt{
    width:21%;
    margin-right: 4%;
    font-weight: normal;
    float: left;
    border-right:1px solid #ddd;
}
.include dt:last-child{
    border-right-width: 0;
}
/*.include dt img{*/
    /*width:100%;*/
    /*height:140px;*/
    /*background-color: #ddd;*/
    /*margin-bottom: 15px;*/
/*}*/

.include dt div{
    height:60px;
    line-height: 60px;
}
.include dt i{
    background: url("../image/customization_icon.png") no-repeat;
    background-position-x:0 ;
    vertical-align: middle;
    display: inline-block;

    /*display: block;*/
    /*margin: 15px auto;*/
}

.include dt i.instructions{
    background-position-y: -137px;
    width:26px;
    height:27px;
}
.include dt i.motor{
    background-position-y: -175px;
    width:32px;
    height:27px;
}
.include dt i.roller{
    background-position-y: -218px;
    width:31px;
    height:31px;
}
.include dt i.fuse{
    background-position-y: -273px;
    width:49px;
    height:15px;
}
.upgradeConfig{
    padding:60px 20px;
}
.upgradeConfig .upgradeConfigUL{
    border:1px solid #ddd;
    border-top-width:0;

}
.upgradeConfig .upgradeConfigUL li{
    border-top:1px solid #ddd;
    padding:20px;
    color: #666;
    font-size: 16px;
}
.upgradeConfig .upgradeConfigUL li i{
    display: inline-block;
    background: url("../images/customization_icon.png") 0 -84px no-repeat;
    vertical-align: middle;
    width:14px;
    height:14px;
    margin-right: 40px;
}
.upgradeConfig .upgradeConfigUL li .price{
    float: right;
}
.upgradeConfig .upgradeConfigUL li.checked i{
    background-position: 0 -107px;
}
.priceBox.shadow{
    border:1px solid #eee;
    box-shadow: 0 0 35px rgba(89,115,157,.3);
    padding:30px;
}
.priceBox.shadow .price,.priceBox.shadow .config{
    border-bottom:1px solid #ddd;
    padding-bottom: 5px;
}
.priceBox.shadow .config{
    padding-bottom: 25px;
}
.priceBox.shadow button{
    margin: 30px auto 0;
    display: block;
}
.w1200 {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
@media (max-width: 840px){
/*he zuo yu ding zhi*/
.solution-banner{display: none;}
}