/*----------------------电脑板式样式----------------------*/

/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {

}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {

}
body{ background-position:left top; }


 #customDetail_style_prodName_01_1615468947798{width:30.833333333333336%;font-size:24px!important;color:#333;line-height:48px;font-family:微软雅黑;position:absolute;top:38px;left:34.58333333333333%;text-shadow:0.2em 0.1em 0.2em rgba(0, 0, 0, 0.4);letter-spacing:9px;}   @media screen and (max-width:640px) {#customDetail_style_prodName_01_1615468947798{width:96%;top:0px;left:2%;}}  #customDetail_style_prodName_01_1615468947798 .titProSet {text-align:center;font-size:24px;}

 #customDetail_style_prodDetail_01_1615468962690{width:74.83333333333333%;position:absolute;top:121px;left:13.5%;}   @media screen and (max-width:640px) {#customDetail_style_prodDetail_01_1615468962690{width:96%;top:42px;left:2%;}} 

 #button_style_09_1615521399192{width:10.416666666666668%;position:absolute;top:19px;left:87.45833333333334%;}   @media screen and (max-width:640px) {#button_style_09_1615521399192{width:41.254125412541256%;top:0px;left:29.372937293729372%;}} #button_style_09_1615521399192 > .view_contents{overflow:visible;}  #button_style_09_1615521399192 .btnaSet {font-size:16px;font-weight:bold;font-family:Microsoft YaHei;} #layout_1498113507863{height:617px;}   @media screen and (max-width:640px) {#layout_1498113507863{height:396px;}} #layout_1498113507863 > .view_contents{overflow:visible;max-width:1200px;} 
