*{margin:0;padding:0;}
ul,li,ol{list-style-type:none;}
body{background-color:#fbfbfb;}
.flex{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
}
.hide{display:none;}
/*垂直居中*/
.center-ag{
    align-items:center;
}
/*水平居中*/
.center-jy{
    justify-content:center;
}
.comsBox{
	padding:46px 14% 0;
	position:relative;
	overflow: inherit;
}
.red{color:#e60021;}
.C9{color:#999;}

/*详情页共用*/
.detisBox{
	background-color:#fff;
	padding:40px 50px;
	position:relative;
}
.comAside{
    width:640px;
    height:580px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	align-items:center;
}
.comMains{
   width:46%;
   padding-left:30px;
   display: flex;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   flex-direction: column;
  justify-content: center;
}

/*********=============头部共用样式=============********/
.headBox{
	background-color:#e60021;
	height:56px;
}
.headBox.el-row::after,.headBox.el-row::before{display:none;}
.logo{
	padding:11px 0 12px 38px;
	align-items:center;
}
.logo span{
	background-color:#fdedb9;font-size:14px;
	display:inline-block;
	border-radius:80px;
	height:22px;
	padding:0 10px;
	margin-left:12px;color:#333;
}
.nav{
    line-height:56px;
	text-align:right;
	padding-right:38px;
	justify-content: flex-end;
}
.nav .el-link{
	font-size:16px;
}
.nav .el-link.el-link--default{
  color:#fff;padding:0 2%;	
	display:block;
}
.nav .el-link.el-link--default:hover{
	color:#fdedb9;
}
.nav .el-link.el-link--default:after, .nav .el-link.el-link--primary.is-underline:hover:after, .nav .el-link.el-link--primary:after{border:0;}
.nav .curr{
	color:#fdedb9!important;
	background-color:rgba(188,0,27,0.5);
}

/*********=============选择盒型=============*********/
/*首页*/
.mainSectBx{padding:50px 40px 6px;}
.electCol{
   text-align:center;
   margin-bottom:44px;
   float:left;
}
.electM{margin:0 10px;}
.electImg{
	width:100%;
	height:304px;
	background-color:#f4f4f4;
	border-radius:6px;
	margin-bottom:12px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	justify-content: center;
}
.electImg p{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.electImg img,.comAside img{
	max-width: 100%;
	max-height: 100%;
}
.sectBtn{
	border-color:#e60021;
	color:#e60021;
}
.sectBtn:hover{
	background: linear-gradient(to right, #ff7b3f 0%,#ff2548 100%);
	border-color:#e60021;
	color:#fff;
}
/*选择盒型*/
.el-select-dropdown__item.selected{
	color:#e60021;
}
.el-select .el-input.is-focus .el-input__inner,
.el-input.is-active .el-input__inner, 
.el-input__inner:focus,
.el-select .el-input__inner:focus{
	border-color:#F56C6C;
}
.gobackBtn{
	background: #fbfdff;
}
.gobackBtn:hover{
	color:#333;
	background: #fbfdff;
	border-color: #c0c4cc;
}
.inputBx{
	margin-left:0!important;
}
.inputBx .el-input-group{
	background-color:#f5f7fa;
}
.inputBx .el-input__inner{border-radius:0;}
.inputBx .el-input-group__append{
	border:0;
	border-radius:0;
	padding: 0 14px;
	border-top: 1px solid #DCDFE6;
	border-bottom: 1px solid #DCDFE6;
}
.inputxs .el-input-group__append{
	border-radius:0 4px 4px 0;
	border-right:1px solid #DCDFE6;
}
.el-form-item{margin-bottom:18px;}


/*********=============智能设计=============*********/
.el-breadcrumb{
	margin-bottom: 12px;
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 15px;
	display: block;
	width: 100%;
}
.avatar-uploader{
	margin-right:16px;
}
.avatar-uploader .el-upload{
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
.avatar-uploader .el-upload:hover,.avatar-uploader .el-upload:focus{
    border-color: #F56C6C;
}
.avatar-uploader-icon{
    font-size: 28px;
    color: #8c939d;
    width:100px;
    height:100px;
    line-height:80px;
    text-align: center;
}
.avatar{
    width:100px;
    height:100px;
    display: block;
}
.smartH h1{
  font-size:18px;
  font-weight:normal;
  padding-bottom:4px;
}
.smartH p{font-size:13px;}
.smartUp{
  padding-top:20px;  	
}
.smartUptx{
	font-size:13px;
	color:#999;position:absolute;
	bottom:20px;
	width:100%;
	
}
.smartF{padding:36px 0 0;}
.smartList{
	padding:10px 0 46px;
}
.smartList .el-radio{margin:16px 5px 0;}
.smartList .el-radio:first-child{margin-left:0;}
.el-radio.is-bordered+.el-radio.is-bordered{
  margin-right:5px;	
  margin-left:0;
}
.el-radio.is-bordered.is-checked{
	margin-left:0;
	border-color: #F56C6C;
	color:#e60021;
}
.el-radio__input.is-checked .el-radio__inner{
	border-color: #F56C6C;
	background: #F56C6C;
}
.el-radio__input.is-checked+.el-radio__label{
	color:#e60021;
}
.smartM{
	padding:46px 14% 0;
}
.smartM .electM{margin:0 20px 0 0;}
.smartM .electCol:last-child .electM{margin-right:0;}
.looksBtn:hover{
	color: #F56C6C;
	background: #fef0f0;
	border-color: #fbc4c4;
}

/*********=============包装素材=============*********/
.matterTab{padding-top:0;}
.matterTab .smartList{
	padding-bottom:6px;
}
.matterBx{
	padding:20px 10px 0; 
	background-color:#fff;
	margin:0 30px;
}
.mattertx{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#999;
	margin-bottom:10px;
	font-size:14px;
}

/*********=============智能报价=============*********/
.billTop{padding-top:8px;}
.billtx{
	font-size:14px;
	color:#666;
	padding-top:10px;
}
.smartFnum{
	font-size:12px;
	align-items:center;
	color:#666;
	padding:16px 0 38px;
}
.smartFnum .el-input-group{width:140px;}
.smartFnum .el-input__inner{
	height:32px;line-height:32px;
}
.smartFnum .el-input-group__append, .smartFnum .el-input-group__prepend{
	padding:0 10px;
}
.smartFtab{
	width:56%;
	border:0;
}
.smartFtab th {
	background-color:#fbfbfb;
	color:#333;
	font-weight:normal;
	font-size:14px;
}
.smartFtab,.smartFtab th,.smartFtab td {
	text-align:center;
	padding:8px 4px;
	border-collapse:collapse;
}
.smartFtab th,.smartFtab td {
	border: 1px solid #e0e0e0;
	/* border-width:1px 0 1px 0 */
}
.smartFtab td{color:#666;font-size:13px;}
.smartFtab tr {
	border: 1px solid #e0e0e0;
}
.smartFtab tr:nth-child(odd){
	background-color:#dbf2fe;
}
.smartFtab tr:nth-child(even){
	background-color:#fff;
}
.dryBtn{
	  border-color: #e0e0e0;
	  color:#e60021;
}

/*********=============智能拼版=============*********/
/*拼版*/
.makeupBox{
  margin:40px 30px 0;
  /* padding-top:0!important;
  padding-left:0!important; */
}
.makeupBox .matterBx{
	margin:0;
	padding:0 0 40px 14px;
	overflow:hidden;
}
.makeupBox .el-tabs__item:hover{color:#999;}
.makeupBox .el-tabs__item.is-active{
	color:#e60021;
	background-color:#fff;
}
.makeupBox .el-tabs__header{
	margin-bottom:0;
}
.makeList .el-upload:hover,.makeList .el-upload:focus{
    border-color: #F56C6C;
}
.matterBxUp .el-upload--picture-card,.matterBxList{
  width:15.66667%;height:304px;	
  line-height:300px;
  position:relative;
  margin:30px 1% 40px 0;
  float:left;
}
.matterBxUp .el-upload-list--picture-card .el-upload-list__item{
	width:15.66667%;height:304px;
	overflow: inherit;
	margin:30px 1% 40px 0;
	float:left;background-color:#f6f6f6;
}
.matterBxUp .smartUptx{
	width: 100%;
	height: 100%;
	bottom: 0;
	line-height: 350px;
}
.makeChek{
	position: absolute;
	top: 4px;
	left: 10px;
}
.makeChek .el-checkbox__inner{width:18px;height:18px;}
.makeChek .el-checkbox__inner::after{
	    top: 2px;left: 6px;
}
.el-upload-list--picture-card .el-upload-list__item-actions{
	z-index:1;
}
.matterImg{
	justify-content:center;
	align-items:center;
	height:303px;
	border-radius:4px;
	overflow: hidden;
}
.matterImg .el-upload-list__item-thumbnail{
	max-height:100%;
	max-width:100%;
	width:auto!important;
	height:auto!important;
}
.makeSize{
	 background-color: rgba(0,0,0,0.3);
	 font-size: 14px;
	 color: #fff;
	 position: absolute;
	 width: 95%;
	 padding: 0 2.5%;
	 bottom: 0;
	 border-radius:0 0 4px 4px;
	 height: 30px;
	 line-height: 30px;
	 text-align:center;
}
.makeNumBx{
	position:absolute;
	bottom:-42px;
	width:100%;
	justify-content:space-between;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#666;
}
.makeNumBxLt{text-align:left;}
.makeNumBxRt{text-align:right;}
.makeNumBxLtSpn{width:70px;}
.makeNumBx .el-input__inner{
	width: 80px;
	height:30px;
	line-height:30px;
}
.makeFot{
	padding:18px 0;
	color:#999;
	font-size:14px;
}
.makeFotR{text-align:right;}
.mInput{
	width:120px;
	border-radius: 4px;
	border: 1px solid #DCDFE6;
	background-color:#fff;
}
.matterBxList{
	border:0;
	background-color:#f6f6f6;
	position:relative;
}

/*拼版报告*/
.reportTx{
	position: absolute;
	top: -30px;
	font-size:17px;
	left:0;
	font-weight:normal;
}
.reportd{
	background-color:#fbfdff;
	border:1px solid #eee;
	padding:20px;
	border-radius:4px;
	font-size:14px;
	color:#666;text-align:center;
}
.reportd.curr{
	background-color:#fdf9f9;
	border-color:#fdc2c2;
}
.reportd h3{
	font-size:16px;
	font-weight:normal;
	padding-bottom:12px;
	color:#333;
}
.reportFx{
  margin-top:40px;	
}
.reportFxList{
	border:1px solid #f6f6f6;
	font-size:14px;
	color:#727272;
}
.reportFximg{
	background-color:#fbfbfb;
	width:100%;
	height:246px;
	justify-content:center;
	border-radius:4px;
}
.reportFximg img{
	max-width: 100%;
	max-height:100%;
	margin:0 auto;
}
.reportFxTxt{
	padding:20px;
}
.reportFxTxt li{
	justify-content: space-between;
	padding:2px 0;
}
.reportFxTxt li.Fxbnt{
	justify-content:flex-end;
	text-align:right;
	padding-top:12px;
}
/*********=============在线编辑=============********/
.abbrBody{
	background-color:#fff;
}
.t3dEbitbody{position:relative;}
.t3dEbit_Z{
    position: absolute;
    text-align:center;
    width:100%;
	height:100%;
	background-color:#666;
}
.abbrTop{
  padding:12px 30px;
  margin-right:340px;
  background-color:#fff;
}
.abbrTopL{
	text-align:left;
}
.abbrTopZ{
	text-align:center;
	justify-content: center;
}
.abbrTopZbig i{font-size: 1.3em;color:#999;}
.recallbox{
	line-height: 40px;
	font-size: 1.3em;
	color:#d9d9d9;
	padding-right:60px;
	cursor: pointer;
}
.recallbox span:hover{color:#e60021;}
.ZbigIput{
	display:inline-block;
	width:80px;
}
.abbrTopZbig .el-input__inner{
	border:0;
	text-align:center;
}
.abbrTopR{text-align:right;}

.t3dEbit_R{
    width:340px;
    z-index: 999;
    -webkit-transition: right .2s linear;
    transition: right .2s linear;
    background-color: #fff;
    position:fixed;
    height:100%;
    right:0;
    -webkit-box-shadow: -2px 0 5px 0 rgba(0,0,0,.04);
    box-shadow: -2px 0 5px 0 rgba(0,0,0,.04); 
}
.abbrtabs .el-tabs__header{
   background-color: #f5f5f5;
	   border:0;
	   padding:6px 0 0 0;
}
.abbrtabs .el-tabs__nav,.abbrtabs .el-tabs__item{
	border:0!important;font-size: 15px;
}
.abbrtabs .el-tabs__item.is-active{
	color:#e60021;
	background-color:#fff;
}
.abbrtabs .el-tabs__item:hover{color:#F56C6C;}
.abbrList{
	padding-right:26px;
}
.abbrList .el-select{
	width:100%;
}
.abbrVerbal .el-form-item__content{
	line-height:inherit;
}
.abbrVerbal .el-form-item__content::after, .abbrVerbal .el-form-item__content::before{
	display: none;
}
#abbrpicker{
	text-align:right;
}
.abbrLine{text-align:center;}
.abbrTupan{padding-top:10px;}
/* .abbrListsize{
	padding-bottom:18px;
}
.abbrListsize h3{
	width:90px;
	text-align:right;
	font-size:14px;
	font-weight:normal;
}
.abbrListsize .inputBx{
	padding:8px 0 0 36px;
} */
.abbrList .inputBx .el-input-group__append{
	padding:0 4px;
}
.abbrList .el-input--suffix .el-input__inner{
	padding-right:6px;
	padding-left:6px;
}
.abbrWz .el-button{
	background-color:#f5f5f5;
	border-color:#f5f5f5;
	color:#333;
	padding: 12px 13px;
}
.abbrWz .el-button:hover{background-color:#eaeaea;}
.abbrZtxul{
    margin-bottom:16px;
}
.abbrZtxul .icon{
    margin-top:8px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    text-align:center;
    font-size:22px;
    cursor: pointer;
    color:#6a6e88;
	display:inline-block;
	background: rgba(0, 0, 0, 0.04);
	margin-right:16px;
	 padding: 0;
}
.abbrZtxul .icon:last-child{margin-right:0;}
.abbrZtxul .icon:hover{
	background-color:#eaeaea;
}
.replaceImg:hover,.replaceImg:focus{
	color: #F56C6C;
	background: #fef0f0;
	border-color: #fbc4c4;
}

/*********=============3d预览=============********/
.。St{
  justify-content: space-between;
	  margin-bottom:12px;
}