body { -ms-text-size-adjust : 100% !important ; -webkit-text-size-adjust : 100% !important ; background-position : left top ; text-size-adjust : 100% !important ; }
#div_blank_1502349457717 { background : #0765c9 ; box-sizing : border-box ; height : 50px ; left : -29.083333333333332% ; position : absolute ; top : 112px ; width : 159.33333333333331% ; }
#div_blank_1502349457717 > .view_contents { overflow : visible ; }
#diy_none_obj { border-bottom-left-radius : 5px ; border-bottom-right-radius : 5px ; border-top-left-radius : 5px ; border-top-right-radius : 5px ; box-sizing : border-box ; }
#banner_style_01_1537496603015 { height : 568px ; left : -36.625% ; position : absolute ; top : 147px ; width : 159.25% ; }
#image_style_01_1562816067235 { height : 94px ; left : 0% ; position : absolute ; top : 12px ; width : 78.16666666666666% ; }
#image_style_01_1562816067235 > .view_contents { overflow : visible ; }
#dh_style_36_1603182908443 { left : 0% ; position : absolute ; top : 112px ; width : 99.91666666666667% ; z-index : 999 ; }
#dh_style_36_1603182908443 > .view_contents { overflow : visible ; }
#dh_style_36_1603182908443 .mainMenuSet { background : #0756c9 ; bg-hover-color : #0d346b ; }
#dh_style_36_1603182908443 .subMenuSet { background : #2f7ef1 ; }
#dh_style_36_1603182908443 .thrMenuSet { background : #57a6ff ; }
#dh_style_36_1603182908443 .thrMenuSet:hover { background : #0d346b ; }
#dh_style_36_1603182908443 .thrCurSet { background : #0d346b ; }
#dh_style_36_1603182908443 .subMenuSet:hover { background : #0d346b ; }
#dh_style_36_1603182908443 .subCurSet { background : #0d346b ; }
#dh_style_36_1603182908443 .mainMenuSet:hover { background : #0d346b ; }
#dh_style_36_1603182908443 #hot > a { background : #0d346b ; }
#diy_none_obj .mainMenuSet { background : #0756c9 ; }
#diy_none_obj .subMenuSet { background : #2f7ef1 ; }
#diy_none_obj .thrMenuSet { background : #57a6ff ; }
#comm_layout_header { background : #ffffff ; background-position-x : 0% ; background-position-y : 0% ; background-repeat : no-repeat ; background-size : 100% auto ; display : block ; height : 754px ; z-index : 99999 ; }
#comm_layout_header > .view_contents { max-width : 1200px ; overflow : visible ; }
#text_style_01_1535014438778 { color : #333 ; font-family : 宋体 ; font-size : 32px ; left : 0% ; line-height : 1.8 ; position : absolute ; top : 21.03125px ; width : 6.25% ; }
#text_style_01_1535014438778 > .view_contents { box-sizing : border-box ; color : #666666 ; font-family : Microsoft YaHei ; font-size : 14px ; }
#diy_none_obj > .view_contents { box-sizing : border-box ; }
#homelink_style_01_1536574338200 { left : 4.99609375% ; position : absolute ; top : 15px ; width : 72.66666666666667% ; }
#layout_1498113507863 { height : 49.984375px ; }
#layout_1498113507863 > .view_contents { max-width : 1200px ; overflow : visible ; }
#customDetail_style_prodName_01_1528084434122 { color : #333 ; font-family : 微软雅黑 ; font-size : 18px ; left : 41.70833333333333% ; line-height : 1.8 ; position : absolute ; top : 0px ; width : 30.833333333333336% ; }
#customDetail_style_prodDetail_01_1528084451520 { left : 41.833333333333336% ; position : absolute ; top : 50px ; width : 58.166666666666664% ; }
#prodPic_style_01_1528084757727 { height : 341px ; left : 0% ; position : absolute ; top : 0px ; width : 455px ; }
#prodPic_style_01_1528084757727 .bannerStyle_1 #btn_prev { display : none!important ; }
#prodPic_style_01_1528084757727 .bannerStyle_1 #btn_next { display : none!important ; }
#layout_1496303516196 { height : 400px ; }
#layout_1496303516196 > .view_contents { max-width : 1200px ; overflow : visible ; }
.prodetail_1_cd { color : #555 ; font-size : 14px ; line-height : 1.4 ; padding : .4em 0 ; text-align : left ; width : 100% ; }
.prodetail_1_cd img { max-width : 100% ; }
.prodetail_1_cd video { background : #eee ; }
.prodetailstyle_1 video { background : #eee ; }
.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 ; border-bottom : 1px solid #e5e5e5 ; display : flex ; flex-wrap : wrap ; font-size : 16px ; justify-content : space-between ; overflow : hidden ; padding : 10px 20px ; }
.prodetailstyle_1 .user_img { border-radius : 200px ; height : 50px ; overflow : hidden ; width : 50px ; }
.prodetailstyle_1 .user_img img { height : 100% ; margin : 0 !important ; width : 100% !important ; }
.prodetailstyle_1 .itembox > div { line-height : 50px ; margin : 0 5px ; }
.prodetailstyle_1 .initiator_name.pc { text-align : center ; width : 100px ; }
.prodetailstyle_1 .join_list_ul { overflow : hidden ; }
.prodetailstyle_1 .join_list_ul li { -webkit-box-sizing : border-box ; box-sizing : border-box ; float : left ; margin : 0 5px ; }
.prodetailstyle_1 .surplus_value { color : red ; }
.prodetailstyle_1 .join_btn { -webkit-box-sizing : border-box ; background : rgb(239,91,81) ; border-radius : 20px ; box-sizing : border-box ; color : white ; line-height : 1 ; margin : 13px 0 ; padding : 4px 20px ; }
.prodetailstyle_1 .join_btn:hover { cursor : pointer ; }
.proListShow { box-sizing : border-box ; margin-top : 30px ; }
.proListShow h2 { border-left : 4px solid #e85342 ; box-sizing : border-box ; display : block ; font-size : 18px ; line-height : 1 ; margin-bottom : 20px ; padding : 0 10px ; }
.proListShow .listUl { border : 1px solid #f5f5f5 ; box-sizing : border-box ; display : flex ; flex-wrap : wrap ; justify-content : space-between ; padding : 10px ; }
.proListShow .listLi { width : calc(96%/4) ; }
.proListShow .listLi .imgDiv { overflow : hidden ; padding-bottom : 100% ; position : relative ; }
.proListShow .imgDiv img { -moz-transform : translateX(-50%) ; -o-transform : translateX(-50%) ; -webkit-transform : translateX(-50%) ; left : 50% ; position : absolute ; top : 0 ; transform : translateX(-50%) ; transition : transform .3s ; width : 100% ; }
.proListShow .titleDiv { color : #333 ; font-size : 16px ; line-height : 1.5 ; margin-top : 10px ; text-align : center ; }
.prodetail_1_cd .selectTdClass { background-color : #edf5fa !important ; }
.prodetail_1_cd table.noBorderTable td, .prodetail_1_cd table.noBorderTable th, .prodetail_1_cd table.noBorderTable caption { border : 1px dashed #ddd !important ; }
.prodetail_1_cd table { border-collapse : collapse ; display : table ; margin-bottom : 10px ; }
.prodetail_1_cd td, .proListShow th { border : 1px solid #DDD ; padding : 5px 10px ; }
.prodetail_1_cd caption { border : 1px dashed #DDD ; border-bottom : 0 ; padding : 3px ; text-align : center ; }
.prodetail_1_cd th { background-color : #F7F7F7 ; border-top : 1px solid #BBB ; }
.prodetail_1_cd table tr.firstRow th { border-top-width : 2px ; }
.prodetail_1_cd .ue-table-interlace-color-single { background-color : #FCFCFC ; }
.prodetail_1_cd .ue-table-interlace-color-double { background-color : #F7FAFF ; }
.prodetail_1_cd td p { margin : 0 ; padding : 0 ; }
.prodetail_1_cd p { margin : 5px 0 ; }
.prodetail_1_cd .closemargin { margin : 0!important ; }
.prodetail_1_cd p img { vertical-align : bottom ; }
.list-paddingleft-2 { padding-left : 30px ; }
.list-paddingleft-2 li { font-size : 16px ; list-style-type : inherit ; }
.bannerStyle_1 { height : 100% ; position : relative ; width : 100% ; }
.bannerStyle_1 .main_visual { height : 100% ; overflow : hidden ; position : relative ; }
.bannerStyle_1 .main_image { height : 100% ; overflow : hidden ; position : relative ; }
.bannerStyle_1 div.flicking_con { bottom : 20px ; height : 14px ; left : 0 ; position : absolute ; text-align : center ; width : 100% ; z-index : 999 ; z-index : 105 ; }
.bannerStyle_1 div.flicking_con a { background : none ; border : 1px solid white ; border-radius : 100% ; box-sizing : border-box ; display : inline-block ; height : 14px ; margin : 0 3px ; padding : 0 ; width : 14px ; }
.bannerStyle_1 div.flicking_con a.on { background : white ; border : 0 ; }
.bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next { -moz-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; color : #999 ; display : none ; font-family : simsun,'宋体' ; font-size : 60px ; line-height : 1 ; padding : 0 20px ; position : absolute ; text-align : center ; top : 50% ; transform : translateY(-50%) ; z-index : 11111 ; }
.bannerStyle_1 .btn_prev { left : 0 ; }
.bannerStyle_1 .btn_next { right : 0 ; }
.bannerStyle_1 .arrowSet .awesome-font { display : none ; }
.bannerStyle_1 .arrowSet .awesome-font:before { box-sizing : border-box ; padding : 0 3px ; }
.bannerStyle_1 .ground_glass { background-color : #FFF ; display : none ; height : 100% ; left : 0 ; opacity : 0 ; position : absolute ; top : 0 ; width : 100% ; z-index : 998 ; }
.bannerStyle_1 .main_image .img-list { height : 100% ; left : 0 ; overflow : hidden ; position : absolute ; top : 0 ; width : 100% ; }
.bannerStyle_1 .main_image .img-item { display : block ; height : 100% ; position : absolute ; top : 0 ; width : 100% ; }
.bannerStyle_1 .main_image .img-item span { background-size : cover !important ; display : block ; height : 100% ; width : 100% ; }
.bannerStyle_1 .main_image .img-item a { box-sizing : border-box ; display : block ; height : 100% ; overflow : hidden ; width : 100% ; }
.bannerStyle_1.rotate-3d .img-part { background-color : #FFF ; height : 100% ; position : absolute ; top : 0 ; transform-style : preserve-3d ; transition : all .7s ; width : calc(20% + 1px) ; }
.bannerStyle_1.rotate-3d .img-part .img { background-size : 500% auto ; height : 100% ; position : absolute ; width : 100% ; }
.bannerStyle_1.rotate-3d .img-part .img:nth-child(1) { transform : rotateX(0deg) translateZ(150px) ; }
.bannerStyle_1.rotate-3d .img-part .img:nth-child(2) { transform : rotateX(-90deg) translateZ(150px) ; }
.bannerStyle_1.rotate-3d .img-part .img:nth-child(3) { transform : rotateX(-180deg) translateZ(150px) ; }
.bannerStyle_1.rotate-3d .img-part .img:nth-child(4) { transform : rotateX(-270deg) translateZ(150px) ; }
.img_url { display : block ; height : 100% ; left : 0 ; position : absolute ; top : 0 ; width : 100% ; z-index : 100 ; }
#banner_style_01_1537496603015 .bannerStyle_1 .main_image .img-item .img_0 { background : url('https://cdn.yun.sooce.cn/4/56119/png/1715072357880f41c126de766a237bf6f29b5dfc21b0c.png?version=0') center top no-repeat ; }
#banner_style_01_1537496603015 .bannerStyle_1 .main_image .img-item .img_1 { background : url('https://cdn.yun.sooce.cn/4/56119/jpg/1621305449136259bf9f5f78a41f2.jpg?version=1621305148') center top no-repeat ; }
#banner_style_01_1537496603015 .bannerStyle_1 .main_image .img-item .img_2 { background : url('https://cdn.yun.sooce.cn/4/56119/png/1603178807835c99a6fd6350b037b.png?version=0') center top no-repeat ; }
#banner_style_01_1537496603015 .hide_img { display : none ; vertical-align : top ; width : 100% ; }
#banner_style_01_1537496603015 .bannerStyle_1 .main_image .img-item a { position : relative ; z-index : 10 ; }
.imgStyle { box-sizing : border-box ; font-size : 0 ; height : 100% ; overflow : hidden ; width : 100% ; }
#image_style_01_1562816067235 .CompatibleImg img { height : 100% ; width : 100% ; }
#image_style_01_1562816067235 a { cursor : default ; }
.imgStyle > a { height : 100% ; overflow : hidden ; width : 100% ; }
.imgStyle img { box-sizing : border-box ; }
.menuStyle_36 { position : relative ; width : 100% ; }
.menuStyle_36 * { box-sizing : border-box ; }
.menuStyle_36 .miniMenu *, .menuStyle_36 .menuUl li * { -moz-transition-duration : .2s ; -moz-transition-property : background,height,padding ; -moz-transition-timing-function : ease-out ; -o-transition-duration : .2s ; -o-transition-timing-function : ease-out ; -webkit-transition-duration : .2s ; -webkit-transition-property : background,height,padding ; -webkit-transition-timing-function : ease-out ; transition-duration : .2s ; transition-property : background,height,padding ; transition-timing-function : ease-out ; }
.menuStyle_36 .dflex { -ms-flex-align : center ; -webkit-align-items : center ; -webkit-box-align : center ; align-items : center ; display : -webkit-box ; display : -webkit-flex ; display : -ms-flexbox ; display : flex ; }
.menuStyle_36 .rflex { -ms-flex : 1 ; -webkit-box-flex : 1 ; -webkit-flex : 1 ; flex : 1 ; float : left\0 ; position : relative ; }
.menuStyle_36 ul, .menuStyle_36 li { list-style : none ; margin : 0px ; padding : 0 ; }
.menuStyle_36 .menuLayout { margin : 0 auto ; position : relative ; width : 100% ; }
.menuStyle_36 .menuLayout:after { clear : both ; content : '' ; display : block ; }
.menuStyle_36 .menuUl_box { position : relative ; text-align : center ; width : 100% ; }
.menuStyle_36 .menuUl { position : relative ; text-align : center ; width : 100% ; z-index : 99 ; }
.menuStyle_36 .menuUl > li { position : relative ; }
.menuStyle_36 .menuUl > li > a { background : #172d44 ; border-top : 3px solid #172d44 ; box-sizing : border-box ; color : #FFF ; display : block ; font-size : 16px ; height : 100% ; letter-spacing : normal ; line-height : 44px ; padding : 0 ; padding : 0 1em\0 ; position : relative ; text-align : center ; text-decoration : none ; white-space : nowrap ; }
.menuStyle_36 .menuUl > li > a:hover { background : #2d4159 ; border-top : 3px solid #04b29b ; }
.menuStyle_36 .menuUl #hot > a { background : #2d4159 ; border-top : 3px solid #04b29b ; color : #FFF ; }
.menuStyle_36 .menuUl > li > a span { color : rgba(0, 0, 0, .3) ; display : block ; font-size : 12px ; text-align : center ; width : 100% ; }
.menuStyle_36 .menuUl #hot > a span { color : inherit ; }
.menuStyle_36 .menuUl > .logo { background : transparent!important ; }
.menuStyle_36 .menuUl > .logo:after { width : 0 ; }
.menuStyle_36 .menuUl > .logo .menuUl_box_logo { background : transparent!important ; border-top : 3px solid transparent!important ; }
.menuStyle_36 .menuUl > .logo .menuUl_box_logo:hover { background : #fff ; }
.menuStyle_36 .menuLayout .miniMenu { display : none ; }
.menuStyle_36 .menuUl02 { -moz-transform : translate(-50%,0) ; -o-transform : translate(-50%,0) ; -webkit-transform : translate(-50%,0) ; background : #f5f5f5 ; display : none ; height : 0 ; left : 50% ; opacity : 0 ; position : absolute ; transform : translate(-50%,0) ; width : 100% ; }
.menuStyle_36 .menuUl > li > #menuLogo { height : 85% ; }
.menuStyle_36 .menuUl .rflex:hover .menuUl02 { display : block ; height : auto ; opacity : 1 ; }
.menuStyle_36 .menuUl.noHover .rflex:hover .menuUl02 { display : none ; }
.menuStyle_36 .menuUl.noHover .rflex span { color : white ; }
.menuStyle_36 .menuUl02 .fa { color : red ; font-size : 20px ; }
.menuStyle_36 .menuUl02 .subMenu02 { color : #4D5158 ; float : none ; font-size : 14px ; line-height : 40px ; padding : 0 15px ; position : relative ; }
.menuStyle_36 .subBox .subMenu02#subCurSet { border-bottom : 2px solid #04b29b ; font-weight : bold ; }
.menuStyle_36 .menuUl02 .subMenu02 > a { color : inherit ; display : block ; font-size : inherit ; line-height : inherit ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; }
.menuStyle_36 .menuUl02 .subMenu02:hover { background : #4bc9e4 ; color : #FFF ; }
.menuStyle_36 .menuUl02 .subMenu02 > a .fa { float : right ; line-height : inherit ; }
.menuStyle_36 .menuUl02 .subMenu02:hover .menuUl03 { display : block ; }
.menuStyle_36 .menuUl03 { background : #f5f5f5 ; display : none ; position : absolute ; top : 0 ; }
.menuStyle_36 .menuUl03 .subMenu03 { background : rgba(0,0,0,.05) ; color : #333 ; line-height : 40px ; padding : 0 15px ; }
.menuStyle_36 .menuUl03 .subMenu03:hover { background : #4bc9e4 ; color : #FFF ; }
.menuStyle_36 .subBox #thrCurSet.subMenu03 { color : #04B29B ; font-weight : bold ; }
.menuStyle_36 .menuUl03 .subMenu03 > a { color : inherit ; display : block ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; }
.menuStyle_36 .maxWidth { margin : auto ; }
.menuStyle_36 .subBox { background : #fff ; display : none ; left : 0 ; position : absolute ; width : 100% ; }
.menuStyle_36 .subBox .subBoxContent { overflow : hidden ; padding : 20px ; text-align : left ; }
.menuStyle_36 .subBox .subBoxContent .lineBox { display : flex ; }
.menuStyle_36 .subBox .subBoxContent .lineBox .aBox { text-align : right ; width : 100px ; }
.menuStyle_36 .subBox .subBoxContent .lineBox .pBox { display : flex ; text-align : justify ; text-justify : newspaper ; width : calc(100% - 100px) ; word-break : break-all ; }
.menuStyle_36 .subBox .subBoxContent .lineBox p { display : inline-block ; margin : 0 ; position : relative ; top : 0 ; transform : translateY(0) ; width : 100% ; }
.menuStyle_36 .subBox .subBoxContent .lineBox p a { align-items : flex-start ; float : left ; margin : 0 10px 8px 10px ; width : auto ; }
.menuStyle_36 .subBox .subBoxContent .subItems { display : none ; overflow : hidden ; }
.menuStyle_36 .subBox .sublm { float : left ; min-height : 10px ; width : calc(100% - 300px) ; }
.menuStyle_36 .subBox .sublm.sublmZero { width : 100% ; }
.menuStyle_36 .subBox .sublm .lineBox { width : 100% ; }
.menuStyle_36 .subBox .sublm .fa { font-size : 8px ; position : relative ; top : 0 ; transform : translateY(0) ; }
.menuStyle_36 .subBox .subImgsbox { float : right ; height : 120px ; width : 300px ; }
.menuStyle_36 .subBox .subImgsbox > a { display : block ; float : left ; height : 100% ; margin-right : 20px ; width : calc((100% - 20px)/2) ; }
.menuStyle_36 .subBox .subImgsbox > a:last-child { margin-right : 0 ; }
.menuStyle_36 .subBox .subImgsbox > a > div.subImg { background-repeat : no-repeat ; background-size : cover !important ; height : 100% ; overflow : hidden ; position : relative ; }
.menuStyle_36 .subBox .subImgsbox > a > div.subImg span { background : rgba(255,255,255,.8) ; bottom : 0 ; color : #333 ; display : block ; font-size : 12px ; left : 0 ; padding : 5px ; position : absolute ; text-align : center ; width : 100% ; word-break : break-all ; }
.menuStyle_36 .subBox p { margin-right : 10px ; overflow : hidden ; }
.menuStyle_36 .subBox p a { float : left ; }
.menuStyle_36 .subBox .subMenu02 { border-bottom : 2px solid #fff ; clear : both ; color : #333 ; display : inline-block ; font-size : 14px ; font-weight : bold ; margin-bottom : 7px ; width : calc(100% - 16px) ; }
.menuStyle_36 .subBox .subMenu02:hover, .menuStyle_36 .subBox .subMenu02:active { border-bottom : 2px solid #3c947c ; }
.menuStyle_36 .subBox .subMenu03 { color : #666 ; display : block ; font-size : 12px ; margin : 5px 40px 5px 0 ; }
.menuStyle_36 .subBox .subMenu03:hover, .menuStyle_36 .subBox .subMenu03:active { color : #4BC9E4 ; }
.menuStyle_36 .imgIco { -moz-box-sizing : border-box ; -ms-box-sizing : border-box ; -o-box-sizing : border-box ; -webkit-box-sizing : border-box ; box-sizing : border-box ; display : inline-block ; overflow : hidden ; padding : 15px ; position : relative ; vertical-align : middle ; }
.menuStyle_36 .imgIco img { -moz-transform : translateY(-50%) translateX(-50%) ; -ms-transform : translateY(-50%) translateX(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) translateX(-50%) ; height : 100% ; left : 50% ; position : absolute ; top : 50% ; transform : translateY(-50%) translateX(-50%) ; vertical-align : top ; width : auto ; }
#dh_style_36_1603182908443.clearTransform { transform : none!important ; }
#dh_style_36_1603182908443 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; }
.breadcrumb { border-radius : 4px ; list-style : none ; padding : 8px 15px ; }
.breadcrumb > li { display : inline-block ; }
.breadcrumb > li + li:before { content : "\003e\00a0";
	 padding: 0 5px;
	 color: #cccccc;
}
.breadcrumb > .active {
	 color: #777777;
}

.location_style01 .fa-home{
	 font-size:16px;
	 margin-right:.25em;
}
.location_style01 .home-icon{
	 height: 1.5em;
	 float: left;
	 margin-right:.8em;
}
 #homelink_style_01_1536574338200 .home-icon{width: px;}
 @media screen and (min-width:641px) and (max-width:1200px) {
 #homelink_style_01_1536574338200 .home-icon{width: px;}
 }
 @media screen and (max-width:640px) {
 #homelink_style_01_1536574338200 .home-icon{width: px;}
 }
 
.prodetail_1_cd{font-size:14px; color:#555; line-height:1.4; text-align:left; padding:.4em 0; width:100%;}
.prodetail_1_cd img{max-width: 100%;}
.prodetail_1_cd video{background:#eee;}

.prodetailstyle_1 video{ background:#eee; }
.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_cd .selectTdClass{background-color:#edf5fa !important}
.prodetail_1_cd table.noBorderTable td,
.prodetail_1_cd table.noBorderTable th,
.prodetail_1_cd table.noBorderTable caption{border:1px dashed #ddd !important}
.prodetail_1_cd table{margin-bottom:10px;border-collapse:collapse;display:table;}
.prodetail_1_cd td,.proListShow th{padding: 5px 10px;border: 1px solid #DDD;}
.prodetail_1_cd caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.prodetail_1_cd th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.prodetail_1_cd table tr.firstRow th{border-top-width:2px;}
.prodetail_1_cd .ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.prodetail_1_cd .ue-table-interlace-color-double{ background-color: #f7faff; }
.prodetail_1_cd td p{margin:0;padding:0;}
.prodetail_1_cd p{margin:5px 0;}
.prodetail_1_cd .closemargin{margin:0!important;}
.prodetail_1_cd p img{vertical-align: bottom;}
.list-paddingleft-2{padding-left: 30px;}
.list-paddingleft-2 li{list-style-type: inherit;font-size: 16px;}
@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_cd{font-size:12px; }
.prodetail_1_cd img{max-width:100% !important; height:auto !important;}
.prodetail_1_cd table{display: inline-block;overflow-x: scroll;}
}


#customDetail_style_prodDetail_01_1528084451520{height:auto;}

#customDetail_style_prodDetail_01_1528084451520 .view_contents{ display:block !important; }
#customDetail_style_prodDetail_01_1528084451520 .proParameters{width:100%;overflow: hidden; box-sizing: border-box;display: flex;flex-wrap: wrap; padding: 20px;}
#customDetail_style_prodDetail_01_1528084451520 .parameItem{width: calc(100%/4);}
#customDetail_style_prodDetail_01_1528084451520 .proParameters .item .title{float: left;height: 100%;padding: 6px 0;box-sizing: border-box;font-weight: bold;}
#customDetail_style_prodDetail_01_1528084451520 .proParameters .item .info{padding: 6px 0;box-sizing: border-box;overflow: hidden;word-break:break-all;}
 #customDetail_style_prodDetail_01_1528084451520 .proParameters{border-top: 1px solid #c0c0c0;border-left: 1px solid #c0c0c0;}
 #customDetail_style_prodDetail_01_1528084451520 .proParameters .item{border-bottom: 1px solid #c0c0c0;border-right: 1px solid #c0c0c0;}
#customDetail_style_prodDetail_01_1528084451520 .proMaterial{padding: 10px;}
#customDetail_style_prodDetail_01_1528084451520 .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_1528084451520 .proMaterial .item:last-child{border-bottom: 0;}
#customDetail_style_prodDetail_01_1528084451520 .proMaterial .item .title{float: left;padding: 6px 0;width: calc(100% - 74px);}
#customDetail_style_prodDetail_01_1528084451520 .proMaterial .item .btn{padding: 6px 0;float:right;}
#customDetail_style_prodDetail_01_1528084451520 .proMaterial .item .btn a{color: #333;text-decoration:underline;}

#customDetail_style_prodDetail_01_1528084451520 .content_load{text-align: center; padding: 10px; font-size: 12px; color: #666;}
#customDetail_style_prodDetail_01_1528084451520 .content_load .icon{ margin-right: 5px; vertical-align: middle;}
#customDetail_style_prodDetail_01_1528084451520 .content_load span{vertical-align: middle;}
#customDetail_style_prodDetail_01_1528084451520 ol li {list-style-type: inherit;}
@media screen and (min-width: 1025px){
 }
@media screen and (max-width: 1024px) and (min-width: 768px){
 #customDetail_style_prodDetail_01_1528084451520 .proParameters .item{width: calc(100%/3);}
 }

@media screen and (max-width:767px){
 #customDetail_style_prodDetail_01_1528084451520 #proDetailContent div,#proDetailContent p,#proDetailContent a,#proDetailContent span, #proDetailContent table { max-width:100% !important; } #customDetail_style_prodDetail_01_1528084451520 .proMaterial .item .title{padding: 4px 0;width: calc(100% - 64px);}
 #customDetail_style_prodDetail_01_1528084451520 .proMaterial .item{padding: 6px 0;font-size: 12px;}
 #customDetail_style_prodDetail_01_1528084451520 .proParameters .item{width: calc(100%/1);}
 #customDetail_style_prodDetail_01_1528084451520 .proParameters {padding: 10px;}
 }


 #customDetail_style_prodDetail_01_1528084451520 .imgDiv{ padding-bottom: 100%;}

 #customDetail_style_prodDetail_01_1528084451520 .proListShow .listUl{display: none;}

.bannerStyle_1{width:100%; height:100%; position:relative;box-sizing: border-box;overflow: hidden;}
.bannerStyle_1 .main_visual{height:100%; overflow:hidden; position:relative; }
.bannerStyle_1 .main_image{height:100%; overflow:hidden; position:relative; }
.bannerStyle_1 .main_image ul{width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0}
.bannerStyle_1 .main_image li{float:left; width:100%; height:100%; overflow: hidden; box-sizing: border-box;}
.bannerStyle_1 .main_image li span{display:block; width:100%; height:100%; background-size:cover !important;background-position: 50% 50%!important;}
.bannerStyle_1 .main_image li a{display:block; width:100%; height:100%}
.bannerStyle_1 .main_image li .img_1{background:url(../img/prodPic/style_01/img.jpg) center top no-repeat}
.bannerStyle_1 .main_image li .img_2{background:url(../img/prodPic/style_01/img.jpg) center top no-repeat}
.bannerStyle_1 .main_image li .img_3{background:url(../img/prodPic/style_01/img.jpg) center top no-repeat}
.bannerStyle_1 .main_image li .img_4{background:url(../img/prodPic/style_01/img.jpg) center top no-repeat}


.bannerStyle_1 div.flicking_con{position:absolute; bottom:20px; left:0; z-index:999; width:100%; height:14px; text-align:center; }
.bannerStyle_1 div.flicking_con a{width:14px; height:14px; padding:0; background:#ccc; display:inline-block; box-sizing:border-box; margin:0 3px; border-radius:100%; }
.bannerStyle_1 div.flicking_con a.on{background:none; border:1px solid #149DEC;}
.bannerStyle_1 #btn_prev,.bannerStyle_1 #btn_next{z-index:11111; position:absolute; display:block; width:73px!important; height:74px!important; top:50%; margin-top:-37px; display:none; }
.bannerStyle_1 #btn_prev{background:url(../img/prodPic/style_01/hover_left.png) no-repeat left top; left:20px; }
.bannerStyle_1 #btn_next{background:url(../img/prodPic/style_01/hover_right.png) no-repeat right top; right:20px; } ; }
@media screen and (min-width:641px) { .proListShow .listLi:hover .imgDiv img { -moz-transform : translateX(-50%) scale(1.1) ; -o-transform : translateX(-50%) scale(1.1) ; -webkit-transform : translateX(-50%) scale(1.1) ; transform : translateX(-50%) scale(1.1) ; }}

@media screen and (min-width:640px) { #dh_style_36_1603182908443 .maxWidth { max-width : 1200px ; }#dh_style_36_1603182908443 .menuUl li #menuLogo { height : px ; margin-left : px ; margin-right : 10px ; }#dh_style_36_1603182908443 .menuStyle_36 .subBox .subBoxContent .lineBox .aBox { width : 100px ; }#dh_style_36_1603182908443 .menuStyle_36 .subBox .subBoxContent .lineBox .pBox { width : calc(100% - 100px) ; }#dh_style_36_1603182908443 .subBox .sublm.sublmOne { width : calc(100% - px - 20px) ; }#dh_style_36_1603182908443 .subBox .subImgsbox.subImgsOne { height : px ; width : calc(px + 20px) ; }#dh_style_36_1603182908443 .subBox .subImgsbox.subImgsOne > a { width : 100% ; }#dh_style_36_1603182908443 .subBox .sublm.sublmTwo { width : calc(100% -(px + px) - 20px) ; }#dh_style_36_1603182908443 .subBox .subImgsbox.subImgsTwo { height : px ; width : calc((px + px) + 20px) ; }}


