body{ background-position:left top; } #image_logo_1521511601310{width:22.5%;height:78px;position:absolute;top:10px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_logo_1521511601310{height:64px;left:1%;width:221px;}} @media screen and (max-width:640px) {#image_logo_1521511601310{width:96%;height:44px;top:4px;left:1.40625%;z-index:1;}} #image_logo_1521511601310 > .view_contents{overflow:visible;} #comm_layout_header{height:98px;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{height:90px;}} @media screen and (max-width:640px) {#comm_layout_header{height:50px;z-index:10;}} #comm_layout_header > .view_contents{max-width:1200px;overflow:visible;} #productList_style_36_1574921479793{width:62.8481345244351%;height:585px;position:absolute;top:9px;left:18.57593273778245%;} @media screen and (min-width:641px) and (max-width:1200px) {#productList_style_36_1574921479793{}} @media screen and (max-width:640px) {#productList_style_36_1574921479793{width:92%;height:400px;top:0px;left:4%;}} #productList_style_36_1574921479793 > .view_contents{overflow:hidden;} #layout_diy_1569055870{height:600px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_diy_1569055870{height:600px;}} @media screen and (max-width:640px) {#layout_diy_1569055870{height:600px;}} #div_blank_1487662729998{width:100%;height:62px;position:absolute;top:356px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1487662729998{left:calc(50% - 471.5px);top:307px;height:52px;}} @media screen and (max-width:640px) {#div_blank_1487662729998{width:82.64462809917356%;height:200px;top:984px;left:8.67768595041322%;display:none;}} #div_blank_1487662729998 > .view_contents{overflow:visible;} #div_blank_1487662729998 {box-sizing:border-box;background:transparent;border-top-color:#7f7f7f;border-top-style:solid;border-top-width:1px;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1487662729998 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1487662729998 {box-sizing:border-box;}} #text_style_02_1487663541849{width:1200px;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:361.5px;left:calc(50% - 600px);} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1487663541849{left:0%;top:314.5px;width:100%;}} @media screen and (max-width:640px) {#text_style_02_1487663541849{width:100%;top:0px;left:0%;}} #text_style_02_1487663541849>.view_contents {box-sizing:border-box;color:#7f7f7f;font-size:14px;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1487663541849>.view_contents {box-sizing:border-box;line-height:36px;}} @media screen and (max-width:640px) { #text_style_02_1487663541849>.view_contents {box-sizing:border-box;font-size:12px;}} #text_style_01_1522115613395{width:19.333333333333332%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:157px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1522115613395{left:0%;width:24.458874458874458%;top:136px;}} @media screen and (max-width:640px) {#text_style_01_1522115613395{width:96%;top:590px;left:2%;}} #text_style_01_1522115613395>.view_contents {box-sizing:border-box;font-size:12px;font-family:Microsoft YaHei;color:#e5e5e5;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1522115613395>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1522115613395>.view_contents {box-sizing:border-box;}} #text_style_01_1522115690948{width:14.916666666666668%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:70px;left:30.208333333333332%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1522115690948{left:31.83678300865801%;width:20.454545454545457%;top:50px;}} @media screen and (max-width:640px) {#text_style_01_1522115690948{width:96%;top:96px;left:2%;}} #text_style_01_1522115690948>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;font-size:16px;color:#e5e5e5;font-weight:bold;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1522115690948>.view_contents {box-sizing:border-box;font-size:14px;}} @media screen and (max-width:640px) { #text_style_01_1522115690948>.view_contents {box-sizing:border-box;}} #dh_style_03_1522115819296{width:16.666666666666664%;z-index:999;position:absolute;top:112px;left:29.041666666666664%;} @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_03_1522115819296{z-index:999;left:30.226934523809522%;width:16.5016501650165%;top:88.5px;}} @media screen and (max-width:640px) {#dh_style_03_1522115819296{width:96%;z-index:999;top:210px;left:2%;}} #dh_style_03_1522115819296 > .view_contents{overflow:visible;} #dh_style_03_1522115819296 .columnSet {background:transparent;} #dh_style_03_1522115819296 .mainMenuSet {background:transparent;border-bottom-width:0px;border-right-width:0px;} #dh_style_03_1522115819296 #hot>a {background:transparent;} @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_03_1522115819296 .mainMenuSet {line-height:32px;height:32px;}} #text_style_01_1522115930380{width:17.666666666666668%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:70px;left:49.45833333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1522115930380{left:47.740800865800864%;top:50px;}} @media screen and (max-width:640px) {#text_style_01_1522115930380{width:96%;top:134px;left:2%;}} #text_style_01_1522115930380>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;font-size:16px;color:#e5e5e5;font-weight:bold;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1522115930380>.view_contents {box-sizing:border-box;font-size:14px;}} @media screen and (max-width:640px) { #text_style_01_1522115930380>.view_contents {box-sizing:border-box;}} #text_style_01_1522115961029{width:22%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:112px;left:49.45833333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1522115961029{left:47.84733495670996%;width:22.61904761904762%;top:88.5px;}} @media screen and (max-width:640px) {#text_style_01_1522115961029{width:96%;top:220px;left:2%;}} #text_style_01_1522115961029>.view_contents {box-sizing:border-box;font-size:12px;font-family:Microsoft YaHei;color:#e5e5e5;line-height:36px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1522115961029>.view_contents {box-sizing:border-box;line-height:32px;}} @media screen and (max-width:640px) { #text_style_01_1522115961029>.view_contents {box-sizing:border-box;}} #text_style_01_1522116274366{width:20.916666666666668%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:70px;left:74.625%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1522116274366{left:74.26102543290042%;top:50px;}} @media screen and (max-width:640px) {#text_style_01_1522116274366{width:96%;top:172px;left:2%;}} #text_style_01_1522116274366>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;font-size:16px;color:#e5e5e5;font-weight:bold;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1522116274366>.view_contents {box-sizing:border-box;font-size:14px;}} @media screen and (max-width:640px) { #text_style_01_1522116274366>.view_contents {box-sizing:border-box;}} #liuyanban_style_01_1522116334153{width:25.166666666666664%;position:absolute;top:112px;left:74.625%;} @media screen and (min-width:641px) and (max-width:1200px) {#liuyanban_style_01_1522116334153{left:74.25257034632034%;width:25.757575757575758%;top:95.5px;}} @media screen and (max-width:640px) {#liuyanban_style_01_1522116334153{width:96%;top:374px;left:2%;}} #liuyanban_style_01_1522116334153 > .view_contents{overflow:visible;} #liuyanban_style_01_1522116334153 .titSet {line-height:0px;font-size:0px;color:transparent;} #liuyanban_style_01_1522116334153 .inputSet {background:transparent;border-top-color:#cccccc;border-right-color:#cccccc;border-bottom-color:#cccccc;border-left-color:#cccccc;color:#e5e5e5;line-height:13px;text-indent:0em;} #liuyanban_style_01_1522116334153 .btnaSet {background:#44c1f2;} @media screen and (min-width:641px) and (max-width:1200px) { #liuyanban_style_01_1522116334153 .btnaSet {font-size:12px;line-height:32px;height:32px;}} @media screen and (min-width:641px) and (max-width:1200px) { #liuyanban_style_01_1522116334153 .inputSet {line-height:12px;font-size:12px;}} /*----------------------电脑板式样式----------------------*/ #liuyanban_style_01_1522116334153{ } #liuyanban_style_01_1522116334153 .gformStyle_1 .gformList input.gfInput{min-width:0px;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #liuyanban_style_01_1522116334153{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #liuyanban_style_01_1522116334153{ } } #image_style_01_1522132893234{width:19.083333333333332%;height:87px;position:absolute;top:70px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1522132893234{left:0%;width:23.160173160173162%;top:50px;}} @media screen and (max-width:640px) {#image_style_01_1522132893234{width:200px;height:200px;top:0px;left:16.996699669967%;}} #image_style_01_1522132893234 > .view_contents{overflow:visible;} #div_a_includeBlock_1522115521696{width:1200px;height:339px;position:absolute;top:0px;left:calc(50% - 600px);} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1522115521696{height:310.5px;width:98%;left:1.007423117709438%;}} @media screen and (max-width:640px) {#div_a_includeBlock_1522115521696{width:100%;height:674px;top:0px;left:0%;display:none;}} #comm_layout_footer{height:418px;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{height:359px;}} @media screen and (max-width:640px) {#comm_layout_footer{height:50px;display:block;}} #comm_layout_footer {background:#212831;} body{-ms-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;} .logoStyle *{box-sizing: border-box;} .logoStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .logoStyle>a{overflow: hidden; width: 100%;height: 100%; display: block;} .logoName{white-space: nowrap;} /*侧栏分类*/ .prod_default36 .prod_kind::-webkit-scrollbar,.prod_default36 .prod_pro::-webkit-scrollbar{width: 0;display: none;} .prod_default36 .prod_kind,.prod_default36 .prod_pro{overflow-y: scroll;} .prod_default36{ overflow:hidden; height:100%;} .prod_default36 a{ display:block; } .prod_default36 .prod_kind{ float:left; height:100%; background:#e5e5e5; width:100px; box-sizing: border-box; -webkit-box-sizing: border-box;} .prod_default36 #prod_Ulist_kind{ box-sizing: border-box; -webkit-box-sizing: border-box;} .prod_default36 .prod_li_kind{ width:100%!important; } .prod_default36 .list_item{text-align:center; padding:0 15px; line-height:3.5; box-sizing: border-box; -webkit-box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;} .prod_default36 .cur .list_item{ background:white; border-left:2px solid #ff5656;} /*产品列表*/ .prod_default36 .prod_pro{height:100%; float:right; width:calc(100% - 100px); box-sizing: border-box; -webkit-box-sizing: border-box;} .prod_default36 #prod_Ulist_pro{ padding:10px 10px 0px 10px; box-sizing: border-box; -webkit-box-sizing: border-box;width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:wrap; justify-content:space-between;} .prod_default36 .prod_Ulist_prolist{box-sizing: border-box; -webkit-box-sizing: border-box;padding-bottom: 10px; margin-bottom:10px; border-bottom:1px solid #eee;overflow: hidden;} .prod_default36 .list_box{ width:100%; /* overflow:hidden; */ position:relative;} .prod_default36 .showimg{ width:100%; position:relative; box-sizing: border-box; overflow:hidden; float:left;} .prod_default36 .prod_Ulist_prolist *{transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; box-sizing: border-box;} .prod_default36 .prod_Ulist_prolist:hover .showimg{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .prod_default36 .showimg img{ width:100%; height:auto; position:absolute; left:0; top:0;} .prod_default36 .showimg .dump{ margin-top:100%;} .prod_default36 .status{text-indent:0px;display: inline-block;color:red; border:1px solid red; padding:0 2px; margin-right:5px; text-align: center; font-size:12px; font-family:'Times New Roman'; vertical-align: middle;} .prod_default36 .proinfo{ float:left; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding:10px 10px 0 10px; } .prod_default36 .p_name{ font-size:14px; overflow:hidden;display: block;-webkit-box-orient: vertical;} .prod_default36 .p_detail{ font-size:12px; margin:4px 0;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;} .prod_default36 .pline{ overflow:hidden;} .prod_default36 .price_value{ float:left; } .prod_default36 .price_value div{ color:#ff5656; font-size:14px;display: inline-block;} .prod_default36 .price_value div.p_price2{ color:#999; font-size:12px;text-decoration: line-through;} .prod_default36 .price_value s{ font-size:12px; color:#666;} .prod_default36 .zhekouSet{ line-height:1.4; } .prod_default36 .priceSet{ line-height:30px;} .prod_default36 .button{ float:right; } .prod_default36 .cartbtn{ border-radius:200px; background:#ff5656;color:white; font-size:14px; width:24px; height:24px;margin-top: 3px; text-align:center; line-height:24px; box-sizing: border-box; -webkit-box-sizing: border-box;} .prod_default36 .cartbtn img{ width:100%; height:auto; vertical-align: top; transform: scale(.7);} .prod_default36 .p_number{width: 100%;display: inline-block;} /*拼购*/ .prod_default36 .Collage_ico{ position:absolute; left:0px; top:0; width:25px; height:25px; z-index: 100;} .prod_default36 .Collage_ico img{width:100%; height:100%;} /*弹窗*/ .clr{ clear: both; } .proInfo_price{ line-height:2; width:90%; margin:0 auto; padding-bottom:5px;} .zk_price{ font-size:14px; color:red; } .y_price{font-size: 12px; color:#e5e5e5; text-decoration:line-through} .costPrice_value{ display:inline-block;} .choseK{ box-shadow: 0px 0px 10px rgba(0,0,0,.3); background:white; width:100%; height:300px; position:fixed; left:0; bottom:50px; z-index: 9999;} .choseK .choseK_div{ width:90%; margin:0 auto; } .choseK .choseK_scroll{ position: relative; height:150px;border-top:1px solid #e5e5e5; margin-top:10px;} .choseK .proImg{ width:90px; height:90px; border:1px solid #e5e5e5; float:left; margin-top:-10px; overflow: hidden;} .choseK .close{ width:20px; height:20px; float:right; margin-top:10px;} .choseK .close img{ width:100%; height:100%; } .choseK .close:hover{ cursor: pointer; } .choseK .proImg img{ width:100%; height:auto; background:white;} .choseK .choseK_price{ float:left; margin:10px 0 0 10px;} .choseK .choseK_choose{ border-bottom:1px solid #e5e5e5; padding-bottom:10px;} .choseK .choseK_bt{ font-size:14px; line-height:3; color:#333;} .choseK .prop_Ttile{ font-size:14px; line-height:3; color:#333;} .choseK .sys_spec_text{ width:100%; } .choseK .sys_spec_text>li{ width:70px; display:inline-block; border:none !important; margin-bottom:8px; margin-right: 8px; } .choseK .sys_spec_text>li>a{ display:block; width:100%; line-height:2; text-align: center; background-color:#e5e5e5;} .choseK .sys_spec_text>li.selected{ border:none !important; color:white; } .choseK .sys_spec_text>li.selected>a{ color:white; background:#F34648;} .choseK .choseK_num{ margin-bottom:20px; } .choseK .amount_value a{color:#666;text-decoration:none;font-size:20px;margin-left:-1px;margin-right:-1px;display: block;_display: inline;float: left;min-width:30px;height: 26px;border: 1px solid #ccc;line-height: 24px;padding: 0;vertical-align: top;overflow: hidden;text-align: center;background-color: #ededed;overflow: hidden;font-weight: bold;} .choseK .amount_value input{float: left; margin: 0; padding: 0;width: 45px; height: 26px; font-size: 14px; line-height: 26px; text-align: center; color: #666; border: 1px solid #CCC; outline: 0; background: #FFF;} .choseK .choseK_btn{ overflow: hidden; width:100%; position: absolute; left:0; bottom:0;} .choseK .choseK_btn>div{ width:50%; height:50px; line-height:50px; float:left; color:white; text-align: center;} .choseK .buy{ background:#F34648; } .choseK .addCar{ background:#FF8854; } .black{width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.5); z-index: 50;} .nonum{ display:none; } .prod_default36 .freeinfo{ clear:both; overflow:hidden;} .prod_default36 .freeinfo span{ display:block; float:left; border:1px solid #ff5656; border-radius:5px; padding:0 5px; color:#ff5656; margin-right:5px; box-sizing: border-box; } @media screen and (max-width: 767px){ .prod_default36 .prod_kind{ overflow-y:scroll;} .prod_default36 .prod_pro{overflow-y:scroll;} .choseK .choseK_scroll{overflow-y:scroll;} .prod_default36 .prod_Ulist_prolist{width:100%!important;} .prod_default36 .p_name{display: block; margin-bottom:10px;} .prod_default36 .showimg{ width:100px;} .prod_default36 .proinfo{width:calc(100% - 100px);padding: 0 0 0 10px;} } .p_detail{white-space: pre-wrap;} .p_detail .overhide{white-space: pre-wrap;} /*pc*/ #productList_style_36_1574921479793 li{width: 23.5%;} #productList_style_36_1574921479793 li.prod_Item{margin-bottom:2%;} @media screen and (max-width: 1024px){/*ipad*/ #productList_style_36_1574921479793 li{width: 23.5%;} #productList_style_36_1574921479793 li.prod_Item{margin-bottom:2%;} } @media screen and (max-width: 768px){/*mobi*/ #productList_style_36_1574921479793 li{width: 100%;} #productList_style_36_1574921479793 li.prod_Item{margin-bottom:0%;} } #productList_style_36_1574921479793 .prod_kind.foodKindSet {width: px;} #productList_style_36_1574921479793 .prod_pro {width: calc(100% - px);} @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_36_1574921479793 .prod_kind.foodKindSet {width: px;} #productList_style_36_1574921479793 .prod_pro {width: calc(100% - px);} } @media screen and (max-width:640px) { #productList_style_36_1574921479793 .prod_kind.foodKindSet {width: px;} #productList_style_36_1574921479793 .prod_pro {width: calc(100% - px);} } @media screen and (min-width: 1025px){/*ipad*/ #productList_style_36_1574921479793 li.prod_Ulist_prolist{margin-bottom:2%;} } @media screen and (max-width: 1024px) and (min-width: 767px){/*ipad*/ #productList_style_36_1574921479793 li.prod_Ulist_prolist{margin-bottom:2%;} } #productList_style_36_1574921479793 .p_detail.pc,#productList_style_36_1574921479793 .p_name.pc {display:block;} #productList_style_36_1574921479793 .p_detail.pad, #productList_style_36_1574921479793 .p_detail.mobile,#productList_style_36_1574921479793 .p_name.pad, #productList_style_36_1574921479793 .p_name.mobile {display:none;} @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_36_1574921479793 .p_detail.pad,#productList_style_36_1574921479793 .p_name.pad {display:block;} #productList_style_36_1574921479793 .p_detail.pc, #productList_style_36_1574921479793 .p_detail.mobile,#productList_style_36_1574921479793 .p_name.pc, #productList_style_36_1574921479793 .p_name.mobile {display:none;} } @media screen and (max-width:640px) { #productList_style_36_1574921479793 .p_detail.mobile,#productList_style_36_1574921479793 .p_name.mobile {display:block;} #productList_style_36_1574921479793 .p_detail.pc, #productList_style_36_1574921479793 .p_detail.pad,#productList_style_36_1574921479793 .p_name.pc, #productList_style_36_1574921479793 .p_name.pad {display:none;} } /*产品状态 新品 推荐*/ .prod_default .v_value {color: #333; font-size: 12px;} #productList_style_36_1574921479793 .showActivity {display: none !important;} #productList_style_36_1574921479793 .btnaSet ,#productList_style_36_1574921479793 .btnaSet a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .menuStyle_3 {position: relative; width: 100%; height: 100%;} .menuStyle_3 *{transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; box-sizing: border-box;} .menuStyle_3 .ddsmoothmenu-v {display:block} .menuStyle_3 .ddsmoothmenu-v ul{ background: #414141;} .menuStyle_3 .ddsmoothmenu-v ul li { line-height: 36px; height: 36px; border-bottom: 1px solid #333; border-right: 1px solid #333;color: white;} .menuStyle_3 .ddsmoothmenu-v ul li:hover {background:#000;} .menuStyle_3 .menuLi01 { position: relative;} .menuStyle_3 .menuLi01:hover .menuUl02{display:block;} .menuStyle_3 .menuLi01 a { display:block; color: inherit; padding-left: 15px; padding-right: 15px;} .menuStyle_3 .menuUl02 { display:none; position: absolute; left: 100%; top: 0; white-space: nowrap;} .menuStyle_3 #hot>a{background:#ffcc00;} .menuStyle_3 .mobi_top { display:none; width: 100%; height: 32px; position: relative; cursor: pointer; font-size:40px;} .menuStyle_3 .icoFont { position: absolute; top: calc(50% - 2px); left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);} .menuStyle_3 .header_nav { width: 100%; height: calc(100% - 40px); overflow: hidden;} .menuStyle_3 .header_nav li { position: relative; line-height: 180%; color: #fff;} .menuStyle_3 .header_nav li a { color: inherit; display: block; padding: 15px;} .menuStyle_3 .header_scroll { overflow-y: scroll; height: 100%; width: calc(100% + 17px);} .menuStyle_3 .mobi_title { height: 40px; line-height: 40px; border-bottom: 1px solid #333; color: #fff; text-align: center; overflow: hidden;} .menuStyle_3 .m_icoFont { width:50px; height: 100%; display: block; float: right; border-left: 1px solid #333; cursor: pointer; font-size: 22px;} .menuStyle_3 .mobi_main { display:none; position: fixed; left: 0; top: 0; background: #414141; width: 100vw; height: 100vh; z-index: 999;} .menuStyle_3 .mobi_border { position: relative; border-bottom: 1px solid #333; line-height: 120%;} .menuStyle_3 .mobi_more { position: absolute; top: 0; right: 17px; width: 50px; height: 100%; color: #fff; border-left: 1px solid #333; cursor: pointer; text-align: center;} .menuStyle_3 .mobi_add { display: block; font-size: 22px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);} .menuStyle_3 .mobi_menuLi02 .mobi_border { padding-left: 30px;} .menuStyle_3 .mobi_menuUl02 { display: none;} #dh_style_03_1522115819296.clearTransform{transform:none!important;} #dh_style_03_1522115819296 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 8px;} @media screen and (max-width:640px) { .menuStyle_3 .ddsmoothmenu-v {display:none;} .menuStyle_3 .mobi_top {display:block;} } .gformStyle_1{width:100%; box-sizing: border-box;} .gformStyle_1 *{box-sizing: border-box;transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; box-sizing: border-box;} .gformStyle_1 .gformS{width:100%;box-sizing:border-box;} .gformStyle_1 .gf_title{text-align:center; font-size:18px; line-height:3;} .gformStyle_1 .gformList{width:100%;margin-bottom:4px;} .gformStyle_1 .gformList span{display:block; float:left; width:36px; font-size:14px; line-height:34px;} .gformStyle_1 .gformList textarea.gf_message, .gformStyle_1 .gformList input.gfInput{width:100%;max-width:100%; min-width:300px; box-sizing:border-box; font-size:14px; color:#333; padding:8px; border:1px solid #eee;} .gformStyle_1 .gformList input.gfInput{height:34px; width:100%; min-width:300px;} .gformStyle_1 .gbt{background:#EC8C14; color:#fff; font-size:16px; line-height:40px; cursor:pointer; box-sizing:border-box; border:0; height:40px; width:100%; margin:3% auto;} .gformStyle_1 .gformList input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } .gformStyle_1 #gbook{width:100%; box-sizing:border-box; list-style:none; clear:both;} .gformStyle_1 li.gbList{background:#fff; margin-bottom:10px; color:#333; padding:10px; box-sizing:border-box;} .gformStyle_1 .gb_name{font-size:14px; line-height:3; white-space:nowrap; border-top: 1px solid #aaa; padding:10px;} .gformStyle_1 .gb_content{margin:10px auto; clear:both;} .gformStyle_1 .gb_page{background:#fff; text-align:center; font-size:14px; line-height:2;} .gformStyle_1 .gb_replay{margin:10px auto; border-top:1px solid #ccc; padding-top:10px; box-sizing:border-box; font-size:14px;} .gformStyle_1 .gb_replay b{padding-left:50px; } .gformStyle_1 .gb_replay .gb_content{padding-left:50px; } .gformStyle_1 .gb_info{float:right; color:#666;} @media screen and (max-width:991px){ .gformStyle_1 .gformList textarea.gf_message,.gformList input.gfInput{margin:auto; max-width:auto; min-width:calc(100% - 36px); } } @media screen and (max-width:768px){ .gformStyle_1{padding:15px;} .gformStyle_1 .listTit{display:none;} .gformStyle_1 .gformList textarea.gf_message,.gformList input.gfInput{margin:auto; max-width:auto; min-width:100%;} .gformStyle_1 .gbt{font-size:14px;} } @media screen and (max-width:480px){ .gformStyle_1{padding:10px;} .gformStyle_1 .listTit{display:none;} .gformStyle_1 .gformList textarea.gf_message,.gformStyle_1 .gformList input.gfInput{margin:auto; max-width:auto; min-width:100%; } .gformStyle_1 .gb_replay{padding-left:10px;font-size:14px;} .gformStyle_1 .gb_nickname,.gformStyle_1 .gb_nickname b{font-size:14px;} } .gformStyle_1 .gformList textarea.gf_message, .gformStyle_1 .gformList input.gfInput,.gformStyle_1 li.gbList{background:#f5f5f5;}/*modBgColor*/ .gformStyle_1 .modFontColor{color:#333;} .gformStyle_1 .modBorderColor{border-color:#f5f5f5 !important;} .gformStyle_1 .style_changeCode {height: 100%;} .liuyanban .gformList{position: relative;} .liuyanban .style_changeCode {z-index: 88 !important;width: 75px;display: block;position: absolute;box-sizing: border-box;right: 0;top: 0;padding: 0 !important;background: transparent!important;text-align: center;} .liuyanban .style_changeCode .changeCodeText{position: relative;top: 50%;transform: translateY(-50%);font-size: 12px;width: auto;float: none;color: #3783F4;} .liuyanban .style_changeCode .changeCodeText:hover{text-decoration: underline;} #liuyanban_style_01_1522116334153 .error{ color: #f00 !important;} #liuyanban_style_01_1522116334153 .error{ color: #f00 !important;} /*pc*/ #liuyanban_style_01_1522116334153 .lybbtn{text-align: center;} #liuyanban_style_01_1522116334153 .gbt{width:%;} @media screen and (max-width: 1024px){/*ipad*/ #liuyanban_style_01_1522116334153 .lybbtn{text-align: center;} #liuyanban_style_01_1522116334153 .gbt{width:%;} } @media screen and (max-width: 768px){/*mobi*/ #liuyanban_style_01_1522116334153 .lybbtn{text-align: center;} #liuyanban_style_01_1522116334153 .gbt{width:%;} } .imgStyle{font-size:0;} #image_style_01_1522132893234 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1522132893234 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1522132893234 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1522132893234 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;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } .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;padding-top:0!important;} .bottomMenu ul li a{display: inline-block;width: 100%;height: 100%;} .bottomMenu ul li .menuItem{position: relative;} .bottomMenu ul li .menuItem.iconTxt{top:5%;} .bottomMenu ul li .menuItem.txt{top: 50%;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .bottomMenu ul li .menuItem.icon{top: 20%;} .bottomMenu ul li .menuIco{width: auto; height: 26px; overflow: hidden; margin: 0 auto 4px;padding-top:2px;box-sizing:border-box;} .bottomMenu ul li .menuIco img{width: 100%; height: 100%;box-sizing:border-box;object-fit: contain;} .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:50px!important;} }