*{padding: 0px; margin: 0px;}
body{min-width: 320px;}
a,ul,li{text-decoration: none;list-style:none}
.top{ float: left; width: 100%; height:200px; background: #fff;}
.footer{float: left;width: 100%; height: 200px; background: #fff;}
.coenter{  width: 100%;min-height:550px; background: #fff;overflow: hidden;}
.coenter-main{width: 1200px; min-height:550px; margin: auto;}
.coenter-next{width: 1200px;min-height:550px; margin:60px 0;background: #fafafa;overflow: hidden;padding-top: 20px; position: relative;padding-bottom: 50px;}
.coenter-title{width: 100%; line-height:60px; text-align: center;font-size: 30px;font-family:'微软雅黑'; color: #408ece}
/*第一步*/
.step-1{width: 100%; min-height: 480px;}
.coenter-dec{width: 100%; line-height: 40px; text-align: center;color: #625d61; font-size: 22px}
.caselist{width: 880px;min-height: 300px;  margin-top:40px;margin-left: 160px; margin-right: 160px; }
.casepro{float: left;border-radius: 8px;border: 3px solid #ffffff;background-color: #ffffff;}
.casepro:hover{border: 3px solid #0574ff;}
.pro{width: 345px;}
.casepro_title{font-size: 22px;font-weight: bold;line-height: 50px;text-indent: 10px;}
.casepro_cont{font-size: 20px;line-height: 50px;text-indent: 10px;}
.casepro img{width:100%;vertical-align: top;}



/*第二步*/
.coenter-model{ width: 92%; margin-left: 4%;margin-right: 4%; }
.modetitle{width: 92%; margin-left: 4%;margin-right: 4%; line-height: 40px;color: #999;}
.modelist{width: 92%; min-height: 400px; margin-left: 4%;margin-right: 4%;}
.modelist ul{margin-top: 3%;}
.modelist ul li{ float: left; width:12.4%; margin-left:17px; background: #fff;border-radius: 8px 8px 8px 8px;border: 3px solid #ffffff;}
.modelist ul li:first-child,.ecoderlist ul li:first-child{margin-left: unset;}
.modelist ul li img{ float: left; width:100%;border-radius: 8px 8px 0px 0px;}
.modelist ul li p{ line-height: 25px;padding: 5px;font-size: 13px;}
.modelist ul li h3{clear: both;padding-left: 10px; margin-bottom: 5px}
.modelist .on{border: 3px solid #0574ff;}
.modelist .on:hover{border: 3px solid #0574ff;}
.parameter{ float: left; width: 96%; margin-left:2%; margin-top:2%;}
.parameter p{ font-size: 16px;color: #666;font-family: "微软雅黑"; line-height: 30px; }
.step-erob{ float: right; width: 110px;line-height: 35px; background:#1E9FFF;color: #fff; text-align: center;margin-top: 30px; cursor: pointer}
/*第二步 eCoder35 */
.coenter-model{width: 92%; margin-left: 4%;margin-right: 4%; }

.ecoderlist{width: 98%; min-height: 400px; margin:1% 1% 0;}
.ecoderlist ul li{ float: left; width:153px;  margin-right:7px; background: #fff;border-radius: 8px 8px 8px 8px;border: 3px solid #ffffff;margin-bottom: 20px;}

.ecoderlist ul li h3{clear: both;padding-left: 10px;font-size: 18px;padding-bottom: 10px;}


.ecoderlist ul li img{ float: left; width:100%;border-radius: 8px 8px 0px 0px;}
.ecoderlist ul li p{ line-height: 25px;padding-right:5px; padding-left: 5px; font-size: 14px}
.ecoderlist .on{border: 3px solid #0574ff;}
.ecoderlist .on:hover{border: 3px solid #0574ff;}
.step-ecoder{width: 110px;line-height: 35px; background:#1E9FFF;color: #fff; text-align: center;margin-top: 30px; cursor: pointer}
.back-ecoder{width: 110px;line-height: 35px; background:slategrey;color: #fff; text-align: center;margin-top: 30px; cursor: pointer}
/* Border styles */
.parameter table thead, .parameter table tr {border-top-width: 1px;border-top-style: solid;border-top-color: #a8bfde;}
.parameter table {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #a8bfde;}
/* Padding and font style */
.parameter table td, .parameter table th {padding: 5px 10px;font-size: 30px;font-family: Verdana;color: #000;}
/* Alternating background colors */
.parameter table tr:nth-child(even) {background: #2e9dd5}
.parameter table tr:nth-child(odd) {background: #FFF}
.step-3 .caselist{width: 91%;min-height: 300px; margin-left: 4%; margin-right: 4%; margin-top:10px; border: 3px solid #379cd0 }
.casename{width: 100%; margin-bottom: 20px; }
.casename span{background: #fff01e;padding: 8px 15px;color: #378174;font-weight: bold; margin-top: 20px; margin-left: 15px;font-size: 20px;display: inline-block;}
.casetable{background: #dcdcdc; margin-left: 10px;margin-right: 10px; font-size: 30px }
/* Border styles */
.casetable table thead, .casetable table tr {border-top-width: 1px;border-top-style: solid;/*border-top-color: #a8bfde;*/}
.casetable table {border-bottom-width: 1px;border-bottom-style: solid;/*border-bottom-color: #a8bfde;*/width: 100%;}
/* Padding and font style */
.casetable table td, .casetable table th {padding: 0;font-family: Verdana;color: #000;line-height: 30px}
/* Alternating background colors */
.casetable table tr:nth-child(even) {background: #fff}
.casetable table tr:nth-child(odd) {background: #FFF}

.step-4 .caselist{width: 92%;min-height: 250px; margin-left: 4%; margin-right: 4%; margin-top:14px; /*border: 3px solid #2d9bda */}
.anzhuang{width: 92%; min-height: 250px; margin-left: 4%;margin-right: 4%;}
.anzhuang ul{width: 96%; margin-left:2%; margin-top:2%;}
.anzhuang ul li{ float: left; width:275px; margin-right:10px;margin-bottom: 30px; background: #fff;border-radius: 8px 8px 8px 8px;border: 3px solid #ffffff;}
.anzhuang ul li img{ float: left;border-radius: 8px 8px 0px 0px;}
.anzhuang ul li p{line-height: 25px;padding-right:5px; padding-left: 5px; text-align: center; clear: both;padding: 20px 0;font-size: 20px;}
.anzhuang .on{border: 3px solid #0574ff;}
.anzhuang .on:hover{border: 3px solid #0574ff;}


.step-5 .caselist{ float: left; width: 92%;min-height: 300px; margin-left: 4%; margin-right: 4%; margin-top:40px; border: 3px solid #2d9bda }
.caseselst{margin:30px 0 30px 20px;}
.caseselst-title{ float: left;margin-right: 30px;line-height: 40px;color: #5299c3;font-weight: bold; }
.planedec{ width: 95%;min-height: 60px; padding: 20px;font-size: 12px;color:#5299c3;font-weight: bold; }
.planetitle{ float: left; width:3%;}
.planedecemin_left{float: left;color: red;}
.planedecemin_right{float: left;color: red;width: calc(100% - 30px);text-align: justify;}
.step-5 .anzhuang ul li p{font-size: 18px}

.step-6 .caselist{width: 92%;min-height: 300px; margin-left: 4%; margin-right: 4%; margin-top:40px; border: 3px solid #2d9bda }
.which_group {list-style:none;margin:0;padding:0;font-size:15px;color:#595959;float: left;}
.which_group li {float:left;list-style:none;padding-left:15px;padding-right:15px;cursor:pointer;border: 2px solid #fafafa;box-shadow:1px 2px 3px #D9D9D9;margin-right:30px;color: #5299c3;font-weight: bold;line-height:32px; }
.which_group li:first-child {border-top-left-radius:3px;border-bottom-left-radius:3px;}
.which_group li:last-child {border-top-right-radius:3px;border-bottom-right-radius:3px;}
.which_group li.on{border: 2px solid rgb(82, 153, 195); color: rgb(82, 153, 195);}

.casecart{width: 92%;min-height: 300px; margin-left: 4%; margin-right: 4%; margin-top:40px;  }
.casecart table {border-collapse: collapse;}
.casecart table,.casecart th,.casecart td{border: 1px solid #1894d2;}

.cartlist-title{width: 100%; margin-top: 20px;border: 1px solid #1894d2;}
.cartlist-title3{cursor: pointer;}
.cartlist-title p{float: left; width: 30%; line-height:60px; text-align: center;}
.cartlist-title .cartlist-title3{width: 10%;}
.cartlist-details{ float: left; width: 100%; min-height: 60px;overflow: hidden;border-top:1px solid #1894d2;border-left: 1px solid #1894d2;border-right:1px solid #1894d2;border-bottom:1px solid #1894d2; }
.details-nubmer{ width: 100%; min-height: 60px;overflow: hidden;border-top:1px solid #1894d2;border-left:1px solid #1894d2;border-right:1px solid #1894d2;}
.details-nubmer p{float: left; width: 30%; line-height:60px; text-align: center;}
.readonly-add{padding-left:10px; padding-right: 10px; height:30px; }
.readonly-num{padding-left:8px; padding-right: 8px; height:25px;text-align: center;width: 40px;}
.readonly-red{padding-left: 10px;padding-right: 10px;height:30px;}
.addcart{ float: left; width: 100%; height:50px; line-height: 50px; margin-top:30px;  }
.addcart a{ float: right; height: 50px;padding-left:30px; padding-right: 30px;  line-height: 50px;background: #2f9cd5; color: #fff;border-radius: 8px 8px 8px 8px; }
.continueto{ float: left;width:200px;margin-left: 30%; margin-right:30%;  height:45px;line-height:45px; padding: 8px;padding-left:10px;border:1px solid #dcdcdc; color: #666;  }

.cart-product{float: right; width: 40%; min-height:220px; margin-top: 20px; margin-bottom: 20px; border: 3px solid #2b9ed7; border-radius: 8px 8px 8px 8px;}
.cart-product ul{ float: left; width:94%;margin:3%;}
.cart-product ul li{ float: left; width: 100%;line-height: 50px;border-bottom:2px solid #2b9ed7;  }
.cart-add-product{float: left;width:94%;margin:3%;}
.huqprion{ cursor: pointer; clear: both;height: 50px;padding: 0 40px;line-height: 50px;background: #2f9cd5;color: #fff;border-radius: 8px 8px 8px 8px;margin: 40px auto;width: 15%;text-align: center;}

.step-8{margin: 20px 87px 0;}
.step-8 .cart-case-nubmer{ float: left;min-height: 300px; margin-top:40px; width: 100%}
.cart-case-nubmer table {border-collapse: collapse;}
.cart-case-nubmer table,.cart-case-nubmer th,.cart-case-nubmer td{border:2px solid #1894d2;}

.companylist{float: left; width: 50%; min-height: 150px; margin-top:30px; margin-right: 50%; } 
.companylist span{float: left;width: 20%; height: 30px;line-height: 30px; text-align: right;padding-right: 5px;}
.companylist input{ float: left;width:70%; height: 30px;line-height: 30px; }
.company-input{ float: left;width: 100%; margin-top:10px;  }
.generate{text-align: center;width: 18%;margin: 60px auto 20px;height: 50px;padding-left:40px; padding-right: 40px;  line-height: 50px;background: #2f9cd5; color: #fff;border-radius: 8px 8px 8px 8px; }
.generate:hover{color: red}


.planedecemin,.planetitle{font-size: 14px; color: red;}
.planedecemin{width: calc(100% - 32px);}
.delc{ width: 10%;float: left;line-height: 60px; cursor: pointer;text-align: center;}
.delc:hover{color: red}
.coenter-models{float: left;width: 100%;text-align: center;font-size: 22px;margin: 23px 0;}
.tjxx{text-align: center;font-size: 23px;font-weight: inherit;    padding-bottom: 28px;}
.details-nubmer{border: 1px solid #1894d2;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}

.casetable tr td{font-size: 16px; text-align: center}
.casetable tr th{font-size: 18px;}
/* .casetable table tr td:first-child{text-align: left} */
.forward{position: absolute; bottom: 0; right: 0;}
.back{position: absolute; left : 0; bottom: 0;}

.fl{float: left;}
.fr{float: right;}
.erob-ul2 li{width: 18.2%;}

.web_casecart_titles{line-height: 40px;font-size: 14px;font-weight: bold;}
.web_casecart_lists{line-height: 40px;text-align: center;}
.web_ecode_table_tr{line-height: 40px;text-align: center;}
.web_ecode_table_titles{line-height: 40px;font-size: 14px;font-weight: bold;}
.web_casecart_table_title0{line-height: 60px;}
.web_casecart_table_title1{line-height: 50px;}
.web_cart_conts{width: 50%;float: left;}

a:hover{color: #ffff;}

@media  (min-width: 768px) and (max-width: 1199px){
	.coenter-main{width: 100%;}
	.coenter-next{width: 100%;}
	.huqprion{width: 240px;padding: 0;}
	.caselist{width: auto;margin: 40px auto 0;}
	.modelist ul li{width:135px;margin: 20px 15px 0 0;}
	.which_group{width: calc(100% - 145px);}
	.which_group li{margin-bottom: 15px;}
	.pro{max-width: 345px}
}
@media  (min-width: 900px) and (max-width: 1199px){
	.caselist{width: 880px}
}

@media screen and (max-width:767px) {
	.coenter-main{width: 100%;min-height: auto;}
	.coenter-next{width: 100%;}
	.caselist{width: auto;margin: 20px 15px 0;}
	.casepro{margin-left: 0;width: auto;width: calc(50% - 14px);}
	.pro{width: 100%;}
	.step-1{min-height: auto;}
	.coenter-next{min-height: auto;}
	.caselist{min-height: auto;}
	.casepro_title{line-height: 30px;text-indent: 0;text-align: center;}
	.casepro_cont{line-height: 30px;text-indent: 0;text-align: center;font-size: 18px;}
	.anzhuang{width: auto;min-height: auto;margin-left: 0;margin-right: 0;}
	.anzhuang ul{width: auto;margin-top: 0;margin-left: 0;}
	.anzhuang ul li{margin-right: 0;width: calc(50% - 14px);}
	.anzhuang ul li:nth-child(2){float: right;}
	.modelist{width: auto;margin: 0 15px;min-height: auto;}
	.modelist ul{margin-bottom: 15px;}
	.modelist ul li{width: calc(50% - 14px);}
	.modelist ul li:nth-child(2n){margin: 0  0 0 8px;float: right;}
	.modelist ul li:nth-child(2n+1){margin: 0 8px 0 0;}
	.modelist ul li:nth-child(n+3){margin-top: 16px;}
	.ecoderlist ul li{width: calc(50% - 14px);}
	.ecoderlist ul li:nth-child(2n){margin: 0  0 0 8px;float: right;}
	.ecoderlist ul li:nth-child(2n+1){margin: 0 8px 0 0;}
	.ecoderlist ul li:nth-child(n+3){margin-top: 16px;}

	.step-5 .anzhuang{padding: 0 5px;}
	.step-5 .anzhuang ul li:nth-child(2){float: left;}
	.step-5 .anzhuang ul li{margin-left: 10px;width: calc(50% - 12px);max-width: 150px;}
	.step-5 .anzhuang ul li:first-child{margin-left: 0;}

	.which_group li{margin-top: 15px;}

	.planedec{width: auto;text-align: justify;}
	.planedecemin{width: 100%;}

	.step-6 .casename span{margin-left: 5px;font-size: 18px;}

	#planeTime_two #planeTime_2{margin-top: 0;}

	.layui-table{font-size: 12px;line-height: 1.5;}

/* 	.readonly-add{display: block;margin: auto;margin-bottom: 5px;}
	.readonly-num{display: block;margin: auto;padding: 0;}
	.readonly-red{display: block;margin: auto;margin-top: 5px;} */
	.readonly-add{padding: 0;width: 20px;}
	.readonly-num{padding: 0;width: 20px;}
	.readonly-red{padding: 0;width: 20px;}
	.details-nubmer{min-height: auto;}
	.details-nubmer p:first-child{width: 34%;line-height: 20px;}
	.details-nubmer .ecoder:first-child{line-height: 40px;}
	.details-nubmer p:nth-child(2){width: 18%;line-height: 40px;}
	.details-nubmer p:nth-child(3){width: 30%;margin-top: 5px;line-height: 30px}
	.delc{width: 18%;line-height: 40px;}

	.cartlist{font-size: 12px;}
	.cartlist-title p{line-height: 30px}
	.cartlist-title p:first-child{width: 34%;}
	.cartlist-title p:nth-child(2){width: 18%;}
	.cartlist-title p:nth-child(3){width: 30%;}
	.cartlist-title p:nth-child(4){width: 18%;}

	.web_casecart_titles{line-height: 20px;font-size: 12px;}
	.web_casecart_lists{line-height: 20px;}
	.web_ecode_table_titles{line-height: 20px;font-size: 12px;}
	.web_ecode_table_tr{line-height: 20px;}
	.web_casecart_table_title0{line-height: 50px;font-size: 16px;}
	.web_casecart_table_title1{line-height: 40px;font-size: 14px;}
	.step-8{margin: 20px;}
	.web_cart_conts{float: none;width: 100%;}
	.web_cart_conts1{margin-top: 20px;}
	.layui-form-item .layui-form-label{text-align: left;}
	.casecart{margin-top: 20px;}

	.casecart th{width: 10%;}
	.casecart th:nth-child(6){width: 15%;}
	.casecart th:nth-child(9){width: 15%;}
	
	.coenter-title{font-size: 25px;}
	.huqprion{width: 240px;padding: 0;margin: 40px auto 0;}
	.generate{width: 240px;padding: 0;margin: 40px auto 0;}

	.casetable tr th{font-size: 12px;}
	.casetable tr td{font-size: 12px;line-height: 2;}

}

@media screen and (max-width:359px) {
	.step-5 .anzhuang ul li p{font-size: 16px;}
	.step-6 .casename span{font-size: 16px;}
	.details-nubmer .ecoder:first-child{line-height: 20px;}
	.ecoderlist ul li p{font-size: 13px;}
	.casecart{width: 98%;margin: 0 1%;}
	.web_casecart_titles{font-size: 12px;}
}