/*----------------------电脑板式样式----------------------*/ /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { } body{ background-position:left top; } #text_style_01_1521625833495{width:55.666666666666664%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:190px;left:22.166666666666668%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1521625833495{left:17.762460233297986%;width:64.47507953340403%;top:135px;}} @media screen and (max-width:640px) {#text_style_01_1521625833495{width:96%;top:52px;left:2%;z-index:2;}} #text_style_01_1521625833495>.view_contents {box-sizing:border-box;color:#ffffff;font-family:Microsoft YaHei;text-align:center;font-size:20px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1521625833495>.view_contents {box-sizing:border-box;font-size:16px;}} @media screen and (max-width:640px) { #text_style_01_1521625833495>.view_contents {box-sizing:border-box;font-size:12px;}} #text_style_01_1521625833501{width:54.41666666666667%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:47px;left:22.791666666666664%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1521625833501{left:10.02120890774125%;width:80%;top:27px;}} @media screen and (max-width:640px) {#text_style_01_1521625833501{width:96%;top:10px;left:2%;z-index:2;}} #text_style_01_1521625833501>.view_contents {box-sizing:border-box;text-align:center;color:#ffffff;font-family:Microsoft YaHei;font-size:56px;font-weight:bold;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1521625833501>.view_contents {box-sizing:border-box;font-size:46px;}} @media screen and (max-width:640px) { #text_style_01_1521625833501>.view_contents {box-sizing:border-box;font-size:18px;}} #div_a_includeBlock_1521625833244{width:100%;height:311px;position:absolute;top:148px;left:0%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1521625833244{}} @media screen and (max-width:640px) {#div_a_includeBlock_1521625833244{width:100%;height:106px;top:80px;left:0%;}} #dh_style_01_1575212163629{width:44.75%;position:absolute;left:31.416666666666664%;top:24.5px;} @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_01_1575212163629{width:43.69034994697773%;z-index:999;}} @media screen and (max-width:640px) {#dh_style_01_1575212163629{width:13.333333333333334%;z-index:3;left:86.66666666666667%;top:0px;height:50px;}} #dh_style_01_1575212163629 > .view_contents{overflow:visible;} #dh_style_01_1575212163629 {font-size:12px;} #dh_style_01_1575212163629 .columnSet {font-size:12px;} #dh_style_01_1575212163629 .mainMenuSet {font-size:16px;border-bottom-color:#f13a3a;border-bottom-style:none;border-bottom-width:1px;color:#ffffff;} #dh_style_01_1575212163629 .mainMenuSet:hover {color:#ffffff;border-bottom-color:#aaff56;border-bottom-style:none;border-bottom-width:1px;border-top-style:none;border-right-style:none;border-left-style:none;border-top-width:1px;border-right-width:1px;border-left-width:1px;border-top-color:#aaff56;border-right-color:#aaff56;border-left-color:#aaff56;background:#ff5656;} #dh_style_01_1575212163629 #hot>a {background:#ff5656;color:#ffffff;border-bottom-color:#f13a3a;border-bottom-style:none;border-bottom-width:1px;} #dh_style_01_1575212163629 #hot>a:hover {border-bottom-color:#f25959;border-bottom-style:none;border-bottom-width:0px;border-top-style:none;border-right-style:none;border-left-style:none;border-top-width:0px;border-right-width:0px;border-left-width:0px;} #dh_style_01_1575212163629 .columnSet:hover {border-bottom-color:#f25959;border-bottom-style:none;border-bottom-width:2px;} #dh_style_01_1575212163629 .subCurSet:hover {color:transparent;text-align:left;} #dh_style_01_1575212163629 .subminSet:hover {color:transparent;} #dh_style_01_1575212163629 .subMenuSet:hover {color:#f25959;font-size:14px;border-bottom-color:#f25959;border-bottom-style:solid;border-bottom-width:1px;} #dh_style_01_1575212163629 .subMenuSet {color:#000000;font-size:14px;border-bottom-color:#000000;border-bottom-style:none;border-bottom-width:1px;} @media screen and (max-width:640px) { #dh_style_01_1575212163629 #hot>a {color:#ffffff;font-size:16px;border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:1px;}} @media screen and (max-width:640px) { #dh_style_01_1575212163629 .subMenuSet {font-size:14px;color:#ffffff;}} @media screen and (max-width:640px) { #dh_style_01_1575212163629 .subMenuSet:hover {font-size:14px;color:#f25959;border-bottom-color:#f25959;border-bottom-style:solid;border-bottom-width:1px;}} @media screen and (max-width:640px) { #dh_style_01_1575212163629 .subCurSet {background:transparent;border-bottom-color:#f25959;border-bottom-style:solid;border-bottom-width:1px;color:#f25959;font-size:14px;}} @media screen and (max-width:640px) { #dh_style_01_1575212163629 #hot>a:hover {color:#ffffff;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:transparent;}} @media screen and (max-width:640px) { #dh_style_01_1575212163629 .mainMenuSet {text-indent:1em;}} @media screen and (max-width:640px) { #dh_style_01_1575212163629 .icoMenuSet {color:#ffffff;}} /*----------------------电脑板式样式----------------------*/ #dh_style_01_1575212163629{ } #dh_style_01_1575212163629 .menuStyle_1 .menuScroll{padding:0 18px;} #dh_style_01_1575212163629 .menuStyle_1 .miniMenu .leftBox .menuUlCopy{padding:0;} #dh_style_01_1575212163629 .menuStyle_1 .menuScroll>.menuUlCopy{width:100%;} #dh_style_01_1575212163629 .mainMenuSet{margin:0;} #dh_style_01_1575212163629 #hot>a{ background:none !important;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_01_1575212163629{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #dh_style_01_1575212163629{ } } #text_default_1575356775557{width:15.333333333333332%;height:51px;position:absolute;top:33.5px;left:84.66666666666667%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1575356775557{width:22.693531283138917%;left:77.30646871686108%;top:17.5px;}} @media screen and (max-width:640px) {#text_default_1575356775557{width:96%;height:21px;top:125px;left:4%;display:none;}} /*----------------------电脑板式样式----------------------*/ #text_default_1575356775557{ color:#FFF !important; font-size:14px; } #text_default_1575356775557 a{ color:#fff600;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #text_default_1575356775557{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #text_default_1575356775557{ } } #image_style_01_1575614727955{width:21.416666666666668%;height:86px;position:absolute;top:4px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1575614727955{}} @media screen and (max-width:640px) {#image_style_01_1575614727955{width:43.2%;height:58px;top:0px;left:2%;}} #image_style_01_1575614727955 > .view_contents{overflow:visible;} #comm_layout_header{height:526px;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{height:459px;}} @media screen and (max-width:640px) {#comm_layout_header{height:232px;z-index:10;}} #comm_layout_header > .view_contents{max-width:1200px;overflow:visible;} #comm_layout_header {background: url(https://cdn.yun.sooce.cn/2/69709/jpg/15750170874333220285fcdf89ea9.jpg?version=1575017088);background-attachment:fixed;background-position:50% 0% !important;background-size:100% auto;} @media screen and (max-width:640px) { #comm_layout_header {background-repeat:no-repeat!important;background-position:50% 0% !important;}} #layout_1498113507863{height:60px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1498113507863{height:40px;}} @media screen and (max-width:640px) {#layout_1498113507863{height:67px;display:none;}} #layout_1498113507863 > .view_contents{overflow:visible;max-width:1200px;} #customDetail_style_prodName_01_1521613667926{width:30.833333333333336%;font-size:24px!important;color:#333;line-height:1.8;font-family:微软雅黑;position:absolute;top:12px;left:34.583333333333336%;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) {#customDetail_style_prodName_01_1521613667926{left:34.57051961823966%;top:18px;font-size:20px!important;}} @media screen and (max-width:640px) {#customDetail_style_prodName_01_1521613667926{width:96%;top:29px;left:2%;font-size:16px!important;text-align:center;}} #customDetail_style_prodDetail_01_1575185242117{width:56.75%;position:absolute;top:69px;left:21.625%;} @media screen and (min-width:641px) and (max-width:1200px) {#customDetail_style_prodDetail_01_1575185242117{left:21.633085896076352%;}} @media screen and (max-width:640px) {#customDetail_style_prodDetail_01_1575185242117{width:77.33333333333333%;top:67px;left:11.333333333333332%;}} #layout_1496303516196{height:99px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1496303516196{height:99px;}} @media screen and (max-width:640px) {#layout_1496303516196{height:109px;}} #layout_1496303516196 > .view_contents{overflow:visible;max-width:1200px;} @media screen and (max-width:640px) { #layout_1496303516196 {}} #layout_1521613735750{height:40px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1521613735750{}} @media screen and (max-width:640px) {#layout_1521613735750{height:30px;}} #layout_1521613735750 > .view_contents{overflow:visible;max-width:1200px;} #customForm_style_input_01_1575015116827{width:88.8%;position:absolute;left:5.647208121827411%;top:36px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_input_01_1575015116827{left:6.666666666666664%;width:86.6%;}} @media screen and (max-width:640px) {#customForm_style_input_01_1575015116827{width:96%;top:0px;left:2%;}} #customForm_style_input_01_1575015116827 > .view_contents{overflow:visible;} #customForm_style_input_01_1575015134502{width:88.8%;position:absolute;left:5.583756345177665%;top:80px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_input_01_1575015134502{width:86.6%;left:6.704361873990307%;}} @media screen and (max-width:640px) {#customForm_style_input_01_1575015134502{width:96%;top:42px;left:2%;}} #customForm_style_input_01_1575015134502 > .view_contents{overflow:visible;} #customForm_style_textarea_01_1575015181896{width:88.8%;height:200px;position:absolute;left:5.647208121827411%;top:125px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_textarea_01_1575015181896{left:6.704361873990307%;width:86.6%;height:132px;}} @media screen and (max-width:640px) {#customForm_style_textarea_01_1575015181896{width:96%;height:200px;top:84px;left:2%;}} #customForm_style_textarea_01_1575015181896 > .view_contents{overflow:visible;} #customForm_style_button_01_1575015212666{width:25.380710659898476%;position:absolute;left:5.647208121827411%;top:342px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_button_01_1575015212666{left:6.777564620355411%;width:21.97092084006462%;top:266px;}} @media screen and (max-width:640px) {#customForm_style_button_01_1575015212666{width:96%;top:294px;left:2%;}} #customForm_style_button_01_1575015212666 > .view_contents{overflow:visible;} /*----------------------电脑板式样式----------------------*/ #customForm_style_button_01_1575015212666{ } .squareButton{ background:#e92020 !important; border:none !important; color:#FFF !important; height:38px !important;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_button_01_1575015212666{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #customForm_style_button_01_1575015212666{ } } #customForm_form_1575015107434{width:41.40830267997898%;height:412px;position:absolute;top:180px;left:40.12086179716238%;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_form_1575015107434{z-index:2;width:552px;height:319px;top:128px;left:40.119631495228%;}} @media screen and (max-width:640px) {#customForm_form_1575015107434{width:100%;height:332px;top:208px;left:0%;display:none;}} #image_style_01_1575015064026{width:7.304256437204414%;height:140px;position:absolute;top:441px;left:18.470835522858646%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1575015064026{z-index:2;width:118px;left:4.801829268292683%;height:115px;top:361px;}} @media screen and (max-width:640px) {#image_style_01_1575015064026{width:46.99999999999999%;height:151.3115151515151px;top:47px;left:26.500000000000004%;display:none;}} #image_style_01_1575015064026 > .view_contents{overflow:visible;} #text_style_01_1575014990483{width:20.9143457698371%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:279px;left:18.654755648975303%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1575014990483{z-index:2;width:329px;left:4.801829268292683%;top:189px;}} @media screen and (max-width:640px) {#text_style_01_1575014990483{width:96%;font-size:12px;color:#333;line-height:1.6;top:61px;left:2%;display:block;}} #text_style_01_1575014990483>.view_contents {font-weight:bold;font-size:18px;color:#ffffff;} @media screen and (max-width:640px) { #text_style_01_1575014990483>.view_contents {font-size:18px;text-align:center;}} #text_style_01_1575014952297{width:20.966894377299003%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:231px;left:18.6022070415134%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1575014952297{z-index:2;width:331px;left:4.589740190880169%;top:141px;}} @media screen and (max-width:640px) {#text_style_01_1575014952297{width:96%;font-size:12px;color:#333;line-height:1.6;top:39px;left:2%;display:block;}} #text_style_01_1575014952297>.view_contents {font-weight:bold;font-size:36px;color:#e92020;} @media screen and (max-width:640px) { #text_style_01_1575014952297>.view_contents {font-size:18px;text-align:center;}} #text_style_01_1575014910941{width:21.019442984760904%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:216px;left:18.549658434051498%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1575014910941{z-index:2;width:328px;left:4.907873806998939%;top:126px;}} @media screen and (max-width:640px) {#text_style_01_1575014910941{width:96%;font-size:12px;color:#333;line-height:1.6;top:24px;left:2%;display:block;}} #text_style_01_1575014910941>.view_contents {font-weight:bold;font-size:24px;color:#ffffff;} @media screen and (max-width:640px) { #text_style_01_1575014910941>.view_contents {font-size:18px;text-align:center;}} #image_style_01_1575182212516{width:12.821860220704151%;height:110px;position:absolute;top:22px;left:43.589069889647924%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1575182212516{height:80px;width:144px;left:calc(50% - 72px);}} @media screen and (max-width:640px) {#image_style_01_1575182212516{width:100%;height:134px;top:540px;left:0%;display:none;}} #image_style_01_1575182212516 > .view_contents{overflow:visible;} #text_default_1575617257930{width:23.96216500262743%;height:111px;position:absolute;top:316px;left:18.470835522858646%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1575617257930{left:4.801829268292683%;top:232px;width:278px;height:125px;}} @media screen and (max-width:640px) {#text_default_1575617257930{width:77.60000000000001%;height:124px;top:94px;left:11.200000000000001%;}} #text_default_1575617257930 > .view_contents{overflow:visible;} /*----------------------电脑板式样式----------------------*/ #text_default_1575617257930{ } #text_default_1575617257930{ color:#FFF; font-size:15px;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #text_default_1575617257930{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #text_default_1575617257930{ text-align:center; } } #comm_layout_footer{height:649px;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{height:670px;}} @media screen and (max-width:640px) {#comm_layout_footer{height:234px;display:block;}} #comm_layout_footer {background:#b9140e;} /*----------------------电脑板式样式----------------------*/ #comm_layout_footer{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #comm_layout_footer{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #comm_layout_footer{ } } .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{width:100% !important; height:auto !important;} } .textareaInput3{ padding: 5px; outline: none; border:1px #ccc solid; color: #666; width: 100%; height: 100%; box-sizing: border-box; } .squareButton { width: 100%; height:32px; background: #fff; color: #333; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; 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; } /*菜单样式*/ .menuStyle_1{width:100%; position:relative;} .menuStyle_1 *{transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -webkit-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -moz-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -o-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; box-sizing: border-box;} .menuStyle_1 .dflex{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;} .menuStyle_1 .rflex{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1; float: left\0;} .menuStyle_1 ul,.menuStyle_1 li{padding:0;margin:0px;list-style:none} .menuStyle_1 .menuLayout{position:relative; margin:0 auto;width:100%;} .menuStyle_1 .menuLayout:after{content:''; display:block; clear:both;} .menuStyle_1 .menuUl_box{position:relative; width:100%; text-align:center;} .menuStyle_1 .menuUl{position:relative; width:100%; text-align:center;} .menuStyle_1 .menuUl li{position:relative;} .menuStyle_1 .menuUl li>a{text-decoration:none; color:#4d5158;font-size:14px;height:44px; box-sizing:border-box; line-height:44px;display:block;text-align:center; letter-spacing:normal; white-space:nowrap; padding: 0 1em\0;} .menuStyle_1 .menuUl li>a:hover{color:#f90} .menuStyle_1 .menuUl #hot > a{color:#f90;} .menuStyle_1 .menuLayout .miniMenu{display:none;} .menuStyle_1 .menuUl02 {opacity: 0; display: none; position: absolute; left: 50%; height: 0; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} .menuStyle_1 .menuUl .rflex:hover .menuUl02 {opacity: 1; display: block; height: auto;} .menuStyle_1 .menuUl02 .subMenu02 { float: none;} .menuStyle_1 .menuUl02 .subMenu02 a { color: #333; width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 15px;} .menuStyle_1 .menuUl02 .subMenu02 a:hover {} .menuStyle_1 .rflex { position: relative;} #dh_style_01_1575212163629 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 0;} @media screen and (max-width:640px) { .menuStyle_1 .menuUl,.menuStyle_1 .menuUl_box {display:none;} .menuStyle_1 .menuScroll{height: 84%; height: 84vh; width: 100%;} .menuStyle_1 .menuScroll>.menuUlCopy{width: calc(100% + 18px); height: 100%; overflow-x: hidden; overflow-y: scroll; } .menuStyle_1 .menuLayout .miniMenu{display:block; position:relative; overflow:hidden; width: 100%; height:44px;} .menuStyle_1 .miniMenu .leftBox .sidebar{font-size:28px; line-height:44px; font-weight:normal;cursor:pointer;color:#4d5158; position:absolute; top:0; right:0px; width:44px; text-align:center;} .menuStyle_1 .miniMenu .leftBox .nav{width:100%; height:44px;} .menuStyle_1 .miniMenu .leftBox .menuUlCopy{padding:15px 0 15px 30px;} .menuStyle_1 .miniMenu .leftBox .menuUlCopy li{width:100%; } .menuStyle_1 .miniMenu .leftBox .menuUlCopy li a{width:100%; display:block; text-align:left;color:#fff; border-bottom:1px solid rgba(255,255,255,.2); text-decoration:none; font-size:16px; line-height:44px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .menuStyle_1 .menuLayout .miniMenu.Mslide{height:100% !important; height:100vh !important; background:rgba(0,0,0,.85); position: fixed; width: 100%; top: 0; left: 0;} .menuStyle_1 .menuLayout .miniMenu.Mslide .sidebar{color:#fff;} .menuStyle_1 .menuLayout .miniMenu.Mslide .nav a{display:none !important;} } #image_style_01_1575614727955 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1575614727955 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1575614727955 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} .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{width:100% !important; height:auto !important;} } #customDetail_style_prodDetail_01_1575185242117{height:auto;} #customDetail_style_prodDetail_01_1575185242117 .view_contents{ display:block !important; } @media screen and (max-width:767px){ #customDetail_style_prodDetail_01_1575185242117 #proDetailContent div,#proDetailContent p,#proDetailContent a,#proDetailContent span, #proDetailContent table { max-width:100% !important; } } #customDetail_style_prodDetail_01_1575185242117 .imgDiv{ padding-bottom: 67%;} .textInput{ width: 100%; height: 100%; padding: 6px; border-radius: 4px; height: 32px; outline: none; border: 1px #ccc solid; box-sizing: border-box; } .textInput:hover{ } #store-selector .text b{ background: url('http://box6js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } .textInput{ width: 100%; height: 100%; padding: 6px; border-radius: 4px; height: 32px; outline: none; border: 1px #ccc solid; box-sizing: border-box; } .textInput:hover{ } #store-selector .text b{ background: url('http://box6js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } .textareaInput3{ padding: 5px; outline: none; border:1px #ccc solid; color: #666; width: 100%; height: 100%; box-sizing: border-box; }.squareButton { width: 100%; height:32px; background: #fff; color: #333; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; 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; } #image_style_01_1575015064026 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1575015064026 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1575015064026 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1575015064026 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} #image_style_01_1575182212516 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1575182212516 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1575182212516 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1575182212516 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} .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;} }