.prodetail_1{font-size:14px; color:#555; line-height:1.4; text-align:left; padding:.4em 0; width:100%;}
.prodetail_1 img{max-width: 100%;}

.prodetailstyle_1 .mobile{ display:none; }
.prodetailstyle_1 .pc{ display:block; }
.prodetailstyle_1 .collage_bt{ font-size:20px; line-height:3; }
.prodetailstyle_1 .itembox{ background:#eee; padding:10px 20px; border-bottom:1px solid #e5e5e5; overflow:hidden; font-size:16px; display:flex; justify-content: space-between; flex-wrap: wrap;}
.prodetailstyle_1 .user_img{ width:50px; height:50px; border-radius:200px; overflow:hidden; }
.prodetailstyle_1 .user_img img{ width:100% !important; height:100%; margin:0 !important;}
.prodetailstyle_1 .itembox>div{ line-height:50px; margin:0 5px;}
.prodetailstyle_1 .initiator_name.pc{ width:100px; text-align:center; }
.prodetailstyle_1 .join_list_ul{ overflow:hidden; }
.prodetailstyle_1 .join_list_ul li{float:left; box-sizing: border-box; -webkit-box-sizing: border-box; margin:0 5px;}
.prodetailstyle_1 .surplus_value{ color:red; }
.prodetailstyle_1 .join_btn{ background:rgb(239,91,81); margin:13px 0; color:white; line-height:1; border-radius: 20px; padding:4px 20px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.prodetailstyle_1 .join_btn:hover{ cursor:pointer; }

.proListShow{ box-sizing: border-box; margin-top: 30px;}
.proListShow h2{ display: block; border-left: 4px solid #e85342; font-size: 18px; line-height: 1; padding: 0 10px; box-sizing: border-box; margin-bottom: 20px;}
.proListShow .listUl{ border: 1px solid #f5f5f5; padding: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box;}
.proListShow .listLi{ width: calc(96%/4);}
.proListShow .listLi .imgDiv{  position: relative; padding-bottom: 100%; overflow: hidden;}
.proListShow .imgDiv img{ transition: transform .3s; width: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
.proListShow .titleDiv{ text-align: center; color: #333; font-size: 16px; line-height: 1.5; margin-top: 10px;}

.prodetail_1 .selectTdClass{background-color:#edf5fa !important}
.prodetail_1 table.noBorderTable td,
.prodetail_1 table.noBorderTable th,
.prodetail_1 table.noBorderTable caption{border:1px dashed #ddd !important}
.prodetail_1 table{margin-bottom:10px;border-collapse:collapse;display:table;}
.prodetail_1 td,.proListShow th{padding: 5px 10px;border: 1px solid #DDD;}
.prodetail_1 caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.prodetail_1 th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.prodetail_1 table tr.firstRow th{border-top-width:2px;}
.prodetail_1 .ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.prodetail_1 .ue-table-interlace-color-double{ background-color: #f7faff; }
.prodetail_1 td p{margin:0;padding:0;}
@media screen and (min-width:641px){
	.proListShow .listLi:hover .imgDiv img{ transform: translateX(-50%) scale(1.1); -webkit-transform: translateX(-50%) scale(1.1); -moz-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1);}
}
@media screen and (max-width:640px){
	.prodetailstyle_1 .collage_bt{ font-size:14px; }
	.prodetailstyle_1 .itembox .more_img{ margin-right:10px; }
	.prodetailstyle_1 .user_img{ width:30px; height:30px; }
	.prodetailstyle_1 .empty_img{ width:30px; height:30px; margin-left:-20px; border:1px dotted #e5e5e5; background:white; border-radius:200px; float:right;}
	.prodetailstyle_1 .more_img .hav_img{ float:left; }
	.prodetailstyle_1 .itembox{ font-size:12px; padding:10px; display:block;}
	.prodetailstyle_1 .itembox>div{ line-height:30px; margin:0; float:left; position:relative;}
	.prodetailstyle_1 .itembox .join_button{ float:right; margin:5px 0;}
	.prodetailstyle_1 .join_btn{ padding:0 20px; line-height:2; margin:0; line-height:unset;}
	.prodetailstyle_1 .pc{ display:none; }
	.prodetailstyle_1 .mobile{ display:block; }
	.prodetailstyle_1 .initiator_name.mobile>span{ line-height:1.5; display:block; }

	.proListShow h2{ font-size: 16px;}
	.proListShow .listLi{ width: calc( 96%/2 ); margin-bottom: 15px;}
	.proListShow .titleDiv{ font-size: 14px;}
}
@media screen and (max-width:767px){
.prodetail_1{font-size:12px; }
.prodetail_1 img{max-width:100% !important; height:auto !important;}
}


.prodetail_1{font-size:14px; color:#555; line-height:1.4; text-align:left; padding:.4em 0; width:100%;}
.prodetail_1 img{max-width: 100%;}

.prodetailstyle_1 .mobile{ display:none; }
.prodetailstyle_1 .pc{ display:block; }
.prodetailstyle_1 .collage_bt{ font-size:20px; line-height:3; }
.prodetailstyle_1 .itembox{ background:#eee; padding:10px 20px; border-bottom:1px solid #e5e5e5; overflow:hidden; font-size:16px; display:flex; justify-content: space-between; flex-wrap: wrap;}
.prodetailstyle_1 .user_img{ width:50px; height:50px; border-radius:200px; overflow:hidden; }
.prodetailstyle_1 .user_img img{ width:100% !important; height:100%; margin:0 !important;}
.prodetailstyle_1 .itembox>div{ line-height:50px; margin:0 5px;}
.prodetailstyle_1 .initiator_name.pc{ width:100px; text-align:center; }
.prodetailstyle_1 .join_list_ul{ overflow:hidden; }
.prodetailstyle_1 .join_list_ul li{float:left; box-sizing: border-box; -webkit-box-sizing: border-box; margin:0 5px;}
.prodetailstyle_1 .surplus_value{ color:red; }
.prodetailstyle_1 .join_btn{ background:rgb(239,91,81); margin:13px 0; color:white; line-height:1; border-radius: 20px; padding:4px 20px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.prodetailstyle_1 .join_btn:hover{ cursor:pointer; }

.proListShow{ box-sizing: border-box; margin-top: 30px;}
.proListShow h2{ display: block; border-left: 4px solid #e85342; font-size: 18px; line-height: 1; padding: 0 10px; box-sizing: border-box; margin-bottom: 20px;}
.proListShow .listUl{ border: 1px solid #f5f5f5; padding: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box;}
.proListShow .listLi{ width: calc(96%/4);}
.proListShow .listLi .imgDiv{  position: relative; padding-bottom: 100%; overflow: hidden;}
.proListShow .imgDiv img{ transition: transform .3s; width: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
.proListShow .titleDiv{ text-align: center; color: #333; font-size: 16px; line-height: 1.5; margin-top: 10px;}

.prodetail_1 .selectTdClass{background-color:#edf5fa !important}
.prodetail_1 table.noBorderTable td,
.prodetail_1 table.noBorderTable th,
.prodetail_1 table.noBorderTable caption{border:1px dashed #ddd !important}
.prodetail_1 table{margin-bottom:10px;border-collapse:collapse;display:table;}
.prodetail_1 td,.proListShow th{padding: 5px 10px;border: 1px solid #DDD;}
.prodetail_1 caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.prodetail_1 th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.prodetail_1 table tr.firstRow th{border-top-width:2px;}
.prodetail_1 .ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.prodetail_1 .ue-table-interlace-color-double{ background-color: #f7faff; }
.prodetail_1 td p{margin:0;padding:0;}
@media screen and (min-width:641px){
	.proListShow .listLi:hover .imgDiv img{ transform: translateX(-50%) scale(1.1); -webkit-transform: translateX(-50%) scale(1.1); -moz-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1);}
}
@media screen and (max-width:640px){
	.prodetailstyle_1 .collage_bt{ font-size:14px; }
	.prodetailstyle_1 .itembox .more_img{ margin-right:10px; }
	.prodetailstyle_1 .user_img{ width:30px; height:30px; }
	.prodetailstyle_1 .empty_img{ width:30px; height:30px; margin-left:-20px; border:1px dotted #e5e5e5; background:white; border-radius:200px; float:right;}
	.prodetailstyle_1 .more_img .hav_img{ float:left; }
	.prodetailstyle_1 .itembox{ font-size:12px; padding:10px; display:block;}
	.prodetailstyle_1 .itembox>div{ line-height:30px; margin:0; float:left; position:relative;}
	.prodetailstyle_1 .itembox .join_button{ float:right; margin:5px 0;}
	.prodetailstyle_1 .join_btn{ padding:0 20px; line-height:2; margin:0; line-height:unset;}
	.prodetailstyle_1 .pc{ display:none; }
	.prodetailstyle_1 .mobile{ display:block; }
	.prodetailstyle_1 .initiator_name.mobile>span{ line-height:1.5; display:block; }

	.proListShow h2{ font-size: 16px;}
	.proListShow .listLi{ width: calc( 96%/2 ); margin-bottom: 15px;}
	.proListShow .titleDiv{ font-size: 14px;}
}
@media screen and (max-width:767px){
.prodetail_1{font-size:12px; }
.prodetail_1 img{max-width:100% !important; height:auto !important;}
}


#customDetail_style_prodDetail_01_1615468962690{height:auto;}

    #customDetail_style_prodDetail_01_1615468962690 .view_contents{ display:block !important; }
#customDetail_style_prodDetail_01_1615468962690 .proParameters{width:100%;overflow: hidden; box-sizing: border-box;display: flex;flex-wrap: wrap; padding: 20px;}
    #customDetail_style_prodDetail_01_1615468962690 .parameItem{width: calc(100%/4);}
#customDetail_style_prodDetail_01_1615468962690 .proParameters .item .title{float: left;height: 100%;padding: 6px 0;box-sizing: border-box;font-weight: bold;}
#customDetail_style_prodDetail_01_1615468962690 .proParameters .item .info{padding: 6px 0;box-sizing: border-box;overflow: hidden;word-break:break-all;}
#customDetail_style_prodDetail_01_1615468962690 .proParameters{border-top: 1px solid #c0c0c0;border-left: 1px solid #c0c0c0;}
#customDetail_style_prodDetail_01_1615468962690 .proParameters .item{border-bottom: 1px solid #c0c0c0;border-right: 1px solid #c0c0c0;}
#customDetail_style_prodDetail_01_1615468962690 .proMaterial{padding: 10px;}
#customDetail_style_prodDetail_01_1615468962690 .proMaterial .item{font-size: 14px;color: #333; box-sizing: border-box;overflow: hidden;padding: 6px 12px;border-bottom: 1px dashed #e5e5e5;}
#customDetail_style_prodDetail_01_1615468962690 .proMaterial .item:last-child{border-bottom: 0;}
#customDetail_style_prodDetail_01_1615468962690 .proMaterial .item .title{float: left;padding: 6px 0;width: calc(100% - 74px);}
#customDetail_style_prodDetail_01_1615468962690 .proMaterial .item .btn{padding: 6px 0;float:right;}
#customDetail_style_prodDetail_01_1615468962690 .proMaterial .item .btn a{color: #333;text-decoration:underline;}
@media screen and (min-width: 1025px){/*only pc*/
}
@media screen and (max-width: 1024px) and (min-width: 768px){/*only ipad*/
#customDetail_style_prodDetail_01_1615468962690 .proParameters .item{width: calc(100%/3);}
}

@media screen and (max-width:767px){
#customDetail_style_prodDetail_01_1615468962690 #proDetailContent div,#proDetailContent p,#proDetailContent a,#proDetailContent span, #proDetailContent table { max-width:100% !important; } #customDetail_style_prodDetail_01_1615468962690 .proMaterial .item .title{padding: 4px 0;width: calc(100% - 64px);}
#customDetail_style_prodDetail_01_1615468962690 .proMaterial .item{padding: 6px 0;font-size: 12px;}
#customDetail_style_prodDetail_01_1615468962690 .proParameters .item{width: calc(100%/1);}
#customDetail_style_prodDetail_01_1615468962690 .proParameters { padding: 10px;}
}


    #customDetail_style_prodDetail_01_1615468962690 .imgDiv{ padding-bottom: 67%;}
.button_default09 { width: 100%; height:40px; background: #fff; color: #000; box-sizing: border-box;border-width: 0px; border-bottom: 2px solid #f0f0f0; font-size: 14px; cursor: pointer; transition: all ease-in .1s; -webkit-transition: all ease-in .1s; -moz-transition: all ease-in .1s; -o-transition: all ease-in .1s; }
	#button_style_09_1615521399192 .button_default .buttonImg {width:auto; height:100%; position:relative; top:0; left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}@media screen and (min-width:641px) and (max-width:1200px) {#button_style_09_1615521399192 .button_default .buttonImg {width:auto; height:100%; position:relative; top:0; left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}}@media screen and (max-width:640px) {#button_style_09_1615521399192 .button_default .buttonImg {width:auto; height:100%; position:relative; top:0; left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}}
				.bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0; z-index:999999;}

				.bottomMenu ul{position: relative; box-sizing: border-box; width: 100%; height: 50px; background-color: #FFFFFF; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
				.bottomMenu ul li{position:relative; box-sizing: border-box; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
				.bottomMenu ul li .menuItem{position: relative;}
				.bottomMenu ul li .menuIco{width: 26px; height: 26px; overflow: hidden; margin: 0 auto 4px;}
				.bottomMenu ul li .menuIco img{width: 100%; height: 100%;padding:2px 1px 0;box-sizing:border-box;}
				.bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #666666; line-height: 1;font-family:Microsoft YaHei;}
				.bottomMenu ul li .submenuItems{position: absolute; bottom: 48px; z-index:999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0,0,0,.1);}
				.bottomMenu ul li .submenuItems a{display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd; }
				@media screen and (max-width:767px) {
					.bottomMenu{display: block;}
					
					body{padding-bottom:55px!important;}
				}