html,body,.content{background: #f9f9f9;}
.banner-block-pc{display: block;width: 100%;padding-bottom: 12.5%;position:relative;}
.banner-block-pc>img{width: 100%;height: 100%;position:absolute;left: 0;top:0;}
.banner-block-mobile{display: none;}
.bg-left{display: block;width: 162px;height: 190px;background: url("../images/madian/conception/bg-left.svg") no-repeat center;background-size: 100% auto;position: absolute;left: 20px;bottom:20px;}
.conception-layout{max-width: 1600px;margin: 0 auto 20px;background: #fff;position: relative;}
.conception-layout-second{padding: 30px 70px 60px;}
.conception-layout-third{padding: 30px 200px 60px;}
.conception-layout>h2.title,.conception-title{text-align: center;margin-bottom: 30px;}
.conception-title>h2.title{margin-bottom: 12px;}
.conception-container{display: inline-block;vertical-align: bottom;margin: 20px;padding: 20px 176px 20px 60px; border: 2px solid #387821;}
.conception-section{display: flex;display: -webkit-flex;align-items: flex-start;flex-wrap: wrap;}
.conception-container .section-left{width: 48%;margin: 0 13% 0 0;}
.conception-container .section-leftTop{display: flex;display: -webkit-flex;align-items: flex-start;width: 100%;}
.section-person{max-width: 120px;}
.section-person2{max-width: 180px;}
.section-person-dialog{max-width: calc(100% - 330px);margin: 0 15px;}
.dialogLeft,.dialogRight{font-weight: bold;}
.dialogLeft{width: 100%;text-align: left;}
.dialogRight{width: 100%;text-align: right;margin-top: 66px;}
.section-leftBottom{position:relative;}
.section-leftBottom:before{width: 29px;height: 232px;transform: rotateY(180deg);background: url("../images/madian/conception/dialog-arrow.svg") no-repeat center;background-size: 100% auto;position: absolute;right: -23px;top:170px;content: '';}
.section-leftBottom:after{width: 28px;height: 232px;background: url("../images/madian/conception/dialog-arrow.svg") no-repeat center;background-size: 100% auto;position: absolute;left: -34px;bottom:100px;content: '';}
.section-leftBottom>.title{font-size: 30px;color: #F7A081;text-align: center;margin: 60px 0 30px;font-weight: bold;}
.conception-step-layout{display: none;}
.dialog-sectionItem{justify-content: space-between;align-items: center;margin-bottom: 30px;}
.dialog-sectionItem.dialog-sectionItem-reverse{flex-direction: row-reverse;}
.dialog-sectionLeft{width: 182px;height: 182px;margin: 0;position: relative;}
.dialog-sectionLeft img{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.dialog-sectionLeft,.dialog-sectionRight{flex-shrink: 0;}
.dialog-sectionRight{width: calc(100% - 242px);margin: 0;font-size: 16px;}
.dialog-sectionRight>.title{font-size: 47px;color: #F7A081;font-weight: bold;}
.special_product .title {font-size: 25px;font-weight: bold;line-height: 34px;margin-bottom: 30px;margin-top:60px;text-align: center;}

.conception-container .section-right{width: 39%;margin: 0;}
.conception-container .section-right .section-item>label,.conception-container .section-right .section-item>div.section-itemArr>label{display: block;width: 100%;font-size: 16px;font-weight: bold;margin-bottom: 12px;}
.conception-container .section-right input[type='text'],.section-right input[type='email']{width: 100%;height: 0px;padding:24px 12px;border: 1px solid #d5d5d5;border-radius: 6px;background-clip: content-box;}
.conception-container .section-right input[type='text']::first-line,.section-right input[type='email']::first-line{color: #303030}
.conception-container .section-item{margin-bottom: 30px;position: relative;}
.conception-container .section-right .section-item>div.section-itemArr{margin-bottom: 30px;position: relative;}
.conception-container .section-item.active>input{border-color:#ff3000; }
.section-item .data-error{position: absolute;bottom: -20px;left: 0;font-size: 12px;color: #ff3000;width: 100%;}
.section-item label>i.require{color: #ff3000;}
.privacy-policy .data-error{font-size: 12px;color: #ff3000;width: 100%;padding-left: 27px;}
.conception-num{display: flex;width: 100%;height: 34px;border: 1px solid #ddd;border-radius: 6px;overflow: hidden;}
.conception-num-sec, .conception-num-add {width: 18%;display: block;text-align: center;font-size: 18px;font-weight: bold;line-height: 28px !important;color: #fff;background: #699B57;cursor: pointer;}
.conception-num-input{width: 64%;border: none;height: 100%;text-align: center;background: transparent;}
.nextBtn{display: none;}
.choose-style{display: none;}
.choose-style.active{display: flex;display: -webkit-flex;align-items: flex-start;flex-wrap: wrap;width: 100%;}
.choose-style>li{width: calc((100% - 36px) / 4);margin:0 12px 12px 0;border-radius: 10px;overflow: hidden;position: relative;cursor: pointer;}
.choose-style>li:after{width: 22px;height: 22px;background: url("../images/madian/conception/ico-img-check.svg")no-repeat center;background-size:100% 100%;position: absolute;right: 6px;top:6px;content: '';}
.choose-style>li.active:after{background: url("../images/madian/conception/ico-img-checked.svg")no-repeat center;background-size:100% 100%;}
.choose-style>li.active:before{width: 100%;height: 100%; border: 3px solid #387821; border-radius: 10px;content: "";position: absolute;left: 0;top:0;z-index: 2;}
.choose-style>li:nth-child(4n){margin: 0 0 12px;}
.choose-style>li>.imgLoad{width: 100%;padding-bottom: 100%;position: relative;}
.choose-style>li>.imgLoad img{position: absolute;width: 100%;height: 100%;left: 0;top:0;}
.choose-num{position: absolute;bottom: 0;display: none;color: #8b8b8b;}
.change-styleList{width: 100%;text-align: right;}
.change-styleList>a{color: #387821;border-bottom: 1px solid #387821;margin-left: 20px;}
/*comment*/
.comments-addImg{opacity:0;position:absolute;top:0;width:100%;height:100%;bottom:0;cursor:pointer;}
.design-require{display: flex;display: -webkit-flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.design-require>textarea{width: calc(100% - 112px);height: 100px;margin: 0;padding: 12px;border: 1px solid #d5d5d5;border-radius: 6px;}
.design-require>a{display: block;width: 100px;height: 100px;margin: 0;position: relative;background: url("../images/madian/conception/uploadImg.svg") no-repeat center;background-size: 100% auto;}
.design-require>a:hover{background: url("../images/madian/conception/uploadImg_hover.svg") no-repeat center;background-size: 100% auto;}
.design-require>a.disable{background: url("../images/madian/conception/uploadImg_disable.svg") no-repeat center;background-size: 100% auto;}
.comments-imgList{display: flex; align-items: flex-start; width:100%;flex-wrap:wrap;position:relative}
.comments-imgList div.select-thumb-item{margin:10px 10px 0 0;}
.comments-imgList>div:nth-child(4n){margin: 10px 0 0 0;}
.conception-container .choose-windows,.conception-container .choose-priceRang{flex-wrap: wrap;align-items: flex-start;}
.conception-container .choose-windows>label,.conception-container .choose-priceRang>label{width: calc((100% - 12px) / 2);height: 44px;line-height: 44px;text-align: center;font-weight: bold;margin: 0 12px 12px 0;position: relative;}
.conception-container .choose-windows>label.active,.conception-container .choose-priceRang>label.active{color: #3e8f3e;}
.conception-container .choose-windows>label:nth-child(2n),.conception-container .choose-priceRang>label:nth-child(2n){margin: 0 0 12px 0;}
.conception-container .choose-windows>label input,.conception-container .choose-priceRang>label input{width: 100%;height: 100%;border: 1px solid #d5d5d5;border-radius: 6px;position: absolute;left: 0;top: 0;cursor: pointer;}
.conception-container .choose-windows>label input:checked,.conception-container .choose-priceRang>label input:checked{border-color:#387821;background-image:url("../images/madian/conception/ico-checked.svg");background-repeat: no-repeat;background-size: 18px 16px;background-position: calc(100% + 1px) calc(100% + 1px);}
.conception-container .choose-windows>label input:hover, .conception-container .choose-priceRang>label input:hover{border-color:#387821;}
.privacy-policy,.consent{display: flex;display: -webkit-flex;align-items: flex-start;flex-wrap: wrap;margin-bottom: 12px;cursor: pointer;}
.privacy-policy>input[type="checkbox"],.consent>input[type="checkbox"]{width: 15px;height: 15px;margin:0 12px 0 0;border-radius: 0;cursor: pointer;background: url("../images/madian/ico-check.svg")no-repeat center;background-size:100% 100%; outline: none;position: relative;top:1px;flex-shrink: 0;}
.privacy-policy>div.privacy-policy-text,.consent>div.consent-text{width: calc(100% - 27px);margin: 0;}
.privacy-policy-text>a,.privacy-policy-text>a:hover{margin: 0;color: #387821;text-decoration: underline !important;}
.privacy-policy>input[type="checkbox"]:checked,.consent>input[type="checkbox"]:checked{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAPFBMVEU3dyAwcCBCfixCfysAAAA6eSM6eSM4eCH///+0zKuDq3Ty9vFdkUrm7uOcvJB1oWVQiTynw51qmlhDfy7Lp6qGAAAAB3RSTlOQEOzrANPSl+hXPAAAAI9JREFUOMvt1DEOg0AMRFF7WbAJWSDJ/e8apYApRlq7SYHEr580lS1VZbBug2gVnSxsUhFLJOdisGupbvZrW/cEm90bWEf5AtZR/gALFTNWzFgx+zR/kWK2uftMiti+nA6KmT0PB8UMDooZXINiBncoYuSgiMFBMYNb39e4hf+xklEl+wZ1jNWoUlVKtKj1C9+3KBOqsHZLAAAAAElFTkSuQmCC") no-repeat center;background-size:100% 100%;}
.conception-submit{display: block;width: 100%;height: 74px;line-height:74px;text-align: center;background: #303030;color: #fff;margin: 28px 0 60px;font-family: Nunito Sans;border: none;border-radius: 6px;font-size: 16px;cursor: pointer;}
.conception-submit:hover{background: #000;}
.commonProblem-list>li{display: inline-block;width: 100%;padding: 30px 40px;border: 1px solid #d5d5d5;margin-bottom: 12px;cursor: pointer;position: relative;}
.commonProblem-list>li:last-child{margin-bottom: 0;}
.commonProblem-list>li.active{border-color:#87AE79}
.commonProblem-list>li.active .title{color: #387821;}
.commonProblem-list>li .dec{margin-top: 12px;display: none;}
.commonProblem-list>li.active .dec{display: block;}
.commonProblem-list>li:before{width: 30px;height: 30px;background: url("../images/madian/conception/ico_down.svg") no-repeat center;background-size: 100% auto;content: "";position: absolute;right: 40px;top: 50%;margin-top:-15px;}
.commonProblem-list>li.active:before{background: url("../images/madian/conception/ico_down_active.svg") no-repeat center;background-size: 100% auto;content: "";}
.case-list>li{display: flex;display: -webkit-flex;align-items: flex-start;}
.conception-layout-third:before{width: 200px;height: 100%;background: url("../images/madian/conception/swiperLeft_bg.svg") no-repeat center;background-size: cover;content: '';position: absolute;left: 0;top:0;}
.conception-layout-third:after{width: 200px;height: 100%;background: url("../images/madian/conception/swiperRight_bg.svg") no-repeat center;background-size: cover;content: '';position: absolute;right: 0;top:0;}
.case-itemLeft{width: 260px;height: 347px;margin: 0 30px 0 0;position: relative;}
.case-itemLeft>img{position: absolute;width: 100%;height: 100%;left: 0;top:0;}
.case-itemRight{width:calc(100% - 290px);margin: 0;}
.case-itemRight .user-name{font-size: 18px;font-weight: bold;margin-bottom: 12px;}
.case-itemRight .case-date{position: absolute;bottom: 0;color: #8b8b8b;}
.conception-layout-third .swiper-button-next,.conception-layout-third .swiper-button-prev{display: block !important;width: 40px !important;height: 40px !important;background: url("../images/madian/conception/swiper-btn.svg") no-repeat center;background-size:100% auto; }
.conception-layout-third .swiper-button-prev,.conception-layout-third .swiper-button-next.swiper-button-disabled{transform: rotate(-180deg)}
.conception-layout-third .swiper-button-prev.swiper-button-disabled{transform: rotate(0)}
.conception-layout-third .swiper-button-prev{left: 40px;}
.conception-layout-third .swiper-button-next{right: 40px;}
.conception-layout-third .swiper-button-next:after,.conception-layout-third .swiper-button-prev:after{font-size: 0}
.conception-layout-third .swiper-button-next.swiper-button-disabled,.conception-layout-third .swiper-button-prev.swiper-button-disabled{opacity: 1 !important;background: url("../images/madian/conception/swiper-disable-btn.svg") no-repeat center;background-size:100% auto}
/*sketchBox*/
.sketch-box{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 9999;}
.sketch-box .sketch-box-bg{background: rgba(0,0,0,0.5);width: 100%;height: 100%;position: fixed;}
.sketch-contain{width: 634px;background: #fff;padding:30px 90px;position: relative;z-index: 99999;top:100px;transition: all .5s}
.sketch-title{font-size: 18px;font-weight: bold;}
.sketch-list{display: flex;display: -webkit-flex;width: 100%;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.sketch-list>li{width: calc((100% - 60px) / 2);margin: 20px 60px 0 0;flex-shrink: 0;}
.sketch-list>li:nth-child(2n){margin: 20px 0 0 0;}
.sketch-list>li>.sketch-itemBottom{line-height: 22px;font-weight: bold;margin-top: 12px;padding-left: 28px;position: relative;}
.sketch-list>li>.sketch-itemBottom:before{width: 22px;height: 22px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAcBJREFUSEu1lbtOAkEYhb/t7CSEwgSi2NkpJSEh8gT6BmpJQqJvoCQUdEJh7SvoE6CxsFQ7OilNJAQ7YoM5zO6yl5kVSZxkQ8LOfnPm/DcPx5pDDjgBDoEDoOxvHQGvwB1w78HUhvCSf/rAc+ACA89agvaAfvKAGNiHDnyFvzBjr3WDRhQegn3o+woqXQdK/W4AX4CtSvN5mEyyVedyMI1ZHCoPwFfAZUhpNqHTgVoNhkM7vFyG52e4uTF7l6vtwZWXsmBjA15eYG8PPj6g0UjDBR0MQL+jEVQqUeXGkrmJ/nVM1taWUaMPk/AoVO+qVQOPrzOBlY9HqfsmAVI+my2Vum5jQPcC67gdq5FR+OcnfH9Dsei2aAl5FXieGXrBn56gVDLbdEC97g6qD/tX8HpW2IMWXP5t/eApExTQdEaEwTsFbtdKNzd8kW7qYLJjcwFftUAeH2F721YgX2qx9pJutaDdzi5pVaaqr9+Hbjdd0pEm9ADshzsKBRiP/9qE3jQY1OGSbXNpSTbS9jawYNHubI0+rny1A0KlwXbXaFJj0mMC6l5SqdHUyxxN0e/9bDkG9GiQBv5LnSxT87pzDdMfgvPN6qgFLtEAAAAASUVORK5CYII=") no-repeat center;background-size: 100% 100%;content: '';position: absolute;left: 0;}
.sketch-list>li>.sketch-itemBottom.active:before{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAjZJREFUSEutlU1oE0EUx/+vYhoj1oDn0inixYOJ+NFSPFToRRCsF0+CRhQ9CO7FGkGwPVl6aBMEycFatCIURFK9CCpWQSh4SfEiXlyEXmt7EHdskycznQm722yyqe5xdt7v/ed9EiK+rCPSnZ24AGCQCFmAxOZVdplRoQ6Uvd+YrxTc1UYICh8qYDKJG8xwiCgd5Vi7YF4lQsHzUAw7CICNyvdElG0GDP9j5oqUOOmH18EG+r2VyiiHSr2U6LVwDd6u0mbKNbg/L0YButvO8+3dXYkU/mxIVGtVc8Rji+PuKP1LCBR0KjeDn79WcOfZdQ23IaG+EeFQB021q9ZCM+IY5IbEtdI5fF3+YlXnqO+WKBPRmXbAYWh+9ioWv32sI5h5nvrzvS6AnrjgVlBT3xUF5v8Jtawt4K5UGqcOn8Xcp5mAvzhK/QaBUKQSu3H/8lMc7M7gwesJzH4o6bvtQpl5KZA8BShceoxDPUc08N6L23iz9EqXlM1+OFGNwmiSJy4CVH+3go+fL+H4gROocQ3LKz/QvU/okooDNRMwZxqEXCLstd537khgMvcIR/cP6KP16jpGnlwJlFT0zMCalCwiW3pPsgvPby5AJXP6XREP3xZjFo9pad8QWiCijN9aJXMocxovP8/FgqqkSYlBNeFCYzMYklg028S8GYLA2LQAM5C2KG/lwK+03iBhI7OaHGZy/AltXFZYI2K1mgpNV5Pf2DgYZsYwAGHjr9QBUFVU9jyUo5bpX4DDM/2OzL8AAAAAAElFTkSuQmCC") no-repeat center;background-size: 100% 100%;}
.sketch-list>li>.sketch-itemTop{width: 100%;padding-bottom: 66.5%;position: relative;}
.sketch-list>li>.sketch-itemTop img{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.turnUpCamera{display: block;width: 100%;height: 50px;margin-top: 40px;text-align: center;background: #303030;color: #fff;font-family: Nunito Sans;border: none;border-radius: 6px;font-size: 16px;cursor: pointer;}
.turnUpCamera:hover{background: #000;}
.sketch-addImg{position: relative;}
.conception-step-section,.conception-step-head{display: none;}
/*successBox*/
.conception-success-box{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 9999;}
.conception-success-box .conception-success-box-bg{background: rgba(0,0,0,0.5);width: 100%;height: 100%;position: fixed;}
.conception-success-contain{width: 634px;background: #fff;padding:30px 90px;position: relative;z-index: 99999;top:100px;}
.conception-success-contain:before{width: 150px;height: 100%;background: url("../images/madian/conception/successBox_bg.svg") no-repeat center;background-size: cover;content: '';position: absolute;right: 0;top:0;z-index: -1;}
.conception-success-contain>.title{position: relative;padding-left: 34px;font-size: 18px;font-weight: bold;margin-bottom: 12px;}
.conception-success-contain>.title:before{width: 22px;height: 22px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAjZJREFUSEutlU1oE0EUx/+vYhoj1oDn0inixYOJ+NFSPFToRRCsF0+CRhQ9CO7FGkGwPVl6aBMEycFatCIURFK9CCpWQSh4SfEiXlyEXmt7EHdskycznQm722yyqe5xdt7v/ed9EiK+rCPSnZ24AGCQCFmAxOZVdplRoQ6Uvd+YrxTc1UYICh8qYDKJG8xwiCgd5Vi7YF4lQsHzUAw7CICNyvdElG0GDP9j5oqUOOmH18EG+r2VyiiHSr2U6LVwDd6u0mbKNbg/L0YButvO8+3dXYkU/mxIVGtVc8Rji+PuKP1LCBR0KjeDn79WcOfZdQ23IaG+EeFQB021q9ZCM+IY5IbEtdI5fF3+YlXnqO+WKBPRmXbAYWh+9ioWv32sI5h5nvrzvS6AnrjgVlBT3xUF5v8Jtawt4K5UGqcOn8Xcp5mAvzhK/QaBUKQSu3H/8lMc7M7gwesJzH4o6bvtQpl5KZA8BShceoxDPUc08N6L23iz9EqXlM1+OFGNwmiSJy4CVH+3go+fL+H4gROocQ3LKz/QvU/okooDNRMwZxqEXCLstd537khgMvcIR/cP6KP16jpGnlwJlFT0zMCalCwiW3pPsgvPby5AJXP6XREP3xZjFo9pad8QWiCijN9aJXMocxovP8/FgqqkSYlBNeFCYzMYklg028S8GYLA2LQAM5C2KG/lwK+03iBhI7OaHGZy/AltXFZYI2K1mgpNV5Pf2DgYZsYwAGHjr9QBUFVU9jyUo5bpX4DDM/2OzL8AAAAAAElFTkSuQmCC") no-repeat center;background-size: 100% 100%;content: '';position: absolute;left: 0;}
.conception-success-contain>.text{font-weight: bold;font-size: 14px;}
.conception-success-btn{width: 100%;height: 74px;text-align: center;background: #303030;color: #fff;margin: 90px 0 0;font-family: Nunito Sans;border: none;border-radius: 6px;font-size: 16px;cursor: pointer;}
.conception-success-btn:hover{background: #000;}
.conception-coupon-show>p{font-weight: bold;margin-top: 20px;}
.conception-coupon-show>p>i{font-size: 20px;color: #387821;}
/*addImgBox*/
i.c8b8b8b{color: #8B8B8B;}
.select-thumb{display: flex; align-items: flex-start; width:100%;flex-wrap:wrap;position:relative}
.select-thumb>div:nth-child(4n){margin: 0 0 10px 0;}
.select-thumb-item{width:calc((100% - 30px) / 4); display: block;overflow:hidden;flex-direction: column; justify-content: center;align-items: center;margin:0 10px 10px 0;flex-shrink:0;position:relative;cursor:pointer;}
.select-thumb-item.active{display: flex;}
.select-thumb-item img{width:100%;object-fit:contain}
.select-thumb-item i{display: block; width: 20px; height: 20px; color: #fff; text-align: center; margin-bottom: 0; line-height: 24px;  font-style: normal;font-family: sans-serif; font-size: 12px; font-weight: 400; position: absolute; left: 0; top: 0; z-index: 2;}
.select-thumb-item.on i{color:#fff;background:#F26A8A;border-color:#F26A8A}
.select-thumb-img {width:100%;height:100%;border: 1px solid #ddd}
.select-imgnum span.active{ border: 1px solid #F2698A;color:#F2698A;font-weight:bold;}
.select-thumb-item.active .select-img-input2{display:none}
.select-thumb-item input{opacity: 0;}
.select-img-add{opacity:0;position:absolute;top:0;width:100%;height:100%;bottom:0;cursor:pointer;}
.thumbImg-delete{display:block;width:22px;height:22px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAh9JREFUSEu1lT+IGlEQxr8p/AMKnq1/uAvYJyA2gmAqtxByjXWS1uauEwTNpVKrnJ1dWju10yqijWBzAftYauVd5b5CJ7zl7bKuu+slIdss7M77zfe+eW+G4PEUi8WrUCj0EUCRiN4BuFGha2Z+IqKhruuj6XT67IYg50cJDIfDd8x8T0RXXonld2Z+JqJHXde7zgQnYKXyh1Loxzz5J3cghHhvh1tgBf11SaVXNqleCPHGhBvgv1XqTGJXboA1TXsA8OXVe/cP/Doejx/Iy4JAIIBKpYJ+v4/j8XiCisfjcpcYDAZnKUxLqFQqyep/c0Y0Gg3k83nM53O0220LLqGdTgfpdBq9Xg+j0chN/2cJHhLRB+ffbDaLZrOJYDBowWOxmAXdbreo1WqQbxevR6Rp2hrAtVtaO3yxWCCZTBpK/aDqfD9JMPvVwg6XcZegJusiOBqNotvtIpFIGGtms5nhObOvHvhaIaGtVguZTAa73Q6RSMTwfDKZGMm84Mz807N4dqi5/VQqZRXUD87MRvE+Afju9LlQKKBer595anp+OBxQrVax2Wzcj5u6IGsiijkjyuUylsvl2ZHK5XLY7/dYrVZuR+1FCHHz/660rQlNiejtv/QLWTQhRFF2OGfbdLXkNcmY2bDgpG2aC5Xff6zcrtS6IE41ajTdq9F0VlB7vFSpRtOj72iyL1IJbpn5Vg5S03+pDoC0TA7Todcw/Q0VVT839FLJaAAAAABJRU5ErkJggg==") no-repeat center;background-size:100% auto;position:absolute;right:6px;bottom:6px;z-index:99;cursor:pointer }
.addImg{display: block;width:calc((100% - 30px) / 4);height: 90px;position: relative;cursor: pointer;margin: 0;background: url("../images/madian/conception/upload.svg") no-repeat center;background-size: 100% auto;}
.addImg:hover{background: url("../images/madian/conception/upload_hover.svg") no-repeat center;background-size: 100% auto;}
.addImg>.select-img-add{z-index: -1;}
.imgZoom-box{width: 100%;height: 100%;position: fixed;z-index: 9999;background: rgba(0,0,0,0.5);top: 0;bottom: 0; cursor: pointer}
.imgZoom-box.close{display: none;}
.imgZoom-box img{max-width: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.imgZoom-box .imgZoom{width: 500px;margin: calc((100vh - 500px) / 2) auto;height: 500px;padding-bottom: 0;position: relative;}
/*progress*/
.progress-box{display: none; position: fixed; width: 100%; left: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.6); z-index: 9999;}
.progress-show{width: 50px;text-align: left;position: absolute; right: -60px;top: -5px;color: #fff;}
.progress-content {position: relative;width:200px;height: 8px;margin:0 auto;top:50%;background:#fff;border-radius:20px;}
#progress1{position: absolute;left: 0;width:100%;height: 8px;background: transparent;border-radius:20px;overflow: hidden;}
#progress1:before{position: absolute; width: 0; height: 100%; background: #699B57; color: #fff; font-size: 12px; text-align: center;content: '0'; color:transparent;}
#progress1.active:before{animation: aw .5s forwards;}
.progress-text{color: #fff;position: absolute;top:-26px;}
.progress-text2{color: #74ce54;font-size: 12px;position: absolute;top:16px;width: 300px;}
@keyframes aw{
    from{
        width: 0
    }
    to{
        width: 100%
    }
}
@media screen and (max-width: 1199px) and (min-width: 1024px){
    .section-person{max-width: 80px}
    .section-person2{max-width: 120px;}
    .section-person-dialog{max-width: calc(100% - 230px);}
    .dialogRight{margin-top: 20px;}
    .dialog-sectionRight {width: calc(100% - 170px);}
    .dialog-sectionLeft{width: 150px;height: 150px;}
    .section-leftBottom>.title{font-size: 20px;}
    .dialog-sectionRight>.title{font-size: 30px;}
    .section-leftBottom:before{width: 24px;top:106px;}
    .section-leftBottom:after{width: 24px;bottom: 78px;}
}
@media screen and (max-width: 991px){
    .content{padding: 50px 20px 20px;}
    .banner-block-pc{display: none;}
    .banner-block-mobile{display: block;width: 100%;padding-bottom: 30%;position: relative;}
    .banner-block-mobile>img{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
    .bg-left{display: none;}
    .conception-layout{max-width: 100%;}
    .conception-layout-third,.conception-layout-second{padding: 20px 12px;}
    .conception-container{padding: 12px;margin: 6px;}
    .commonProblem-list>li{padding: 12px;}
    .conception-container .section-left {width: 100%;margin: 0 0 30px 0;}
    .conception-container .section-right{width: 100%;}
    .conception-submit {height: 50px;line-height: 50px;font-size: 14px;}
    .case-list>li {flex-direction: column;padding: 0 44px;}
    .commonProblem-list>li .title{font-size: 14px;max-width: calc(100% - 46px);margin: 0;}
    .commonProblem-list>li .dec{font-size: 12px;}
    .commonProblem-list>li:before{width: 22px;height: 22px;margin-top: 0;top:12px;right: 12px;}
    .case-itemLeft{width: 148px;height: 198px;margin: 0 auto;}
    .case-itemRight{width: 100%;font-size: 12px;}
    .case-itemRight .case-date{position: relative;margin-top: 20px;}
    .case-itemRight .user-name{margin: 20px 0 6px;font-size: 14px;}
    .conception-layout-third .swiper-button-next,.conception-layout-third .swiper-button-prev{width: 22px !important;height: 22px !important;top:146px;margin-top: 0;}
    .conception-layout-third .swiper-button-next{right: 12px;}
    .conception-layout-third .swiper-button-prev{left: 12px;}
    .conception-layout-third:before{content: none;}
    .conception-layout-third:after{width: 120px;height: 100%;background: url("../images/madian/conception/swiperright_bg_mobile.svg") no-repeat center;background-size: cover;}
    .conception-layout>h2.title, .conception-title{font-size: 16px;margin-bottom: 12px;}
    .section-person{max-width: 48px;margin: 0;}
    .section-person2{max-width: 70px;margin: 0;}
    .section-person-dialog {max-width: calc(100% - 118px);}
    .section-leftBottom:before,.section-leftBottom:after{content: none;}
    .dialogLeft,.dialogRight{font-size: 12px;}
    .dialogRight{margin-top: 6px;}
    .section-leftBottom{display: none;}
    .conception-step-layout{display: block;}
    .conception-step-layout .section-leftBottom{display: block;padding: 20px;}
    .section-leftBottom>.title{font-size: 16px;margin: 0 0 12px;}
    .dialog-sectionLeft{width: 110px;height: 110px;}
    .dialog-sectionRight{width: calc(100% - 122px);font-size: 14px;}
    .dialog-sectionItem{align-items: flex-start;margin-bottom: 20px;}
    .dialog-sectionItem:last-child{margin-bottom: 10px;}
    .dialog-sectionRight>.title{font-size: 18px;margin-bottom: 6px;}
    .dialog-sectionItem.dialog-sectionItem-reverse{flex-direction: row;}
    .conception-bottom-flex{display: flex;display: -webkit-flex;flex-direction: column-reverse;flex-wrap: wrap;width: 100%;}
    .conception-submit{margin: 28px auto 20px;}
    .fresh-content{padding: 0;}
    .special_product .title {font-size: 16px; line-height: 22px; margin-bottom: 12px;margin-top: 30px;}
    .design-require{border-radius: 0;overflow: hidden;}
    .design-require>textarea{width: 100%;border-radius: 0;border-width: 1px 1px 0 1px;}
    .design-require>a,.design-require>a:hover{width: 100%;height: 50px;background: url("../images/madian/conception/uploadImg-mobile2.png") no-repeat center;background-size: 100% 100%;}
    .design-require>a.disable{background: url("../images/madian/conception/uploadImg-disable-mobile.png") no-repeat center;background-size: 100% 100%;}
    .choose-style>li{width: calc((100% - 14px) / 2);margin:0 14px 14px 0;}
    .choose-style>li:nth-child(4n),.choose-style>li:nth-child(2n){margin: 0 0 14px;}
    /*stepBox*/
    .conception-step-box{display: none;position: fixed;width: 100%;height: 100vh;left: 0;top:0;bottom: 0;padding: 20px 20px 100px 20px;background: #fff;z-index: 9999;overflow: scroll;}
    .conception-step-head{display: block;position: fixed;width: 100%;height: 50px;line-height: 50px;left: 0;top:0;font-weight: bold;text-align: center;font-size: 16px;background: #f9f9f9;z-index: 9999;}
    .conception-step-section{display: block;margin: 50px 0 20px;position: relative;}
    .conception-step-section:before{width: 1px;height: calc(100% - 16px);background: #d5d5d5;content: "";position: absolute;left: 4px;top:8px;}
    .conception-step-section.second:after{width: 1px;background: #3e8f3e;height:24px;content: "";position: absolute;left: 4px;top:8px;}
    .conception-step-section.three:after{width: 1px;background: #3e8f3e;height:48px;content: "";position: absolute;left: 4px;top:8px;}
    .conception-step-section>li{font-size: 12px;margin-bottom: 6px;position: relative;padding-left: 14px;}
    .conception-step-section>li:last-child{margin-bottom: 0;}
    .conception-step-section>li:before{display: block;width: 8px;height: 8px;background: #d5d5d5;border-radius: 8px;position: absolute;left: 0;top: 4px;content: "";z-index: 2;}
    .conception-step-section>li.active:before{background: #387821;}
    .section-item.section-item-third,.section-item.section-item-second{display: none;}
    .conception-container .section-item,.conception-container .section-right .section-item>div.section-itemArr{margin-bottom: 20px;}
    .conception-container .section-item>div.section-itemArr.addImgBox{display: none;}
    .addImgBox~.data-error{bottom: 70px;}
    .nextBtn{display: block;width: 100%;height: 50px;margin-top: 40px;text-align: center;background: #303030;color: #fff;font-family: Nunito Sans;border: none;border-radius: 6px;font-size: 16px;cursor: pointer;}
    .nextBtn:hover{background: #000;}
    .conception-container .choose-priceRang>label {width: 100%;margin: 0 0 20px 0;}
    /*sketchBox*/
    .sketch-list>li{width: calc((100% - 20px) / 2);margin: 12px 20px 0 0;}
    .sketch-list>li:nth-child(2n){margin: 12px 0 0 0;}
    .sketch-list>li>.sketch-itemBottom{font-size: 12px;line-height: 14px;}
    .sketch-list>li>.sketch-itemBottom{padding-left:16px;}
    .sketch-list>li>.sketch-itemBottom:before{width: 12px;height: 12px;}
    .sketch-box{position: relative;z-index: 1;display: block;}
    .sketch-box .sketch-box-bg{display: none;}
    .sketch-title{font-size: 14px;font-weight: 400;}
    .sketch-contain{width: 100%;padding:0;top:0;}
    .ico-back.stepBackBtn{width: 24px;height: 24px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAAXNSR0IArs4c6QAAAL5JREFUSEvt1LENAjEMheE/E+X1FIgNaKmALSjpGAMq5mAEswEjUFGjSEFCJx0XX8JVl9rKlzxbDkxwwgQGM+JK2R2XpDXwMDMrlVyIpB1wBu5mpubIF5Du3pvZpSlSA6SHDMZVCwwiLYCfSIzxFEI45NxdPej2qjcuSTdgCbyAhWdki5FUKOkKbIAnsBoLlTQ+jeq2BhpE8o+qoCKkFipGOtB/1spnYiQd84Jsu1ZKd1RfnSuusdiMuJKbJK4398JLGgO0N+oAAAAASUVORK5CYII=") no-repeat center;background-size: 100% 100%;position: absolute;left: 20px;top:13px;cursor: pointer;}
    .ico-close.stepCloseBtn{width: 24px;height: 24px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAAXNSR0IArs4c6QAAAZpJREFUSEvtlK9LQ1EUx79nvDcXTK4YjeMt3DebIAiKKDYNVoPBYBpYbM6kbclosAhiEAwGBbFoGp63rfgfaBCxjt175MoePGXvl8Is3nrvuZ/7/Z7vuYQRLBoBA/+QXC7/rV21Wm1ORBpa69VOp/MW93Tf9xdFZMdxnPVWq/U+7FysEqXUDREtiMijMWZhGEgptQTggohKxpiNdrt9kgvied6467pXRDQLgLXW81HQQMElEY0BqDNzM05tYk8GoDsimo6CogAR2Q2C4CApCamNr1arE47jXIcgEdkHcDpQ0GDmvbSopULsBVGQiAgR2bpMAFufCWIPKqXWAJxbgIg8G2O8pNRF1WWCKKVWQ4uMMa+FQqFse9Tv95e73e7Lr+2yACI6A+AAaPZ6vUPXdW+JqCIiT1rruTRQopLvAGau21d7njeZB5Q0jF8UhIDQmjygWIjv+/cAZgAcMfP2MN8tqFgsPgCYEpHNIAiOc018pVIpl0qlLWa2g2YS/q4pACvMfPSjiU9LTdb9TBHOetm/kt869Vk/kp58AGocwRqHccLWAAAAAElFTkSuQmCC") no-repeat center;background-size: 100% 100%;position: absolute;right: 20px;top:13px;}
    /*successBox*/
    .conception-success-btn{height: 50px;margin-top: 40px;}
    .conception-success-box{position: relative;z-index: 9;}
    .conception-success-box .conception-success-box-bg{display: none;}
    .conception-success-contain{max-width: 100%;width: 100%;top:0;background: #f9f9f9;padding: 12px 0;}
    .conception-success-contain:before{content: none;}
    .conception-success-btn{display: none;}
    /*addImgBox*/
    .select-thumb-item,.addImg{width:calc((100% - 20px) / 3);}
    .select-thumb>div:nth-child(4n),.comments-imgList>div:nth-child(4n){margin: 0 10px 10px 0;}
    .select-thumb>div:nth-child(3n){margin: 0 0 10px 0;}
    .comments-imgList>div.select-thumb-item:nth-child(3n){margin: 10px 0 10px 0;}
    /*imgZoom*/
    .imgZoom-box .imgZoom{width: 300px;margin: calc((100vh - 300px) / 2) auto;height: 300px;}
    .thumbImg-delete{display:block;width:40px;height:40px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAh9JREFUSEu1lT+IGlEQxr8p/AMKnq1/uAvYJyA2gmAqtxByjXWS1uauEwTNpVKrnJ1dWju10yqijWBzAftYauVd5b5CJ7zl7bKuu+slIdss7M77zfe+eW+G4PEUi8WrUCj0EUCRiN4BuFGha2Z+IqKhruuj6XT67IYg50cJDIfDd8x8T0RXXonld2Z+JqJHXde7zgQnYKXyh1Loxzz5J3cghHhvh1tgBf11SaVXNqleCPHGhBvgv1XqTGJXboA1TXsA8OXVe/cP/Doejx/Iy4JAIIBKpYJ+v4/j8XiCisfjcpcYDAZnKUxLqFQqyep/c0Y0Gg3k83nM53O0220LLqGdTgfpdBq9Xg+j0chN/2cJHhLRB+ffbDaLZrOJYDBowWOxmAXdbreo1WqQbxevR6Rp2hrAtVtaO3yxWCCZTBpK/aDqfD9JMPvVwg6XcZegJusiOBqNotvtIpFIGGtms5nhObOvHvhaIaGtVguZTAa73Q6RSMTwfDKZGMm84Mz807N4dqi5/VQqZRXUD87MRvE+Afju9LlQKKBer595anp+OBxQrVax2Wzcj5u6IGsiijkjyuUylsvl2ZHK5XLY7/dYrVZuR+1FCHHz/660rQlNiejtv/QLWTQhRFF2OGfbdLXkNcmY2bDgpG2aC5Xff6zcrtS6IE41ajTdq9F0VlB7vFSpRtOj72iyL1IJbpn5Vg5S03+pDoC0TA7Todcw/Q0VVT839FLJaAAAAABJRU5ErkJggg==") no-repeat center;background-size:22px auto;position:absolute;right:0;bottom:0;}
}