/** *缂栬緫鍣 \View\css\diy\editPageComm.css *缂栬緫鍣?棰勮 \View\css\diy\pageCom.css *缂栬緫鍣?鍙戝竷 \Model\viewsRes\publish\comm.css */ @charset "utf-8"; /*----------------鍏叡閮ㄥ垎----------------*/ html { overflow-x: hidden; overflow-y: auto; } body { background-repeat: no-repeat; background-position: left top; position: relative; overflow-x: hidden; } body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select { margin: 0px; padding: 0px; list-style-type: none; font-size: 12px; font: 12px/1.5 tahoma, arial, "Microsoft YaHei"; outline: 0 none; color: #333; } em, i { font-style: normal; } a { color: #333; } a { text-decoration: none; } * { margin: 0px; padding: 0px; outline: none !important; } img { -ms-interpolation-mode: bicubic; border: none; } .view { z-index: 1; position: absolute; } .horizontal .view { position: relative; float: left; } .vertical .view { position: relative; } .view_contents { position: relative; width: 100%; margin: 0 auto; padding: 0; z-index: 10; height: 100%; overflow: hidden; box-sizing: border-box; /*娣诲姞鍚庯紝妯″潡鐨勫唴杈硅窛鍜岃竟妗嗕笉浼氬啀婧㈠嚭*/ } .layout { position: relative; width: 100%; margin: 0px auto; padding: 0px; z-index: 1; } .layout>.view_contents { /*overflow: visible;*/ cursor: default; } /*娴佸竷灞€*/ .flow .view_contents>.view { float: left; } .clear { clear: both; } /*鑻规灉鍘婚櫎鏍峰紡*/ select, input[type='button'], input[type="reset"], input[type='submit'], input[type='text'], input[type="password"], input[name='query'], input[name='d'] { -webkit-appearance: none; border-radius: 0px } input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; } /*妯″潡鍒嗛〉*/ .page_btn { clear: both; margin-top: 20px; width: 100%; text-align: center; } .page_btn a { display: inline-block; color: #333; box-sizing: border-box; margin: 0 5px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #ccc; font-family: 'microsoft YaHei'; } .page_btn a.cur, .page_btn a:hover { border: 1px solid #4c4c4c; } .prev_btn, .next_btn { font-family: '榛戜綋' !important; border: 0 !important; } .no_page { border: 0 !important; } @media screen and (max-width:768px) { /*鍒嗛〉*/ .page_btn a:nth-child(n+5) { display: none; } .page_btn a:nth-last-child(1), .page_btn a:nth-last-child(2), .page_btn a:nth-last-child(3) { display: inline-block !important; } } /*鍥剧墖鏀惧ぇ鏍峰紡*/ .imgBox { position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%; } .imgBox img { position: absolute; width: auto; max-width: 80%; /*max-height: 65%;*/ border: 20px solid #fff; top: 40%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); box-shadow: 0 0 10px rgba(0, 0, 0, .3); } .imgBox.scroll { overflow-y: scroll; overflow-x: hidden; } .imgBox.scroll::-webkit-scrollbar { width: 6px; height: 6px; background: rgba(0, 0, 0, .05); } .imgBox.scroll::-webkit-scrollbar { width: 6px; height: 6px; background: rgba(0, 0, 0, .02); } .imgBox.scroll::-webkit-scrollbar-button { background: #f7f7f7; height: 0; } .imgBox.scroll::-webkit-scrollbar-corner { background: rgba(0, 0, 0, .05); } .imgBox.scroll::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .7); border-radius: 3px; } .imgBox.scroll img { top: 5%; margin-bottom: 5%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); } .pos_fixed { position: fixed; width: 100%; } .imageButton { position: fixed; bottom: 15%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imageButton span { display: inline-block; cursor: pointer; box-shadow: 0 0 6px rgba(0, 0, 0, .2); -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; } .imageButton span:hover { opacity: .8; } .imageButton span.closeShowPic { font-size: 40px; border-radius: 100%; font-family: serif; line-height: 1; background-color: #fff; padding: .2em; text-align: center; } @media screen and (max-width: 768px) { /*mobi*/ .imgBox img { border-width: 10px; } .imgBox.scroll img { top: 5%; margin-bottom: 10vh; } } .jurisdiction_mask { top: 0; left: 0; position: fixed; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2147483647; display: none; } .jurisdiction_tips { width: 400px; background: #ffffff; position: absolute; left: 50%; top: 45%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 23px 20px; box-sizing: border-box; text-align: center; } .jurisdiction_tips img { display: block; margin: 0 auto; } .jurisdiction_tips h3 { font-size: 18px; font-weight: 400; line-height: 40px; color: #575757; text-align: center; margin: 5px 0 0; } .jurisdiction_tips p { color: #999; font-size: 16px; text-align: center; font-weight: 300; margin: 0; } .jurisdiction_tips button { color: #fff; font-size: 12px; padding: 10px 0; margin: 10px 3px 0; background-color: #aaa; cursor: pointer; display: inline-block; box-sizing: border-box; border: none; outline: none !important; width: 98px; } .jurisdiction_tips .jurisdiction_login { background: #ff0099; } .jurisdiction_tips button:hover { opacity: 0.8; } .jurisdiction_tips_mobile { display: none; } @media screen and (max-width: 450px) { .jurisdiction_tips { width: 80%; padding: 20px 15px; } .jurisdiction_tips p { display: none; } .jurisdiction_tips .jurisdiction_tips_mobile { display: block; } .jurisdiction_tips img { width: 60px; } .jurisdiction_tips h3 { font-size: 16px; } .jurisdiction_tips p { font-size: 14px; } .jurisdiction_tips button { margin-top: 12px; padding: 8px 0; } } body { background-position: left top; } #banner_style_01_1555555763847 { width: 1920px; height: 588px; position: absolute; top: 0px; left: calc(50% - 960px); } @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1555555763847 { height: 520px; width: 100%; left: 0%; top: 0px; } } @media screen and (max-width:640px) { #banner_style_01_1555555763847 { width: 100%; height: 225px; top: 0px; left: 0%; } } #text_style_01_1555556510282 { width: 44.083333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 153px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556510282 { left: 1.9999337221633087%; top: 128px; } } @media screen and (max-width:640px) { #text_style_01_1555556510282 { width: 53.06666666666666%; font-size: 12px; color: #333; line-height: 1.6; top: 27px; left: 2%; display: block; } } #text_style_01_1555556510282>.view_contents { font-size: 84px; line-height: 90px; color: #ffffff; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556510282>.view_contents { font-size: 64px; line-height: 70px; } } @media screen and (max-width:640px) { #text_style_01_1555556510282>.view_contents { font-size: 36px; line-height: 40px; } } #text_style_01_1555556617349 { width: 68.41666666666667%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 364px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556617349 { left: 1.9999337221633087%; top: 297px; } } @media screen and (max-width:640px) { #text_style_01_1555556617349 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 128px; left: 2%; } } #text_style_01_1555556617349>.view_contents { font-size: 34px; line-height: 36px; color: #ffffff; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556617349>.view_contents { font-size: 30px; line-height: 32px; } } @media screen and (max-width:640px) { #text_style_01_1555556617349>.view_contents { font-size: 16px; line-height: 18px; } } #dh_style_28_1555557128092 { width: 60%; z-index: 999; position: absolute; top: 81px; left: 40%; } @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 { z-index: 999; width: 529px; left: 43.90243902439025%; top: 66px; } } @media screen and (max-width:640px) { #dh_style_28_1555557128092 { width: 12%; z-index: 999; top: 20px; left: 88%; } } #dh_style_28_1555557128092>.view_contents { overflow: visible; } #dh_style_28_1555557128092 .mainMenuSet { color: #ffffff; font-size: 18px; line-height: 18px; } #dh_style_28_1555557128092 .mainMenuSet:hover { color: #e67817; font-size: 18px; } #dh_style_28_1555557128092 #hot>a { color: #e67817; font-size: 18px; } #dh_style_28_1555557128092 .subMenuSet { line-height: 18px; } #dh_style_28_1555557128092 .thrMenuSet { line-height: 18px; } @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 .mainMenuSet { font-size: 16px; line-height: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 .mainMenuSet:hover { font-size: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 #hot>a { font-size: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 .subMenuSet { line-height: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 .thrMenuSet { line-height: 16px; } } @media screen and (max-width:640px) { #dh_style_28_1555557128092 .icoMenuSet {} } @media screen and (max-width:640px) { #dh_style_28_1555557128092 .mainMenuSet { line-height: 36px; } } /*----------------------鐢佃剳鏉垮紡鏍峰紡----------------------*/ #dh_style_28_1555557128092 {} #dh_style_28_1555557128092 .menuStyle_28 .miniMenu .leftBox .sidebar { color: #fff; } /*----------------------骞虫澘鏉垮紡鏍峰紡----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 {} } /*----------------------鎵嬫満鏉垮紡鏍峰紡----------------------*/ @media screen and (max-width:640px) { #dh_style_28_1555557128092 {} } #text_style_01_1555556257426 { width: 34.75%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 81px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556257426 { left: 1.9999337221633087%; top: 62px; } } @media screen and (max-width:640px) { #text_style_01_1555556257426 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 346px; left: 2%; display: none; } } #text_style_01_1555556257426>.view_contents { color: #e67817; font-family: Arial; font-size: 26px; line-height: 28px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556257426>.view_contents { font-size: 22px; line-height: 24px; } } #text_style_01_1555556136255 { width: 19.333333333333332%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 37px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556136255 { left: 1.9999337221633087%; top: 18px; } } @media screen and (max-width:640px) { #text_style_01_1555556136255 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 235px; left: 2%; display: none; } } #text_style_01_1555556136255>.view_contents { color: #ffffff; font-size: 24px; line-height: 26px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556136255>.view_contents { font-size: 20px; line-height: 22px; } } #customForm_style_button_01_1555662266783 { width: 180px; position: absolute; top: 441px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_button_01_1555662266783 { left: 2%; top: 392px; width: 172px; } } @media screen and (max-width:640px) { #customForm_style_button_01_1555662266783 { width: 90px; top: 167px; left: 2%; } } #customForm_style_button_01_1555662266783>.view_contents { overflow: visible; } #customForm_style_button_01_1555662266783 .btnaSet { font-size: 22px; line-height: 44px; height: 48px; background: transparent; color: #ffffff; border-width: 2px; border-color: #e67817; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_button_01_1555662266783 .btnaSet { font-size: 20px; line-height: 40px; height: 44px; } } @media screen and (max-width:640px) { #customForm_style_button_01_1555662266783 .btnaSet { font-size: 12px; line-height: 24px; height: 28px; } } #comm_layout_header { height: 588px; z-index: 99999; } @media screen and (min-width:641px) and (max-width:1200px) { #comm_layout_header { height: 520px; } } @media screen and (max-width:640px) { #comm_layout_header { height: 225px; } } #comm_layout_header>.view_contents { max-width: 1200px; overflow: visible; } #layout_diy_1555555746 { height: 81px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_diy_1555555746 { height: 51px; } } @media screen and (max-width:640px) { #layout_diy_1555555746 { height: 21px; } } #layout_diy_1555555746>.view_contents { max-width: 1200px; } #layout_diy_1555555746 { background: #e67817; } #text_style_01_1555557867559 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 0%; left: 34.583333333333336%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555557867559 {} } @media screen and (max-width:640px) { #text_style_01_1555557867559 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 0px; left: 2%; } } #text_style_01_1555557867559>.view_contents { font-size: 30px; line-height: 32px; color: #ffffff; text-align: center; } @media screen and (max-width:640px) { #text_style_01_1555557867559>.view_contents { font-size: 16px; line-height: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555557867559>.view_contents { font-size: 26px; line-height: 28px; } } #text_style_01_1555557911701 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 39px; left: 34.583333333333336%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555557911701 { top: 35px; } } @media screen and (max-width:640px) { #text_style_01_1555557911701 { width: 68.8%; font-size: 12px; color: #333; line-height: 1.6; top: 21px; left: 15.6%; } } #text_style_01_1555557911701>.view_contents { color: #ffffff; text-align: center; line-height: 18px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555557911701>.view_contents { font-size: 16px; } } @media screen and (max-width:640px) { #text_style_01_1555557911701>.view_contents { font-size: 12px; line-height: 14px; } } #layout_1555555836600 { height: 58px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555555836600 { height: 53px; } } @media screen and (max-width:640px) { #layout_1555555836600 { height: 35px; } } #layout_1555555836600>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555555836600 { background: #e67817; } #layout_1555555838506 { height: 41px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555555838506 { height: 26px; } } @media screen and (max-width:640px) { #layout_1555555838506 { height: 16px; } } #layout_1555555838506>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555555838506 { background: #e67817; } #productList_style_23_1555743906991 { width: 100%; position: absolute; top: 0px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555743906991 { width: 96%; left: 2.014846235418876%; top: 0px; } } @media screen and (max-width:640px) { #productList_style_23_1555743906991 { width: 96%; top: 0px; left: 2%; display: none; } } #productList_style_23_1555743906991>.view_contents { overflow: visible; } #productList_style_23_1555743906991 .titleSet { font-size: 24px; color: #ffffff; } #productList_style_23_1555743906991 .btnaSet { font-size: 18px; background: #ffffff; border-color: #ffffff; } #productList_style_23_1555743906991 .modSet { background: #e67817; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555743906991 .titleSet { font-size: 20px; } } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555743906991 .btnaSet { font-size: 16px; } } #productList_style_23_1555744464704 { width: 100%; position: absolute; top: 10px; left: 0%; display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555744464704 { width: 96%; display: none; } } @media screen and (max-width:640px) { #productList_style_23_1555744464704 { width: 96%; top: 10px; left: 2%; display: block; } } #productList_style_23_1555744464704>.view_contents { overflow: visible; } #productList_style_23_1555744464704 .titleSet { font-size: 24px; color: #ffffff; } #productList_style_23_1555744464704 .btnaSet { font-size: 18px; background: #ffffff; border-color: #ffffff; } #productList_style_23_1555744464704 .modSet { background: #e67817; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555744464704 .titleSet { font-size: 20px; } } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555744464704 .btnaSet { font-size: 16px; } } @media screen and (max-width:640px) { #productList_style_23_1555744464704 .unitSet { font-size: 14px; } } @media screen and (max-width:640px) { #productList_style_23_1555744464704 .priceSet { font-size: 14px; } } @media screen and (max-width:640px) { #productList_style_23_1555744464704 .titleSet { font-size: 16px; text-align: center; } } @media screen and (max-width:640px) { #productList_style_23_1555744464704 .btnaSet { font-size: 14px; } } #layout_1555559156702 { height: 519px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555559156702 { height: 405px; } } @media screen and (max-width:640px) { #layout_1555559156702 { height: 271px; } } #layout_1555559156702>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555559156702 { background: #e67817; } #layout_1555559158357 { height: 37px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555559158357 { height: 16px; } } @media screen and (max-width:640px) { #layout_1555559158357 { height: 2px; } } #layout_1555559158357>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555559158357 { background: #e67817; } #layout_1555559160326 { height: 81px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555559160326 { height: 51px; } } @media screen and (max-width:640px) { #layout_1555559160326 { height: 21px; } } #layout_1555559160326>.view_contents { overflow: visible; max-width: 1200px; } #image_style_01_1555560033584 { width: 50%; height: 600px; position: absolute; top: 0%; left: 50%; } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555560033584 { height: 453px; width: 48%; } } @media screen and (max-width:640px) { #image_style_01_1555560033584 { width: 96%; height: 361px; top: 172px; left: 2%; display: none; } } #image_style_01_1555560033584>.view_contents { overflow: visible; } #text_style_01_1555560197314 { width: 28.916666666666668%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 0%; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555560197314 { left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555560197314 { width: 23.200000000000003%; font-size: 12px; color: #333; line-height: 1.6; top: 0px; left: 38.4%; } } #text_style_01_1555560197314>.view_contents { font-size: 28px; line-height: 32px; color: #333333; } @media screen and (max-width:640px) { #text_style_01_1555560197314>.view_contents { font-size: 16px; line-height: 18px; text-align: center; } } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555560197314>.view_contents { font-size: 26px; line-height: 28px; } } #text_style_01_1555560310929 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 40px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555560310929 { top: 36px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555560310929 { width: 32.266666666666666%; font-size: 12px; color: #333; line-height: 1.6; top: 20px; left: 33.862500000000004%; } } #text_style_01_1555560310929>.view_contents { color: #999999; line-height: 20px; font-size: 18px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555560310929>.view_contents { font-size: 16px; line-height: 18px; } } @media screen and (max-width:640px) { #text_style_01_1555560310929>.view_contents { text-align: center; line-height: 14px; font-size: 14px; } } #text_style_01_1555560418254 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 80px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555560418254 { top: 76px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555560418254 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 45px; left: 2%; } } #text_style_01_1555560418254>.view_contents { color: #333333; line-height: 22px; font-size: 20px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555560418254>.view_contents { font-size: 18px; line-height: 20px; } } @media screen and (max-width:640px) { #text_style_01_1555560418254>.view_contents { font-size: 14px; line-height: 16px; text-align: center; } } #text_style_01_1555566229182 { width: 43.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 88px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555566229182 { width: 41.8%; left: 1.9999337221633087%; top: 119px; } } @media screen and (max-width:640px) { #text_style_01_1555566229182 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 72px; left: 2%; } } #text_style_01_1555566229182>.view_contents { text-indent: 2em; text-align: justify; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555566229182>.view_contents { font-size: 14px; } } @media screen and (max-width:640px) { #text_style_01_1555566229182>.view_contents { line-height: 22px; text-align: justify; } } #text_style_01_1555583873916 { width: 43.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 282px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555583873916 { width: 41.8%; left: 1.9999337221633087%; top: 244px; } } @media screen and (max-width:640px) { #text_style_01_1555583873916 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 181px; left: 2%; display: none; } } #text_style_01_1555583873916>.view_contents { text-indent: 2em; text-align: justify; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555583873916>.view_contents { font-size: 14px; } } @media screen and (max-width:640px) { #text_style_01_1555583873916>.view_contents { line-height: 22px; } } #image_style_01_1555585339336 { width: 50%; height: 600px; position: absolute; top: 10px; left: 50%; display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555585339336 { height: 472px; display: none; } } @media screen and (max-width:640px) { #image_style_01_1555585339336 { width: 96%; height: 116px; top: 194px; left: 2%; display: block; } } #image_style_01_1555585339336>.view_contents { overflow: visible; } #customForm_style_button_01_1555663584625 { width: 130px; position: absolute; top: 539px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_button_01_1555663584625 { left: 2%; top: 412px; } } @media screen and (max-width:640px) { #customForm_style_button_01_1555663584625 { width: 96%; top: 543px; left: 2%; display: none; } } #customForm_style_button_01_1555663584625>.view_contents { overflow: visible; } #customForm_style_button_01_1555663584625 .btnaSet { font-size: 18px; line-height: 60px; height: 60px; color: #ffffff; background: #e67817; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_button_01_1555663584625 .btnaSet { font-size: 16px; line-height: 40px; height: 40px; } } #layout_1555559162061 { height: 600px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555559162061 { height: 453px; } } @media screen and (max-width:640px) { #layout_1555559162061 { height: 310px; } } #layout_1555559162061>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555567007407 { height: 81px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555567007407 { height: 51px; } } @media screen and (max-width:640px) { #layout_1555567007407 { height: 21px; } } #layout_1555567007407>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555567289893 { height: 81px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555567289893 { height: 51px; } } @media screen and (max-width:640px) { #layout_1555567289893 { height: 21px; } } #layout_1555567289893>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555567289893 { background: url(//cdn.xuansiwei.com/258dwbz/img/upimages/pkgimg/p9.jpg); } #text_style_01_1555567104885 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 0px; left: 34.583333333333336%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555567104885 {} } @media screen and (max-width:640px) { #text_style_01_1555567104885 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 0px; left: 2%; } } #text_style_01_1555567104885>.view_contents { font-size: 28px; line-height: 32px; color: #ffffff; text-align: center; } @media screen and (max-width:640px) { #text_style_01_1555567104885>.view_contents { font-size: 16px; line-height: 18px; } } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555567104885>.view_contents { font-size: 26px; line-height: 28px; } } #text_style_01_1555567115410 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 39px; left: 34.583333333333336%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555567115410 { top: 35px; } } @media screen and (max-width:640px) { #text_style_01_1555567115410 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 21px; left: 2%; } } #text_style_01_1555567115410>.view_contents { color: #ffffff; text-align: center; line-height: 18px; } @media screen and (max-width:640px) { #text_style_01_1555567115410>.view_contents { line-height: 12px; } } #layout_1555567315984 { height: 58px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555567315984 { height: 53px; } } @media screen and (max-width:640px) { #layout_1555567315984 { height: 33px; } } #layout_1555567315984>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555567315984 { background: url(//cdn.xuansiwei.com/258dwbz/img/upimages/pkgimg/p9.jpg); } #layout_1555567934179 { height: 41px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555567934179 { height: 26px; } } @media screen and (max-width:640px) { #layout_1555567934179 { height: 16px; } } #layout_1555567934179>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555567934179 { background: url(//cdn.xuansiwei.com/258dwbz/img/upimages/pkgimg/p9.jpg); } #productList_style_23_1555568506297 { width: 100%; position: absolute; top: 0%; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555568506297 { width: 96%; left: 2.014846235418876%; } } @media screen and (max-width:640px) { #productList_style_23_1555568506297 { width: 96%; top: 0px; left: 2%; display: block; } } #productList_style_23_1555568506297>.view_contents { overflow: visible; } #productList_style_23_1555568506297 .btnaSet { margin-left: 90px; color: #333333; background: #ffffff; font-size: 18px; border-color: #ffffff; padding-left: 0px; } #productList_style_23_1555568506297 .titleSet { text-align: center; color: #ffffff; font-size: 24px; } #productList_style_23_1555568506297 .modSet { background: #e67817; } #productList_style_23_1555568506297 .imgSet { border-width: 5px; border-style: solid; border-color: #ffffff; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555568506297 .btnaSet { margin-left: 68px; font-size: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555568506297 .titleSet { font-size: 20px; } } #productList_style_23_1555585045854 { width: 100%; position: absolute; top: 10px; left: 0%; display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555585045854 { width: 96%; display: none; } } @media screen and (max-width:640px) { #productList_style_23_1555585045854 { width: 96%; top: 0%; left: 2%; display: none; } } #productList_style_23_1555585045854>.view_contents { overflow: visible; } #productList_style_23_1555585045854 .btnaSet { margin-left: 90px; color: #333333; background: #ffffff; font-size: 18px; } #productList_style_23_1555585045854 .titleSet { text-align: center; color: #ffffff; font-size: 24px; } #productList_style_23_1555585045854 .modSet { background: #e67817; } #productList_style_23_1555585045854 .imgSet { border-width: 5px; border-style: solid; border-color: #ffffff; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555585045854 .btnaSet { margin-left: 68px; } } @media screen and (max-width:640px) { #productList_style_23_1555585045854 .titleSet { font-size: 16px; } } @media screen and (max-width:640px) { #productList_style_23_1555585045854 .btnaSet { font-size: 14px; margin-left: 0px; border-color: #ffffff; } } #layout_1555560157495 { height: 589px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555560157495 { height: 445px; } } @media screen and (max-width:640px) { #layout_1555560157495 { height: 270px; } } #layout_1555560157495>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555560157495 { background: url(//cdn.xuansiwei.com/258dwbz/img/upimages/pkgimg/p9.jpg); } @media screen and (max-width:640px) { #layout_1555560157495 { background-repeat: no-repeat !important; background-size: auto 100%; } } #layout_1555566812779 { height: 81px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555566812779 { height: 51px; } } @media screen and (max-width:640px) { #layout_1555566812779 { height: 21px; } } #layout_1555566812779>.view_contents { overflow: visible; max-width: 1200px; } #text_style_01_1555569220529 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 0%; left: 34.583333333333336%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555569220529 {} } @media screen and (max-width:640px) { #text_style_01_1555569220529 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 0px; left: 2%; } } #text_style_01_1555569220529>.view_contents { font-size: 30px; line-height: 32px; color: #333333; text-align: center; } @media screen and (max-width:640px) { #text_style_01_1555569220529>.view_contents { font-size: 16px; line-height: 18px; } } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555569220529>.view_contents { font-size: 26px; line-height: 28px; } } #text_style_01_1555569220537 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 39px; left: 34.583333333333336%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555569220537 { top: 35px; } } @media screen and (max-width:640px) { #text_style_01_1555569220537 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 21px; left: 2%; } } #text_style_01_1555569220537>.view_contents { color: #999999; text-align: center; line-height: 18px; } @media screen and (max-width:640px) { #text_style_01_1555569220537>.view_contents { line-height: 12px; } } #layout_1555569220527 { height: 58px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555569220527 { height: 53px; } } @media screen and (max-width:640px) { #layout_1555569220527 { height: 33px; } } #layout_1555569220527>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555569220527 { background: whitesmoke; } #layout_1555566811969 { height: 41px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555566811969 { height: 26px; } } @media screen and (max-width:640px) { #layout_1555566811969 { height: 16px; } } #layout_1555566811969>.view_contents { overflow: visible; max-width: 1200px; } #newsList_style_12_1555573024661 { width: 100%; position: absolute; top: 0px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_12_1555573024661 { width: 96%; left: 2.014846235418876%; } } @media screen and (max-width:640px) { #newsList_style_12_1555573024661 { width: 96%; top: 10px; left: 2%; display: none; } } #newsList_style_12_1555573024661 .btnaSet { background: #e67817; color: #333333; font-size: 16px; line-height: 32px; margin-bottom: 11px; margin-top: 15px; border-color: #ffffff; } #newsList_style_12_1555573024661 .modSet { border-style: none; } #newsList_style_12_1555573024661 .titleSet { font-size: 18px; } #newsList_style_12_1555573024661 .detailSet { font-size: 16px; color: #999999; font-weight: normal; } #newsList_style_12_1555573024661 .timesSet { font-size: 12px; } #newsList_style_12_1555573024661 .twoBgSet { background: rgba(51, 51, 51, 0.8); } @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_12_1555573024661 .btnaSet { margin-top: 30px; font-size: 14px; margin-bottom: 21px; line-height: 28px; } } @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_12_1555573024661 .titleSet { font-size: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_12_1555573024661 .detailSet { font-size: 14px; } } #image_style_01_1555585894465 { width: 16.666666666666664%; height: 200px; display: none; position: absolute; left: 41.66666666666667%; top: 142.890625px; } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555585894465 { width: 20.833333333333336%; height: 200px; display: none; left: 39.58333333333333%; top: 142.890625px; } } @media screen and (max-width:640px) { #image_style_01_1555585894465 { width: 96%; height: 117px; display: block; top: 0%; left: 2%; } } #image_style_01_1555585894465>.view_contents { overflow: visible; } #text_style_01_1555585994147 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; display: none; position: absolute; left: 34.58333333333333%; top: 134.890625px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555585994147 { width: 38.54166666666667%; display: none; left: 30.729166666666664%; top: 134.890625px; } } @media screen and (max-width:640px) { #text_style_01_1555585994147 { width: 91.73333333333333%; font-size: 12px; color: #333; line-height: 1.6; display: block; top: 63px; left: 4%; } } @media screen and (max-width:640px) { #text_style_01_1555585994147>.view_contents { color: #ffffff; font-size: 14px; line-height: 16px; } } #text_style_01_1555586040174 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; display: none; position: absolute; left: 34.58333333333333%; top: 148.890625px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555586040174 { width: 38.54166666666667%; display: none; left: 30.729166666666664%; top: 148.890625px; } } @media screen and (max-width:640px) { #text_style_01_1555586040174 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; display: block; top: 82px; left: 4%; } } @media screen and (max-width:640px) { #text_style_01_1555586040174>.view_contents { line-height: 14px; color: #ffffff; } } #newsList_style_12_1555586400626 { width: 100%; position: absolute; top: 10px; left: 0%; display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_12_1555586400626 { width: 96%; display: none; } } @media screen and (max-width:640px) { #newsList_style_12_1555586400626 { width: 96%; top: 117px; left: 2%; display: block; } } #newsList_style_12_1555586400626 .btnaSet { background: #e67817; color: #333333; font-size: 18px; line-height: 36px; margin-bottom: 8px; margin-top: 12px; } #newsList_style_12_1555586400626 .modSet { border-style: none; } #newsList_style_12_1555586400626 .titleSet { font-size: 18px; } #newsList_style_12_1555586400626 .detailSet { font-size: 16px; color: #cccccc; font-weight: normal; } #newsList_style_12_1555586400626 .timesSet { font-size: 12px; } @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_12_1555586400626 .btnaSet { margin-top: 30px; font-size: 14px; margin-bottom: 21px; line-height: 28px; } } @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_12_1555586400626 .titleSet { font-size: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_12_1555586400626 .detailSet { font-size: 14px; } } @media screen and (max-width:640px) { #newsList_style_12_1555586400626 .titleSet { font-size: 14px; } } @media screen and (max-width:640px) { #newsList_style_12_1555586400626 .detailSet { font-size: 12px; } } @media screen and (max-width:640px) { #newsList_style_12_1555586400626 .btnaSet { font-size: 12px; line-height: 24px; border-color: #ffffff; } } #layout_1555566811119 { height: 401px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555566811119 { height: 400px; } } @media screen and (max-width:640px) { #layout_1555566811119 { height: 438px; } } #layout_1555566811119>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555566810328 { height: 81px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555566810328 { height: 51px; } } @media screen and (max-width:640px) { #layout_1555566810328 { height: 21px; } } #layout_1555566810328>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555586357572 {} @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555586357572 {} } @media screen and (max-width:640px) { #layout_1555586357572 {} } #layout_1555586357572>.view_contents { overflow: visible; max-width: 1200px; } #image_style_01_1555637934116 { width: 40px; height: 40px; position: fixed; top: 244px; left: calc(100% - 40px); z-index: 999999999; } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555637934116 { height: 40px; width: 4.166666666666666%; top: 235px; left: 95.83333333333333%; display: none; } } @media screen and (max-width:640px) { #image_style_01_1555637934116 { height: 40px; width: 10.526315789473683%; top: 235px; left: 89.47368421052632%; display: none; } } #image_style_01_1555637934116>.view_contents { overflow: visible; } #image_style_01_1555637934116 .picSet { background: #e67817; } #image_style_01_1555637934116 .picSet:hover { background: #e67817; } /*----------------------鐢佃剳鏉垮紡鏍峰紡----------------------*/ #image_style_01_1555637934116 { bottom: 5px; top: auto; } /*----------------------骞虫澘鏉垮紡鏍峰紡----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555637934116 {} } /*----------------------鎵嬫満鏉垮紡鏍峰紡----------------------*/ @media screen and (max-width:640px) { #image_style_01_1555637934116 {} } #text_style_01_1555575227877 { width: 19.333333333333332%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 62px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575227877 { top: 35px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555575227877 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 821px; left: 2%; display: none; } } #text_style_01_1555575227877>.view_contents { color: #ffffff; font-size: 18px; line-height: 22px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575227877>.view_contents { font-size: 18px; line-height: 20px; } } #text_style_01_1555575237497 { width: 34.75%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 101px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575237497 { top: 74px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555575237497 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 1412px; left: 2%; display: none; } } #text_style_01_1555575237497>.view_contents { color: #e67817; font-family: Arial; font-size: 24px; line-height: 28px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575237497>.view_contents { font-size: 22px; line-height: 22px; } } #text_style_01_1555575344713 { width: 31.333333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 160px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575344713 { top: 133px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555575344713 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 438px; left: 3.3003300330033%; display: none; } } #text_style_01_1555575344713>.view_contents { color: #ffffff; font-size: 14px; line-height: 16px; } #text_style_01_1555575377344 { width: 31.333333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 187px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575377344 { top: 160px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555575377344 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 536px; left: 4%; display: none; } } #text_style_01_1555575377344>.view_contents { color: #ffffff; font-size: 14px; line-height: 16px; } #text_style_01_1555575381218 { width: 31.333333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 213px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575381218 { top: 186px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555575381218 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 568px; left: 3.3003300330033%; display: none; } } #text_style_01_1555575381218>.view_contents { color: #ffffff; font-size: 14px; line-height: 16px; } #image_style_01_1555575512714 { width: 110px; height: 110px; position: absolute; top: 261px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555575512714 { top: 234px; left: 2.1208907741251326%; } } @media screen and (max-width:640px) { #image_style_01_1555575512714 { width: 110px; height: 110px; top: 594px; left: 35.333333333333336%; display: none; } } #image_style_01_1555575512714>.view_contents { overflow: visible; } #text_style_01_1555575557434 { width: 9.833333333333332%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 297px; left: 144px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575557434 { top: 270px; left: 17.3896474019088%; } } @media screen and (max-width:640px) { #text_style_01_1555575557434 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 561px; left: 3.3003300330033%; display: none; } } #text_style_01_1555575557434>.view_contents { color: #ffffff; font-size: 14px; line-height: 16px; } #text_style_01_1555575561458 { width: 13.416666666666666%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 321px; left: 123px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575561458 { top: 294px; left: 15.1643690349947%; } } @media screen and (max-width:640px) { #text_style_01_1555575561458 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 798px; left: 4%; display: none; } } #text_style_01_1555575561458>.view_contents { color: #ffffff; font-size: 14px; line-height: 16px; } #div_blank_new01_1555577608426 { width: 100%; height: 1px; position: absolute; top: 417px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new01_1555577608426 { top: 380px; left: 0%; } } @media screen and (max-width:640px) { #div_blank_new01_1555577608426 { width: 96%; height: 50px; top: 853px; left: 2%; display: none; } } #div_blank_new01_1555577608426 { box-sizing: border-box; background: #5e5e5e; } #div_blank_new01_1555577608426 .modSet { background: #5e5e5e; } @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new01_1555577608426 { box-sizing: border-box; } } @media screen and (max-width:640px) { #div_blank_new01_1555577608426 { box-sizing: border-box; } } #text_style_01_1555577695709 { width: 51.33333333333333%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 443px; left: 24.333333333333336%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555577695709 { top: 408px; left: 24.33225079533404%; } } @media screen and (max-width:640px) { #text_style_01_1555577695709 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 17px; left: 2%; } } #text_style_01_1555577695709>.view_contents { color: #ffffff; font-size: 12px; line-height: 16px; text-align: center; } #qqol_style_01_1555581622199 { width: 17.5%; position: absolute; top: 0px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #qqol_style_01_1555581622199 { width: 413px; } } @media screen and (max-width:640px) { #qqol_style_01_1555581622199 { width: 96%; top: 391px; left: 2%; display: none; } } #qqol_style_01_1555581622199>.view_contents { overflow: visible; } #customForm_style_input_01_1555576631232 { width: 100%; position: absolute; left: 0%; top: 0px; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_input_01_1555576631232 {} } @media screen and (max-width:640px) { #customForm_style_input_01_1555576631232 { width: 96%; top: 0px; left: 2%; } } #customForm_style_input_01_1555576631232>.view_contents { overflow: visible; } #customForm_style_input_01_1555576631232 .inputSet { background: transparent; height: 50px; border-color: #e67817; color: #ffffff; } #customForm_style_input_01_1555577094883 { width: 100%; position: absolute; left: 0%; top: 69.328125px; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_input_01_1555577094883 {} } @media screen and (max-width:640px) { #customForm_style_input_01_1555577094883 { width: 96%; top: 60px; left: 2%; } } #customForm_style_input_01_1555577094883>.view_contents { overflow: visible; } #customForm_style_input_01_1555577094883 .inputSet { background: transparent; height: 50px; border-color: #e67817; color: #ffffff; } #customForm_style_textarea_01_1555577282363 { width: 100%; height: 100px; position: absolute; left: 0%; top: 139.65625px; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_textarea_01_1555577282363 {} } @media screen and (max-width:640px) { #customForm_style_textarea_01_1555577282363 { width: 96%; height: 200px; top: 120px; left: 2%; } } #customForm_style_textarea_01_1555577282363>.view_contents { overflow: visible; } #customForm_style_textarea_01_1555577282363 .inputSet { background: transparent; font-size: 12px; border-color: #e67817; color: #ffffff; } #customForm_style_button_01_1555576219020 { width: 100%; position: absolute; left: 0%; top: 259px; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_button_01_1555576219020 {} } @media screen and (max-width:640px) { #customForm_style_button_01_1555576219020 { width: 96%; top: 330px; left: 2%; } } #customForm_style_button_01_1555576219020>.view_contents { overflow: visible; } #customForm_style_button_01_1555576219020 .btnaSet { background: #e67817; font-size: 18px; height: 51px; line-height: 25px; } #customForm_form_1555742327871 { width: 50%; height: 310px; position: absolute; top: 62px; left: 50%; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_form_1555742327871 { left: 50.0%; top: 35px; width: 48%; } } @media screen and (max-width:640px) { #customForm_form_1555742327871 { width: 100%; height: 381px; top: 0px; left: 0%; display: none; } } #comm_layout_footer { height: 479px; z-index: 99999; } @media screen and (min-width:641px) and (max-width:1200px) { #comm_layout_footer { height: 459px; } } @media screen and (max-width:640px) { #comm_layout_footer { height: 53px; } } #comm_layout_footer>.view_contents { max-width: 1200px; overflow: visible; } #comm_layout_footer { background: #363636; } .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; } .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; } .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; } /* banner鏍峰紡 */ .bannerStyle_1 { width: 100%; height: 100%; position: relative; } .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 { position: absolute; bottom: 20px; left: 0; z-index: 999; width: 100%; height: 14px; text-align: center; z-index: 105; } .bannerStyle_1 div.flicking_con a { width: 14px; height: 14px; padding: 0; background: none; border: 1px solid white; display: inline-block; box-sizing: border-box; margin: 0 3px; border-radius: 100%; } .bannerStyle_1 div.flicking_con a.on { background: white; border: 0; } /* 宸﹀彸鎸夐挳 */ .bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next { z-index: 11111; position: absolute; width: 73px; height: 74px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; } .bannerStyle_1 .btn_prev { background: url(//cdn.xuansiwei.com/258dwbz/img/banner/style_01/hover_left.png) no-repeat left top; left: 20px; background-size: 80%; } .bannerStyle_1 .btn_next { background: url(//cdn.xuansiwei.com/258dwbz/img/banner/style_01/hover_right.png) no-repeat right top; right: 20px; background-size: 80%; } /* 閬僵闈㈡澘 */ .bannerStyle_1 .ground_glass { display: none; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; z-index: 998; background-color: #fff; } @media screen and (min-width:326px) and (max-width:767px) { .bannerStyle_1 div.flicking_con a { width: 9px; height: 9px; } } @media screen and (max-width:640px) { .bannerStyle_1 div.flicking_con a { width: 9px; height: 9px; } .bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next { width: 53px; height: 54px; } } /* 榛樿 鍔ㄧ敾鏁堟灉 */ .bannerStyle_1 .main_image .img-list { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0 } .bannerStyle_1 .main_image .img-item { position: absolute; width: 100%; height: 100%; display: block; top: 0; } .bannerStyle_1 .main_image .img-item span { display: block; width: 100%; height: 100%; background-size: cover ; } .bannerStyle_1 .main_image .img-item a { display: block; width: 100%; height: 100%; overflow: hidden; } /* 3D鐭╁舰鏃嬭浆 鍔ㄧ敾鏁堟灉 */ .bannerStyle_1.rotate-3d .img-part { position: absolute; top: 0; width: calc(20% + 1px); /* [娉ㄦ剰] 淇敼涓烘€诲搴 / 鍔ㄧ敾鍧椾釜鏁 */ height: 100%; background-color: #fff; transition: all .7s; /* 璁剧疆瀛愬厓绱犲湪3D绌洪棿涓憟鐜 */ transform-style: preserve-3d; } .bannerStyle_1.rotate-3d .img-part .img { width: 100%; height: 100%; position: absolute; background-size: 500% auto; /* [娉ㄦ剰] 瀹藉害 涓 鍔ㄧ敾鍧椾釜鏁 * 100%, 杩欐牱鍥剧墖鍙互鍒嗚嫢骞蹭唤鍚庡缁?00%, 濡傛灉涓嶉渶瑕佽繖鏍? 鍙互璁剧疆涓篶over */ } .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 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; z-index: 100; } #banner_style_01_1555555763847 .bannerStyle_1 .main_image .img-item .img_0 { background: url('//cdn.xuansiwei.com/258dwbz/img/upimages/pkgimg/p3.jpg') center top no-repeat; } #banner_style_01_1555555763847 .bannerStyle_1 .main_image .img-item .img_1 { background: url('//cdn.xuansiwei.com/258dwbz/img/upimages/pkgimg/p4-1.jpg') center top no-repeat; } #banner_style_01_1555555763847 .bannerStyle_1 .ground_glass {} /*鑿滃崟鏍峰紡*/ .menuStyle_28 { width: 100%; position: relative; } .menuStyle_28 * { box-sizing: border-box; } .menuStyle_28 .miniMenu *, .menuStyle_28 .menuUl li * { -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: background, height, padding; -moz-transition-property: background, height, padding; -moz-transition-property: background, height, padding; transition-property: background, height, padding; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .menuStyle_28 .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_28 .rflex { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; float: left\0; } .menuStyle_28 ul, .menuStyle_28 li { padding: 0; margin: 0px; list-style: none } .menuStyle_28 .menuLayout { position: relative; margin: 0 auto; width: 100%; } .menuStyle_28 .menuLayout:after { content: ''; display: block; clear: both; } .menuStyle_28 .menuUl_box { position: relative; width: 100%; text-align: center; } .menuStyle_28 .menuUl { position: relative; width: 100%; text-align: center; } .menuStyle_28 .menuUl>li { position: relative; } .menuStyle_28 .menuUl>li>a { background: rgba(0, 0, 0, 0.0); position: relative; text-decoration: none; font-size: 16px; font-weight: bold; box-sizing: border-box; display: block; text-align: center; letter-spacing: normal; white-space: nowrap; color: #17233d; line-height: 44px; padding: 0; padding: 0 1em\0; } .menuStyle_28 .menuUl>li>a:hover { color: #ffffff; } .menuStyle_28 .menuUl #hot>a { color: #ffffff; } .menuStyle_28 .menuUl>li>a span { display: block; width: 100%; text-align: center; color: rgba(0, 0, 0, .3); font-size: 12px; } .menuStyle_28 .menuUl #hot>a span { color: inherit; } /*.menuStyle_28 .menuUl>li>a i{position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}*/ .menuStyle_28 .menuLayout .miniMenu { display: none; } .menuStyle_28 .menuUl02 { position: absolute; left: 50%; opacity: 0; display: none; width: 100%; height: 0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } .menuStyle_28 .menuUl>li>#menuLogo { height: 85%; } .menuStyle_28 .menuUl .rflex:hover .menuUl02 { opacity: 1; display: block; height: auto; padding-top: 10px; } .menuStyle_28 .menuUl.noHover .rflex:hover .menuUl02 { display: none; } .menuStyle_28 .menuUl02 .subMenu02 { position: relative; color: #4d5158; font-size: 14px; line-height: 40px; padding: 0 15px; background: #fff; } .menuStyle_28 .menuUl02 .subMenu02.subCurSet { color: #ffffff; } .menuStyle_28 .menuUl02 .subMenu02>a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: inherit; font-size: inherit; line-height: inherit; } .menuStyle_28 .menuUl02 .subMenu02:hover { color: #ffffff; border-left: 2px solid #ffffff; background: #f7f7f7; } .menuStyle_28 .menuUl02 .subMenu02>a .fa { float: right; line-height: inherit; } .menuStyle_28 .menuUl02 .subMenu02:hover .menuUl03 { display: block; } .menuStyle_28 .menuUl02 .subMenu02:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .menuStyle_28 .menuUl02 .subMenu02:last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .menuStyle_28 .menuUl03 { position: absolute; /*left闇€瑕乯s鑾峰彇浜岀骇鐨勫*/ top: 0; left: 100%; display: none; } .menuStyle_28 .menuUl03 .subMenu03 { line-height: 40px; margin-left: 10px; } .menuStyle_28 .menuUl03 .subMenu03 a:hover { color: #ffffff; background: #f7f7f7; } .menuStyle_28 .menuUl03 .subMenu03>a { color: #17233d; background: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 15px; } .menuStyle_28 .menuUl03 .subMenu03:first-child a { border-top-left-radius: 0px; border-top-right-radius: 0px; } .menuStyle_28 .menuUl03 .subMenu03:last-child a { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .menuStyle_28 .menuUl .rflex:hover .menuUl02::before { content: ''; border-top: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; position: absolute; top: 0px; transform: translateX(-50%); } .menuStyle_28 .menuUl02 .arrow:hover::before { content: ''; border-top: 5px solid transparent; border-left: 5px solid #fff; border-right: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); } .menuStyle_28 .rflex { position: relative; } .menuStyle_28 .maxWidth { margin: auto; } /* .menuStyle_28 .menuUl03 .subMenu03 .thrCurSet{background: rgba(0, 0, 0, 0.1);} */ .menuStyle_28 .subBox { position: absolute; left: 0; /*top閫氳繃JS鑾峰彇鑿滃崟楂樺害*/ width: 100%; background: rgba(238, 238, 238, 0.85); display: none; } .menuStyle_28 .subBox .subBoxContent { padding: 15px; text-align: left; overflow: hidden; } .menuStyle_28 .subBox .subBoxContent .subItems { overflow: hidden; display: none; } .menuStyle_28 .subBox .sublm { float: left; width: calc(100% - 440px); min-height: 10px; } .menuStyle_28 .subBox .sublm>div { clear: both; overflow: hidden; margin: 8px 0; } .menuStyle_28 .subBox .subImgsbox { float: left; width: 440px; /*杩欎釜瀹藉彲琚缃?/ height: 160px; } .menuStyle_28 .subBox .subImgsbox>a { display: block; height: 100%; float: right; width: calc((100% - 20px)/2); margin-left: 20px; } .menuStyle_28 .subBox .subImgsbox>a:last-child { margin-left: 0; } .menuStyle_28 .subBox .subImgsbox>a>div.subImg { position: relative; height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover !important; } .menuStyle_28 .subBox .subImgsbox>a>div.subImg span { position: absolute; bottom: 0; left: 0; width: 100%; display: block; padding: 5px; background: rgba(255, 255, 255, .8); color: #17233d; font-size: 12px; } .menuStyle_28 .subBox p { overflow: hidden; float: left; } .menuStyle_28 .subBox p:first-child { margin-right: 10px; width: 100px; } .menuStyle_28 .subBox p:last-child { width: calc(100% - 110px); } .menuStyle_28 .subBox .subMenu02 { font-size: 14px; margin-bottom: 5px; clear: both; color: #17233d; line-height: 28px; } .menuStyle_28 .subBox .subMenu02.subCurSet { color: #ffffff; } .menuStyle_28 .subBox .subMenu02:hover, .menuStyle_28 .subBox .subMenu02:active { color: #ffffff; } .menuStyle_28 .subBox .subMenu03 { float: left; margin: 5px 20px 5px 0; font-size: 12px; color: #666; } .menuStyle_28 .subBox .subMenu03:hover, .menuStyle_28 .subBox .subMenu03:active { color: #ffffff; } .menuStyle_28 .subMenu03 .thrCurSet { color: #ffffff !important; background: #f7f7f7 !important; } /*鍥炬爣*/ .menuStyle_28 .imgIco { vertical-align: middle; display: inline-block; overflow: hidden; position: relative; padding: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .menuStyle_28 .imgIco img { width: auto; height: 100%; vertical-align: top; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%); } @media screen and (max-width:640px) { .menuStyle_28 .imgIco { margin-right: 10px; } .menuStyle_28 .menuUl, .menuStyle_28 .menuUl_box { display: none; } .menuStyle_28 .menuScroll { height: calc(100% - 100px); width: 100%; } .menuStyle_28 .menuScroll>.menuUlCopy { width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; } .menuStyle_28 .menuLayout .miniMenu { display: block; position: relative; overflow: hidden; width: 100%; height: 44px; } .menuStyle_28 .miniMenu .leftBox { height: 100%; } .menuStyle_28 .miniMenu .leftBox .sidebar { font-size: 24px; line-height: 44px; font-weight: normal; cursor: pointer; color: #4d5158; position: absolute; top: 0; right: 0px; width: 44px; text-align: center; } .menuStyle_28 .miniMenu .leftBox .sidebar .fa { font-size: inherit; line-height: inherit; color: inherit; } .menuStyle_28 .miniMenu .leftBox .nav { width: 100%; height: 44px; } .menuStyle_28 .miniMenu.Mslide .leftBox .nav { border-bottom: 1px solid rgba(0, 0, 0, .05); } .menuStyle_28 .miniMenu .leftBox .menuUlCopy { padding: 0 0 0 30px; clear: both; } .menuStyle_28 .miniMenu .leftBox .menuUlCopy .menuUlCopy { display: none; } .menuStyle_28 .miniMenu .leftBox .menuUlCopy li { width: 100%; overflow: hidden; color: #fff; font-size: 12px; line-height: 44px; } .menuStyle_28 .miniMenu .leftBox .menuUlCopy li a { width: calc(100% - 50px); float: left; display: block; text-align: left; color: inherit; text-decoration: none; font-size: inherit; line-height: inherit; height: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid rgba(0, 0, 0, .2); } .menuStyle_28 .miniMenu .leftBox .menuUlCopy li#hot>a { border-bottom: 1px solid #fff; } .menuStyle_28 .miniMenu .leftBox .menuUlCopy li .fa { color: inherit; font-size: inherit; float: left; width: 50px; text-align: center; line-height: inherit; background: rgba(0, 0, 0, 0.1); } .menuStyle_28 .miniMenu .leftBox .menuUlCopy li .fa:active { background: rgba(0, 0, 0, .3); } .menuStyle_28 .miniMenu .leftBox .menuUlCopy li.subMenuSet.subCurSet>a, .menuStyle_28 .miniMenu .leftBox .menuUlCopy li.thrMenuSet.thrCurSet>a { border-bottom: 1px solid #fff; } .menuStyle_28 .menuLayout .miniMenu.Mslide { height: 100% !important; height: 100vh !important; background: rgba(23, 25, 29, 0.95); position: fixed; width: 100%; top: 0; left: 0; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } .menuStyle_28 .menuLayout .miniMenu.Mslide .sidebar { color: #fff; background: rgba(0, 0, 0, .05); } .menuStyle_28 .menuLayout .miniMenu.Mslide .nav a { display: none !important; } } @media screen and (min-width:640px) { #dh_style_28_1555557128092 .maxWidth { max-width: px; } #dh_style_28_1555557128092 .subBox .sublm { width: calc(100% - (px + px) - 20px); } /*20px鏄袱寮犲浘鐗囬棿鐨勯棿璺?/ #dh_style_28_1555557128092 .subBox .subImgsbox { width: calc((px + px) + 20px); height: px } /*20px鏄袱寮犲浘鐗囬棿鐨勯棿璺?/ #dh_style_28_1555557128092 .menuUl>li>#menuLogo { height: px; margin-right: px; margin-left: px; } } .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; } /*浜у搧鏍峰紡*/ .prod_default23 { width: 100%; clear: both; } .prod_default23 * { transition: all ease-out .2s; -webkit-transition: all ease-out .2s; -moz-transition: all ease-out .2s; -o-transition: all ease-out .2s; box-sizing: border-box; } .prod_default23 ul { width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .prod_default23 .prod_Item { list-style: none; height: auto; padding: 0px; box-sizing: border-box; margin-bottom: 1%; background-color: #f6f6f6; overflow: hidden; } .prod_default23 .relative { position: relative; width: 100%; height: auto; overflow: hidden; } .prod_default23 .prodImg_box { position: relative; width: 100%; overflow: hidden; background: #eee; box-sizing: border-box; } .prod_default23 .prod_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .prod_default23 .prod_Item:hover .prod_img { 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_default23 .prod_Item:hover .prod_info{bottom: 5%;} */ .prod_default23 .prod_img img.horizontal { width: 100%; height: auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .prod_default23 .prod_img img.vertical { width: auto; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } .prod_default23 .dummy { margin-top: 75% } /*鎺у埗浜у搧鍥剧墖鏄剧ず姣斾緥*/ .prod_default23 .prod_info { overflow: hidden; width: auto; padding: 5% 12px; box-sizing: border-box; } .prod_default23 .p_name { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; color: #333; line-height: 1.4; width: 100%; } .prod_default23 .p_name a { font-size: inherit; color: inherit; line-height: inherit; display: block; } /*鏂囧瓧涓よ鍚庤嚜鍔ㄨ秴鍑洪殣钘?/ .prod_default23 .status { margin-right: 0 !important; margin-top: 2px; color: #333; border: 1px solid #7d7d7d; float: right; display: inline-block; padding: 0 2px; margin-right: 5px; text-align: center; font-size: 12px; font-family: 'Times New Roman'; vertical-align: middle; text-indent: 0px; } .prod_default23 .p_detail { font-size: 12px; color: #666; display: block; margin-top: 8px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /*鏂囧瓧涓よ鍚庤嚜鍔ㄨ秴鍑洪殣钘?/ .prod_default23 .p_group { margin-top: 6px; display: block; float: left; text-align: left !important; width: 50%; color: #666; font-size: 12px; } .prod_default23 .p_group .p_lb { display: none; } .prod_default23 .p_line { overflow: hidden; ; width: 100%; } .prod_default23 .p_num { margin-top: 6px; display: block; float: right; text-align: right !important; width: 50%; color: #666; font-size: 12px; } .prod_default23 .p_price { float: left; line-height: 1; white-space: nowrap; } .prod_default23 .p_value { color: #333; font-size: 18px; margin-top: 6px; display: inline-block; } .prod_default23 .unit { color: #333; font-size: 16px; } .prod_default23 .p_vip { display: block; float: left; text-align: left; white-space: nowrap; width: 48%; } .prod_default23 .p_vip .v_jg { color: #666; font-size: inherit; } .prod_default23 .v_value { color: #666; font-size: inherit; } .prod_default23 .v_unit { color: #666; font-size: inherit; } .prod_default23 .pro_button { display: none; margin: 10px 0; overflow: hidden; } .prod_default23 .p_link { float: left; width: 48%; text-align: center; } .prod_default23 .p_link a { display: block; padding: 10px 15px; } .prod_default23 .p_cart { float: right; width: 48%; text-align: center; } .prod_default23 .p_cart a { display: block; padding: 10px 15px; } .prod_default23 a { text-decoration: none; } /*鍒嗛〉*/ .prod_default23 .page { display: inline-block; border: none; background: white; text-align: center; width: auto; padding: 0 15px; margin: 0 .5px; height: auto; line-height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; } .prod_default23 .page_btn .cur { background: red; color: white; cursor: pointer; } .prod_default23 .page:hover { background: red; color: white; cursor: pointer; } .prod_default23 .page_btn { clear: both; margin-top: 20px; width: 100%; text-align: center; } .prod_default23 .page_btn a { display: inline-block; color: #333; box-sizing: border-box; margin: 0 5px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #ccc; font-family: 'microsoft YaHei'; } .prod_default23 .page_btn a.cur, .prod_default23 .page_btn a:hover { border: 1px solid #4c4c4c; } .prod_default23 .page_btn a:nth-child(n+12) { display: none; } .prod_default23 .page_btn a:nth-last-child(1), .prod_default23 .page_btn a:nth-last-child(2), .prod_default23 .page_btn a:nth-last-child(3) { display: inline-block !important; } .prod_default23 .prev_btn, .prod_default23 .next_btn { font-family: '榛戜綋' !important; border: 0 !important; } .prod_default23 .no_page { border: 0 !important; } .prod_default23 .page_btn a:nth-child(n+10) { display: none; } /*鎷艰喘*/ .prod_default23 .Collage_item {} .prod_default23 .Collage_ico { position: absolute; left: 0; top: 0; width: 40px; z-index: 100; } .prod_default23 .Collage_ico img { width: 100%; height: 100%; vertical-align: top; } .prod_default23 .prod_top { background-color: #ff5656; overflow: hidden; padding: 10px 10px; color: white; font-size: 14px; } .prod_default23 .prod_top_left { display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; } .prod_default23 .prod_price { display: inline-block; color: #ff002a; } .prod_default23 .prod_old_price { font-size: 12px; text-decoration: line-through; display: inline-block; } .prod_default23 .prod_infos .price_value { font-size: 26px; } .prod_default23 .prod_infos .units { font-size: 16px; } .prod_default23 .prod_infos .zero { font-size: 12px; } .prod_default23 .prod_top_right { display: inline-block; width: 100%; vertical-align: middle; position: absolute; bottom: 0; z-index: 99; padding: 10px; background: #f00; color: #fff; } .prod_default23 .prod_details { display: inline-block; overflow: hidden; white-space: nowrap; font-size: 14px; } .prod_default23 .prod_pernum { float: right; display: inline-block; overflow: hidden; white-space: nowrap; text-align: right; font-size: 14px; } .prod_default23 .ptoldprice { display: block; float: right; text-align: right; white-space: nowrap; width: auto; font-size: 12px; } /* 鎶樻墸 */ .prod_default23 .zhekou { color: #333; font-size: 18px; line-height: 1; clear: both; display: inline-block; } .prod_default23 .zhekou .zk_unit { font-size: 14px; font-weight: normal; } .prod_default23 .zhe_price { position: relative; float: left; width: 52%; min-width: 126px; color: #888; } .prod_default23 .p_price2 { font-family: "寰蒋闆呴粦"; font-size: 12px; float: right; color: #666; margin-top: 6px; } .prod_default23 .line_through { text-decoration: line-through; display: inline-block; } .prod_default23 .yuanjia2 { color: inherit; font-size: inherit; } .prod_default23 .fuhao { color: inherit; font-size: inherit; font-family: "寰蒋闆呴粦"; } .prod_default23 .jiage { color: inherit; font-size: inherit; } .prod_default23 .freebox { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } /* 鎸夐挳 */ .prod_default23 .btnn { background-color: transparent; width: 50%; height: 30px; display: block; margin-top: 10px; border: 1px solid #7d7d7d; line-height: 28px; color: #333; text-align: center; } .prod_default23 .btnn a { display: block; color: inherit; } /* 鏍囪瘑 */ .prod_default23 span.freeSet { color: #fff; font-size: 14px; text-align: center; text-align: center; position: relative; line-height: 1; top: -49px; height: 40px; width: 40px; display: table-cell; vertical-align: middle; } .prod_default23 .freeinfo { clear: both; overflow: hidden; } .prod_default23 .freeinfo span { display: block; float: left; border: 1px solid red; border-radius: 5px; padding: 0 5px; color: red; margin-right: 5px; box-sizing: border-box; } @media screen and (max-width: 767px) { .prod_default23 .prod_info { overflow: hidden; width: auto; padding: 5%; box-sizing: border-box; } .prod_default23 .p_name { font-size: 14px; margin-bottom: 0px; } .prod_default23 .zhekou { font-size: 16px; line-height: 24px; } .prod_default23 .ptoldprice { display: none; } .prod_default23 .unit { font-size: 16px; } .prod_default23 .p_vip .v_jg { font-size: 12px; } .prod_default23 .v_unit { font-size: 14px; } .prod_default23 .p_vip { height: 18px; line-height: 23px; } .prod_default23 .v_value { font-size: 14px; } .prod_default23 .p_value { font-size: 18px; display: inline-block; margin-top: 4px; } .prod_default23 .prod .p_detail { display: none !important; } .prod_default23 .Collage_ico { width: 40px; } .prod_default23 .freebox { display: block; position: relative; right: 0; top: 0; transform: translateY(0%); } .prod_default23 .btnn { height: 28px; width: 100%; line-height: 26px; } .prod_default23 .p_price2 { margin-top: 4px; } /*鍒嗛〉*/ /* .prod_default23 .page_btn a:nth-child(n+5){display: none;} */ } .showPage { display: none !important; } .showKind { display: none !important; } .showOldprice { display: none !important; } .showPrice { display: none !important; } .showIntro { display: none !important; } .showButton { display: none !important; } .showStatus { display: none !important; } /*pc*/ #productList_style_23_1555743906991 li { width: 32%; } #productList_style_23_1555743906991 li.prod_Item { margin-bottom: 2%; } @media screen and (max-width: 1024px) { /*ipad*/ #productList_style_23_1555743906991 li { width: 32%; } #productList_style_23_1555743906991 li.prod_Item { margin-bottom: 2%; } } @media screen and (max-width: 768px) { /*mobi*/ #productList_style_23_1555743906991 li { width: 49%; } #productList_style_23_1555743906991 li.prod_Item { margin-bottom: 2%; } } #productList_style_23_1555743906991 .p_detail.pc { display: block; } #productList_style_23_1555743906991 .p_detail.pad, #productList_style_23_1555743906991 .p_detail.mobile { display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555743906991 .p_detail.pad { display: block; } #productList_style_23_1555743906991 .p_detail.pc, #productList_style_23_1555743906991 .p_detail.mobile { display: none; } } @media screen and (max-width:640px) { #productList_style_23_1555743906991 .p_detail.mobile { display: block; } #productList_style_23_1555743906991 .p_detail.pc, #productList_style_23_1555743906991 .p_detail.pad { display: none; } } #productList_style_23_1555743906991 .p_name.pc { display: block; } #productList_style_23_1555743906991 .p_name.pad, #productList_style_23_1555743906991 .p_name.mobile { display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555743906991 .p_name.pad { display: block; } #productList_style_23_1555743906991 .p_name.pc, #productList_style_23_1555743906991 .p_name.mobile { display: none; } } @media screen and (max-width:640px) { #productList_style_23_1555743906991 .p_name.mobile { display: block; } #productList_style_23_1555743906991 .p_name.pc, #productList_style_23_1555743906991 .p_name.pad { display: none; } } #productList_style_23_1555743906991 .status {} #productList_style_23_1555743906991 .page_btn { font-size: 14px; text-align: center; } #productList_style_23_1555743906991 .page_btn .all_page { display: inline-block; margin: 0 10px; } #productList_style_23_1555743906991 .page:hover { background: red; color: white; cursor: pointer; } #productList_style_23_1555743906991 .page_btn .cur { background: red; color: white; cursor: pointer; } #productList_style_23_1555743906991 .submit_div { display: inline-block; } #productList_style_23_1555743906991 .page_btn input { width: 50px; margin: 0 5px; } #productList_style_23_1555743906991 .page_btn input:hover { cursor: default; background: white; color: #333; } #productList_style_23_1555743906991 .page_submit { margin-left: 5px; } #productList_style_23_1555743906991 .page { display: inline-block; border: none; background: white; text-align: center; width: auto; padding: 0 15px; margin: 0 .5px; height: auto; line-height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; } @media screen and (max-width:640px) { #productList_style_23_1555743906991 .page_btn { font-size: 12px; } #productList_style_23_1555743906991 .submit_div { display: none; } } #productList_style_23_1555743906991 .page { width: auto; margin: 0 5px 10px 5px; border-radius: 5px; } @media screen and (max-width:640px) { #productList_style_23_1555743906991 .page { line-height: 30px; padding: 0 13px; } } .prod_default .v_value { color: #333; font-size: 12px; } #productList_style_23_1555743906991 .showPic { display: block !important; } #productList_style_23_1555743906991 .showTitle { display: block !important; } #productList_style_23_1555743906991 .showOldprice { display: block !important; } #productList_style_23_1555743906991 .showButton { display: block !important; } #productList_style_23_1555743906991 .showOldprice { display: none !important; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555743906991 .showPage { display: none !important; } #productList_style_23_1555743906991 .showKind { display: none !important; } #productList_style_23_1555743906991 .showOldprice { display: none !important; } #productList_style_23_1555743906991 .showPrice { display: none !important; } #productList_style_23_1555743906991 .showIntro { display: none !important; } #productList_style_23_1555743906991 .showButton { display: none !important; } #productList_style_23_1555743906991 .showStatus { display: none !important; } #productList_style_23_1555743906991 .showPic { display: block !important; } #productList_style_23_1555743906991 .showTitle { display: block !important; } #productList_style_23_1555743906991 .showOldprice { display: block !important; } #productList_style_23_1555743906991 .showButton { display: block !important; } #productList_style_23_1555743906991 .showOldprice { display: none !important; } } @media screen and (max-width:640px) { #productList_style_23_1555743906991 .showPage { display: none !important; } #productList_style_23_1555743906991 .showKind { display: none !important; } #productList_style_23_1555743906991 .showOldprice { display: none !important; } #productList_style_23_1555743906991 .showPrice { display: none !important; } #productList_style_23_1555743906991 .showIntro { display: none !important; } #productList_style_23_1555743906991 .showButton { display: none !important; } #productList_style_23_1555743906991 .showStatus { display: none !important; } #productList_style_23_1555743906991 .showPic { display: block !important; } #productList_style_23_1555743906991 .showTitle { display: block !important; } #productList_style_23_1555743906991 .showOldprice { display: block !important; } #productList_style_23_1555743906991 .showButton { display: block !important; } #productList_style_23_1555743906991 .showOldprice { display: none !important; } } /*浜у搧鏍峰紡*/ .prod_default23 { width: 100%; clear: both; } .prod_default23 * { transition: all ease-out .2s; -webkit-transition: all ease-out .2s; -moz-transition: all ease-out .2s; -o-transition: all ease-out .2s; box-sizing: border-box; } .prod_default23 ul { width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .prod_default23 .prod_Item { list-style: none; height: auto; padding: 0px; box-sizing: border-box; margin-bottom: 1%; background-color: #f6f6f6; overflow: hidden; } .prod_default23 .relative { position: relative; width: 100%; height: auto; overflow: hidden; } .prod_default23 .prodImg_box { position: relative; width: 100%; overflow: hidden; background: #eee; box-sizing: border-box; } .prod_default23 .prod_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .prod_default23 .prod_Item:hover .prod_img { 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_default23 .prod_Item:hover .prod_info{bottom: 5%;} */ .prod_default23 .prod_img img.horizontal { width: 100%; height: auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .prod_default23 .prod_img img.vertical { width: auto; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } .prod_default23 .dummy { margin-top: 75% } /*鎺у埗浜у搧鍥剧墖鏄剧ず姣斾緥*/ .prod_default23 .prod_info { overflow: hidden; width: auto; padding: 5% 12px; box-sizing: border-box; } .prod_default23 .p_name { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; color: #333; line-height: 1.4; width: 100%; } .prod_default23 .p_name a { font-size: inherit; color: inherit; line-height: inherit; display: block; } /*鏂囧瓧涓よ鍚庤嚜鍔ㄨ秴鍑洪殣钘?/ .prod_default23 .status { margin-right: 0 !important; margin-top: 2px; color: #333; border: 1px solid #7d7d7d; float: right; display: inline-block; padding: 0 2px; margin-right: 5px; text-align: center; font-size: 12px; font-family: 'Times New Roman'; vertical-align: middle; text-indent: 0px; } .prod_default23 .p_detail { font-size: 12px; color: #666; display: block; margin-top: 8px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /*鏂囧瓧涓よ鍚庤嚜鍔ㄨ秴鍑洪殣钘?/ .prod_default23 .p_group { margin-top: 6px; display: block; float: left; text-align: left !important; width: 50%; color: #666; font-size: 12px; } .prod_default23 .p_group .p_lb { display: none; } .prod_default23 .p_line { overflow: hidden; ; width: 100%; } .prod_default23 .p_num { margin-top: 6px; display: block; float: right; text-align: right !important; width: 50%; color: #666; font-size: 12px; } .prod_default23 .p_price { float: left; line-height: 1; white-space: nowrap; } .prod_default23 .p_value { color: #333; font-size: 18px; margin-top: 6px; display: inline-block; } .prod_default23 .unit { color: #333; font-size: 16px; } .prod_default23 .p_vip { display: block; float: left; text-align: left; white-space: nowrap; width: 48%; } .prod_default23 .p_vip .v_jg { color: #666; font-size: inherit; } .prod_default23 .v_value { color: #666; font-size: inherit; } .prod_default23 .v_unit { color: #666; font-size: inherit; } .prod_default23 .pro_button { display: none; margin: 10px 0; overflow: hidden; } .prod_default23 .p_link { float: left; width: 48%; text-align: center; } .prod_default23 .p_link a { display: block; padding: 10px 15px; } .prod_default23 .p_cart { float: right; width: 48%; text-align: center; } .prod_default23 .p_cart a { display: block; padding: 10px 15px; } .prod_default23 a { text-decoration: none; } /*鍒嗛〉*/ .prod_default23 .page { display: inline-block; border: none; background: white; text-align: center; width: auto; padding: 0 15px; margin: 0 .5px; height: auto; line-height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; } .prod_default23 .page_btn .cur { background: red; color: white; cursor: pointer; } .prod_default23 .page:hover { background: red; color: white; cursor: pointer; } .prod_default23 .page_btn { clear: both; margin-top: 20px; width: 100%; text-align: center; } .prod_default23 .page_btn a { display: inline-block; color: #333; box-sizing: border-box; margin: 0 5px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #ccc; font-family: 'microsoft YaHei'; } .prod_default23 .page_btn a.cur, .prod_default23 .page_btn a:hover { border: 1px solid #4c4c4c; } .prod_default23 .page_btn a:nth-child(n+12) { display: none; } .prod_default23 .page_btn a:nth-last-child(1), .prod_default23 .page_btn a:nth-last-child(2), .prod_default23 .page_btn a:nth-last-child(3) { display: inline-block !important; } .prod_default23 .prev_btn, .prod_default23 .next_btn { font-family: '榛戜綋' !important; border: 0 !important; } .prod_default23 .no_page { border: 0 !important; } .prod_default23 .page_btn a:nth-child(n+10) { display: none; } /*鎷艰喘*/ .prod_default23 .Collage_item {} .prod_default23 .Collage_ico { position: absolute; left: 0; top: 0; width: 40px; z-index: 100; } .prod_default23 .Collage_ico img { width: 100%; height: 100%; vertical-align: top; } .prod_default23 .prod_top { background-color: #ff5656; overflow: hidden; padding: 10px 10px; color: white; font-size: 14px; } .prod_default23 .prod_top_left { display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; } .prod_default23 .prod_price { display: inline-block; color: #ff002a; } .prod_default23 .prod_old_price { font-size: 12px; text-decoration: line-through; display: inline-block; } .prod_default23 .prod_infos .price_value { font-size: 26px; } .prod_default23 .prod_infos .units { font-size: 16px; } .prod_default23 .prod_infos .zero { font-size: 12px; } .prod_default23 .prod_top_right { display: inline-block; width: 100%; vertical-align: middle; position: absolute; bottom: 0; z-index: 99; padding: 10px; background: #f00; color: #fff; } .prod_default23 .prod_details { display: inline-block; overflow: hidden; white-space: nowrap; font-size: 14px; } .prod_default23 .prod_pernum { float: right; display: inline-block; overflow: hidden; white-space: nowrap; text-align: right; font-size: 14px; } .prod_default23 .ptoldprice { display: block; float: right; text-align: right; white-space: nowrap; width: auto; font-size: 12px; } /* 鎶樻墸 */ .prod_default23 .zhekou { color: #333; font-size: 18px; line-height: 1; clear: both; display: inline-block; } .prod_default23 .zhekou .zk_unit { font-size: 14px; font-weight: normal; } .prod_default23 .zhe_price { position: relative; float: left; width: 52%; min-width: 126px; color: #888; } .prod_default23 .p_price2 { font-family: "寰蒋闆呴粦"; font-size: 12px; float: right; color: #666; margin-top: 6px; } .prod_default23 .line_through { text-decoration: line-through; display: inline-block; } .prod_default23 .yuanjia2 { color: inherit; font-size: inherit; } .prod_default23 .fuhao { color: inherit; font-size: inherit; font-family: "寰蒋闆呴粦"; } .prod_default23 .jiage { color: inherit; font-size: inherit; } .prod_default23 .freebox { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } /* 鎸夐挳 */ .prod_default23 .btnn { background-color: transparent; width: 50%; height: 30px; display: block; margin-top: 10px; border: 1px solid #7d7d7d; line-height: 28px; color: #333; text-align: center; } .prod_default23 .btnn a { display: block; color: inherit; } /* 鏍囪瘑 */ .prod_default23 span.freeSet { color: #fff; font-size: 14px; text-align: center; text-align: center; position: relative; line-height: 1; top: -49px; height: 40px; width: 40px; display: table-cell; vertical-align: middle; } .prod_default23 .freeinfo { clear: both; overflow: hidden; } .prod_default23 .freeinfo span { display: block; float: left; border: 1px solid red; border-radius: 5px; padding: 0 5px; color: red; margin-right: 5px; box-sizing: border-box; } @media screen and (max-width: 767px) { .prod_default23 .prod_info { overflow: hidden; width: auto; padding: 5%; box-sizing: border-box; } .prod_default23 .p_name { font-size: 14px; margin-bottom: 0px; } .prod_default23 .zhekou { font-size: 16px; line-height: 24px; } .prod_default23 .ptoldprice { display: none; } .prod_default23 .unit { font-size: 16px; } .prod_default23 .p_vip .v_jg { font-size: 12px; } .prod_default23 .v_unit { font-size: 14px; } .prod_default23 .p_vip { height: 18px; line-height: 23px; } .prod_default23 .v_value { font-size: 14px; } .prod_default23 .p_value { font-size: 18px; display: inline-block; margin-top: 4px; } .prod_default23 .prod .p_detail { display: none !important; } .prod_default23 .Collage_ico { width: 40px; } .prod_default23 .freebox { display: block; position: relative; right: 0; top: 0; transform: translateY(0%); } .prod_default23 .btnn { height: 28px; width: 100%; line-height: 26px; } .prod_default23 .p_price2 { margin-top: 4px; } /*鍒嗛〉*/ /* .prod_default23 .page_btn a:nth-child(n+5){display: none;} */ } .showPage { display: none !important; } .showKind { display: none !important; } .showOldprice { display: none !important; } .showPrice { display: none !important; } .showIntro { display: none !important; } .showButton { display: none !important; } .showStatus { display: none !important; } /*pc*/ #productList_style_23_1555744464704 li { width: 32%; } #productList_style_23_1555744464704 li.prod_Item { margin-bottom: 2%; } @media screen and (max-width: 1024px) { /*ipad*/ #productList_style_23_1555744464704 li { width: 32%; } #productList_style_23_1555744464704 li.prod_Item { margin-bottom: 2%; } } @media screen and (max-width: 768px) { /*mobi*/ #productList_style_23_1555744464704 li { width: 49%; } #productList_style_23_1555744464704 li.prod_Item { margin-bottom: 2%; } } #productList_style_23_1555744464704 .p_detail.pc { display: block; } #productList_style_23_1555744464704 .p_detail.pad, #productList_style_23_1555744464704 .p_detail.mobile { display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555744464704 .p_detail.pad { display: block; } #productList_style_23_1555744464704 .p_detail.pc, #productList_style_23_1555744464704 .p_detail.mobile { display: none; } } @media screen and (max-width:640px) { #productList_style_23_1555744464704 .p_detail.mobile { display: block; } #productList_style_23_1555744464704 .p_detail.pc, #productList_style_23_1555744464704 .p_detail.pad { display: none; } } #productList_style_23_1555744464704 .p_name.pc { display: block; } #productList_style_23_1555744464704 .p_name.pad, #productList_style_23_1555744464704 .p_name.mobile { display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555744464704 .p_name.pad { display: block; } #productList_style_23_1555744464704 .p_name.pc, #productList_style_23_1555744464704 .p_name.mobile { display: none; } } @media screen and (max-width:640px) { #productList_style_23_1555744464704 .p_name.mobile { display: block; } #productList_style_23_1555744464704 .p_name.pc, #productList_style_23_1555744464704 .p_name.pad { display: none; } } #productList_style_23_1555744464704 .status {} #productList_style_23_1555744464704 .page_btn { font-size: 14px; text-align: center; } #productList_style_23_1555744464704 .page_btn .all_page { display: inline-block; margin: 0 10px; } #productList_style_23_1555744464704 .page:hover { background: red; color: white; cursor: pointer; } #productList_style_23_1555744464704 .page_btn .cur { background: red; color: white; cursor: pointer; } #productList_style_23_1555744464704 .submit_div { display: inline-block; } #productList_style_23_1555744464704 .page_btn input { width: 50px; margin: 0 5px; } #productList_style_23_1555744464704 .page_btn input:hover { cursor: default; background: white; color: #333; } #productList_style_23_1555744464704 .page_submit { margin-left: 5px; } #productList_style_23_1555744464704 .page { display: inline-block; border: none; background: white; text-align: center; width: auto; padding: 0 15px; margin: 0 .5px; height: auto; line-height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; } @media screen and (max-width:640px) { #productList_style_23_1555744464704 .page_btn { font-size: 12px; } #productList_style_23_1555744464704 .submit_div { display: none; } } #productList_style_23_1555744464704 .page { width: auto; margin: 0 5px 10px 5px; border-radius: 5px; } @media screen and (max-width:640px) { #productList_style_23_1555744464704 .page { line-height: 30px; padding: 0 13px; } } .prod_default .v_value { color: #333; font-size: 12px; } #productList_style_23_1555744464704 .showPic { display: block !important; } #productList_style_23_1555744464704 .showTitle { display: block !important; } #productList_style_23_1555744464704 .showOldprice { display: block !important; } #productList_style_23_1555744464704 .showButton { display: block !important; } #productList_style_23_1555744464704 .showOldprice { display: none !important; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555744464704 .showPage { display: none !important; } #productList_style_23_1555744464704 .showKind { display: none !important; } #productList_style_23_1555744464704 .showOldprice { display: none !important; } #productList_style_23_1555744464704 .showPrice { display: none !important; } #productList_style_23_1555744464704 .showIntro { display: none !important; } #productList_style_23_1555744464704 .showButton { display: none !important; } #productList_style_23_1555744464704 .showStatus { display: none !important; } #productList_style_23_1555744464704 .showPic { display: block !important; } #productList_style_23_1555744464704 .showTitle { display: block !important; } #productList_style_23_1555744464704 .showOldprice { display: block !important; } #productList_style_23_1555744464704 .showButton { display: block !important; } #productList_style_23_1555744464704 .showOldprice { display: none !important; } } @media screen and (max-width:640px) { #productList_style_23_1555744464704 .showPage { display: none !important; } #productList_style_23_1555744464704 .showKind { display: none !important; } #productList_style_23_1555744464704 .showOldprice { display: none !important; } #productList_style_23_1555744464704 .showPrice { display: none !important; } #productList_style_23_1555744464704 .showIntro { display: none !important; } #productList_style_23_1555744464704 .showButton { display: none !important; } #productList_style_23_1555744464704 .showStatus { display: none !important; } #productList_style_23_1555744464704 .showPic { display: block !important; } #productList_style_23_1555744464704 .showTitle { display: block !important; } #productList_style_23_1555744464704 .showOldprice { display: block !important; } #productList_style_23_1555744464704 .showButton { display: block !important; } #productList_style_23_1555744464704 .showOldprice { display: none !important; } } #image_style_01_1555560033584 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555560033584 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } } @media screen and (max-width:640px) { #image_style_01_1555560033584 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } } #image_style_01_1555560033584 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_1555585339336 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555585339336 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } } @media screen and (max-width:640px) { #image_style_01_1555585339336 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } } #image_style_01_1555585339336 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; } .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; } /*浜у搧鏍峰紡*/ .prod_default23 { width: 100%; clear: both; } .prod_default23 * { transition: all ease-out .2s; -webkit-transition: all ease-out .2s; -moz-transition: all ease-out .2s; -o-transition: all ease-out .2s; box-sizing: border-box; } .prod_default23 ul { width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .prod_default23 .prod_Item { list-style: none; height: auto; padding: 0px; box-sizing: border-box; margin-bottom: 1%; background-color: #f6f6f6; overflow: hidden; } .prod_default23 .relative { position: relative; width: 100%; height: auto; overflow: hidden; } .prod_default23 .prodImg_box { position: relative; width: 100%; overflow: hidden; background: #eee; box-sizing: border-box; } .prod_default23 .prod_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .prod_default23 .prod_Item:hover .prod_img { 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_default23 .prod_Item:hover .prod_info{bottom: 5%;} */ .prod_default23 .prod_img img.horizontal { width: 100%; height: auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .prod_default23 .prod_img img.vertical { width: auto; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } .prod_default23 .dummy { margin-top: 75% } /*鎺у埗浜у搧鍥剧墖鏄剧ず姣斾緥*/ .prod_default23 .prod_info { overflow: hidden; width: auto; padding: 5% 12px; box-sizing: border-box; } .prod_default23 .p_name { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; color: #333; line-height: 1.4; width: 100%; } .prod_default23 .p_name a { font-size: inherit; color: inherit; line-height: inherit; display: block; } /*鏂囧瓧涓よ鍚庤嚜鍔ㄨ秴鍑洪殣钘?/ .prod_default23 .status { margin-right: 0 !important; margin-top: 2px; color: #333; border: 1px solid #7d7d7d; float: right; display: inline-block; padding: 0 2px; margin-right: 5px; text-align: center; font-size: 12px; font-family: 'Times New Roman'; vertical-align: middle; text-indent: 0px; } .prod_default23 .p_detail { font-size: 12px; color: #666; display: block; margin-top: 8px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /*鏂囧瓧涓よ鍚庤嚜鍔ㄨ秴鍑洪殣钘?/ .prod_default23 .p_group { margin-top: 6px; display: block; float: left; text-align: left !important; width: 50%; color: #666; font-size: 12px; } .prod_default23 .p_group .p_lb { display: none; } .prod_default23 .p_line { overflow: hidden; ; width: 100%; } .prod_default23 .p_num { margin-top: 6px; display: block; float: right; text-align: right !important; width: 50%; color: #666; font-size: 12px; } .prod_default23 .p_price { float: left; line-height: 1; white-space: nowrap; } .prod_default23 .p_value { color: #333; font-size: 18px; margin-top: 6px; display: inline-block; } .prod_default23 .unit { color: #333; font-size: 16px; } .prod_default23 .p_vip { display: block; float: left; text-align: left; white-space: nowrap; width: 48%; } .prod_default23 .p_vip .v_jg { color: #666; font-size: inherit; } .prod_default23 .v_value { color: #666; font-size: inherit; } .prod_default23 .v_unit { color: #666; font-size: inherit; } .prod_default23 .pro_button { display: none; margin: 10px 0; overflow: hidden; } .prod_default23 .p_link { float: left; width: 48%; text-align: center; } .prod_default23 .p_link a { display: block; padding: 10px 15px; } .prod_default23 .p_cart { float: right; width: 48%; text-align: center; } .prod_default23 .p_cart a { display: block; padding: 10px 15px; } .prod_default23 a { text-decoration: none; } /*鍒嗛〉*/ .prod_default23 .page { display: inline-block; border: none; background: white; text-align: center; width: auto; padding: 0 15px; margin: 0 .5px; height: auto; line-height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; } .prod_default23 .page_btn .cur { background: red; color: white; cursor: pointer; } .prod_default23 .page:hover { background: red; color: white; cursor: pointer; } .prod_default23 .page_btn { clear: both; margin-top: 20px; width: 100%; text-align: center; } .prod_default23 .page_btn a { display: inline-block; color: #333; box-sizing: border-box; margin: 0 5px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #ccc; font-family: 'microsoft YaHei'; } .prod_default23 .page_btn a.cur, .prod_default23 .page_btn a:hover { border: 1px solid #4c4c4c; } .prod_default23 .page_btn a:nth-child(n+12) { display: none; } .prod_default23 .page_btn a:nth-last-child(1), .prod_default23 .page_btn a:nth-last-child(2), .prod_default23 .page_btn a:nth-last-child(3) { display: inline-block !important; } .prod_default23 .prev_btn, .prod_default23 .next_btn { font-family: '榛戜綋' !important; border: 0 !important; } .prod_default23 .no_page { border: 0 !important; } .prod_default23 .page_btn a:nth-child(n+10) { display: none; } /*鎷艰喘*/ .prod_default23 .Collage_item {} .prod_default23 .Collage_ico { position: absolute; left: 0; top: 0; width: 40px; z-index: 100; } .prod_default23 .Collage_ico img { width: 100%; height: 100%; vertical-align: top; } .prod_default23 .prod_top { background-color: #ff5656; overflow: hidden; padding: 10px 10px; color: white; font-size: 14px; } .prod_default23 .prod_top_left { display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; } .prod_default23 .prod_price { display: inline-block; color: #ff002a; } .prod_default23 .prod_old_price { font-size: 12px; text-decoration: line-through; display: inline-block; } .prod_default23 .prod_infos .price_value { font-size: 26px; } .prod_default23 .prod_infos .units { font-size: 16px; } .prod_default23 .prod_infos .zero { font-size: 12px; } .prod_default23 .prod_top_right { display: inline-block; width: 100%; vertical-align: middle; position: absolute; bottom: 0; z-index: 99; padding: 10px; background: #f00; color: #fff; } .prod_default23 .prod_details { display: inline-block; overflow: hidden; white-space: nowrap; font-size: 14px; } .prod_default23 .prod_pernum { float: right; display: inline-block; overflow: hidden; white-space: nowrap; text-align: right; font-size: 14px; } .prod_default23 .ptoldprice { display: block; float: right; text-align: right; white-space: nowrap; width: auto; font-size: 12px; } /* 鎶樻墸 */ .prod_default23 .zhekou { color: #333; font-size: 18px; line-height: 1; clear: both; display: inline-block; } .prod_default23 .zhekou .zk_unit { font-size: 14px; font-weight: normal; } .prod_default23 .zhe_price { position: relative; float: left; width: 52%; min-width: 126px; color: #888; } .prod_default23 .p_price2 { font-family: "寰蒋闆呴粦"; font-size: 12px; float: right; color: #666; margin-top: 6px; } .prod_default23 .line_through { text-decoration: line-through; display: inline-block; } .prod_default23 .yuanjia2 { color: inherit; font-size: inherit; } .prod_default23 .fuhao { color: inherit; font-size: inherit; font-family: "寰蒋闆呴粦"; } .prod_default23 .jiage { color: inherit; font-size: inherit; } .prod_default23 .freebox { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } /* 鎸夐挳 */ .prod_default23 .btnn { background-color: transparent; width: 50%; height: 30px; display: block; margin-top: 10px; border: 1px solid #7d7d7d; line-height: 28px; color: #333; text-align: center; } .prod_default23 .btnn a { display: block; color: inherit; } /* 鏍囪瘑 */ .prod_default23 span.freeSet { color: #fff; font-size: 14px; text-align: center; text-align: center; position: relative; line-height: 1; top: -49px; height: 40px; width: 40px; display: table-cell; vertical-align: middle; } .prod_default23 .freeinfo { clear: both; overflow: hidden; } .prod_default23 .freeinfo span { display: block; float: left; border: 1px solid red; border-radius: 5px; padding: 0 5px; color: red; margin-right: 5px; box-sizing: border-box; } @media screen and (max-width: 767px) { .prod_default23 .prod_info { overflow: hidden; width: auto; padding: 5%; box-sizing: border-box; } .prod_default23 .p_name { font-size: 14px; margin-bottom: 0px; } .prod_default23 .zhekou { font-size: 16px; line-height: 24px; } .prod_default23 .ptoldprice { display: none; } .prod_default23 .unit { font-size: 16px; } .prod_default23 .p_vip .v_jg { font-size: 12px; } .prod_default23 .v_unit { font-size: 14px; } .prod_default23 .p_vip { height: 18px; line-height: 23px; } .prod_default23 .v_value { font-size: 14px; } .prod_default23 .p_value { font-size: 18px; display: inline-block; margin-top: 4px; } .prod_default23 .prod .p_detail { display: none !important; } .prod_default23 .Collage_ico { width: 40px; } .prod_default23 .freebox { display: block; position: relative; right: 0; top: 0; transform: translateY(0%); } .prod_default23 .btnn { height: 28px; width: 100%; line-height: 26px; } .prod_default23 .p_price2 { margin-top: 4px; } /*鍒嗛〉*/ /* .prod_default23 .page_btn a:nth-child(n+5){display: none;} */ } .showPage { display: none !important; } .showKind { display: none !important; } .showOldprice { display: none !important; } .showPrice { display: none !important; } .showIntro { display: none !important; } .showButton { display: none !important; } .showStatus { display: none !important; } /*pc*/ #productList_style_23_1555568506297 li { width: 32%; } #productList_style_23_1555568506297 li.prod_Item { margin-bottom: 2%; } @media screen and (max-width: 1024px) { /*ipad*/ #productList_style_23_1555568506297 li { width: 32%; } #productList_style_23_1555568506297 li.prod_Item { margin-bottom: 2%; } } @media screen and (max-width: 768px) { /*mobi*/ #productList_style_23_1555568506297 li { width: 49%; } #productList_style_23_1555568506297 li.prod_Item { margin-bottom: 2%; } } #productList_style_23_1555568506297 .p_detail.pc { display: block; } #productList_style_23_1555568506297 .p_detail.pad, #productList_style_23_1555568506297 .p_detail.mobile { display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555568506297 .p_detail.pad { display: block; } #productList_style_23_1555568506297 .p_detail.pc, #productList_style_23_1555568506297 .p_detail.mobile { display: none; } } @media screen and (max-width:640px) { #productList_style_23_1555568506297 .p_detail.mobile { display: block; } #productList_style_23_1555568506297 .p_detail.pc, #productList_style_23_1555568506297 .p_detail.pad { display: none; } } #productList_style_23_1555568506297 .p_name.pc { display: block; } #productList_style_23_1555568506297 .p_name.pad, #productList_style_23_1555568506297 .p_name.mobile { display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555568506297 .p_name.pad { display: block; } #productList_style_23_1555568506297 .p_name.pc, #productList_style_23_1555568506297 .p_name.mobile { display: none; } } @media screen and (max-width:640px) { #productList_style_23_1555568506297 .p_name.mobile { display: block; } #productList_style_23_1555568506297 .p_name.pc, #productList_style_23_1555568506297 .p_name.pad { display: none; } } #productList_style_23_1555568506297 .status {} #productList_style_23_1555568506297 .page_btn { font-size: 14px; text-align: center; } #productList_style_23_1555568506297 .page_btn .all_page { display: inline-block; margin: 0 10px; } #productList_style_23_1555568506297 .page:hover { background: red; color: white; cursor: pointer; } #productList_style_23_1555568506297 .page_btn .cur { background: red; color: white; cursor: pointer; } #productList_style_23_1555568506297 .submit_div { display: inline-block; } #productList_style_23_1555568506297 .page_btn input { width: 50px; margin: 0 5px; } #productList_style_23_1555568506297 .page_btn input:hover { cursor: default; background: white; color: #333; } #productList_style_23_1555568506297 .page_submit { margin-left: 5px; } #productList_style_23_1555568506297 .page { display: inline-block; border: none; background: white; text-align: center; width: auto; padding: 0 15px; margin: 0 .5px; height: auto; line-height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; } @media screen and (max-width:640px) { #productList_style_23_1555568506297 .page_btn { font-size: 12px; } #productList_style_23_1555568506297 .submit_div { display: none; } } #productList_style_23_1555568506297 .page { width: auto; margin: 0 5px 10px 5px; border-radius: 5px; } @media screen and (max-width:640px) { #productList_style_23_1555568506297 .page { line-height: 30px; padding: 0 13px; } } .prod_default .v_value { color: #333; font-size: 12px; } #productList_style_23_1555568506297 .showPic { display: block !important; } #productList_style_23_1555568506297 .showTitle { display: block !important; } #productList_style_23_1555568506297 .showActivity { display: block !important; } #productList_style_23_1555568506297 .showButton { display: block !important; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555568506297 .showPage { display: none !important; } #productList_style_23_1555568506297 .showKind { display: none !important; } #productList_style_23_1555568506297 .showOldprice { display: none !important; } #productList_style_23_1555568506297 .showPrice { display: none !important; } #productList_style_23_1555568506297 .showIntro { display: none !important; } #productList_style_23_1555568506297 .showButton { display: none !important; } #productList_style_23_1555568506297 .showStatus { display: none !important; } #productList_style_23_1555568506297 .showPic { display: block !important; } #productList_style_23_1555568506297 .showTitle { display: block !important; } #productList_style_23_1555568506297 .showActivity { display: block !important; } #productList_style_23_1555568506297 .showButton { display: block !important; } } @media screen and (max-width:640px) { #productList_style_23_1555568506297 .showPage { display: none !important; } #productList_style_23_1555568506297 .showKind { display: none !important; } #productList_style_23_1555568506297 .showOldprice { display: none !important; } #productList_style_23_1555568506297 .showPrice { display: none !important; } #productList_style_23_1555568506297 .showIntro { display: none !important; } #productList_style_23_1555568506297 .showButton { display: none !important; } #productList_style_23_1555568506297 .showStatus { display: none !important; } #productList_style_23_1555568506297 .showPic { display: block !important; } #productList_style_23_1555568506297 .showTitle { display: block !important; } #productList_style_23_1555568506297 .showActivity { display: block !important; } #productList_style_23_1555568506297 .showButton { display: block !important; } } /*浜у搧鏍峰紡*/ .prod_default23 { width: 100%; clear: both; } .prod_default23 * { transition: all ease-out .2s; -webkit-transition: all ease-out .2s; -moz-transition: all ease-out .2s; -o-transition: all ease-out .2s; box-sizing: border-box; } .prod_default23 ul { width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .prod_default23 .prod_Item { list-style: none; height: auto; padding: 0px; box-sizing: border-box; margin-bottom: 1%; background-color: #f6f6f6; overflow: hidden; } .prod_default23 .relative { position: relative; width: 100%; height: auto; overflow: hidden; } .prod_default23 .prodImg_box { position: relative; width: 100%; overflow: hidden; background: #eee; box-sizing: border-box; } .prod_default23 .prod_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .prod_default23 .prod_Item:hover .prod_img { 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_default23 .prod_Item:hover .prod_info{bottom: 5%;} */ .prod_default23 .prod_img img.horizontal { width: 100%; height: auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .prod_default23 .prod_img img.vertical { width: auto; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } .prod_default23 .dummy { margin-top: 75% } /*鎺у埗浜у搧鍥剧墖鏄剧ず姣斾緥*/ .prod_default23 .prod_info { overflow: hidden; width: auto; padding: 5% 12px; box-sizing: border-box; } .prod_default23 .p_name { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; color: #333; line-height: 1.4; width: 100%; } .prod_default23 .p_name a { font-size: inherit; color: inherit; line-height: inherit; display: block; } /*鏂囧瓧涓よ鍚庤嚜鍔ㄨ秴鍑洪殣钘?/ .prod_default23 .status { margin-right: 0 !important; margin-top: 2px; color: #333; border: 1px solid #7d7d7d; float: right; display: inline-block; padding: 0 2px; margin-right: 5px; text-align: center; font-size: 12px; font-family: 'Times New Roman'; vertical-align: middle; text-indent: 0px; } .prod_default23 .p_detail { font-size: 12px; color: #666; display: block; margin-top: 8px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /*鏂囧瓧涓よ鍚庤嚜鍔ㄨ秴鍑洪殣钘?/ .prod_default23 .p_group { margin-top: 6px; display: block; float: left; text-align: left !important; width: 50%; color: #666; font-size: 12px; } .prod_default23 .p_group .p_lb { display: none; } .prod_default23 .p_line { overflow: hidden; ; width: 100%; } .prod_default23 .p_num { margin-top: 6px; display: block; float: right; text-align: right !important; width: 50%; color: #666; font-size: 12px; } .prod_default23 .p_price { float: left; line-height: 1; white-space: nowrap; } .prod_default23 .p_value { color: #333; font-size: 18px; margin-top: 6px; display: inline-block; } .prod_default23 .unit { color: #333; font-size: 16px; } .prod_default23 .p_vip { display: block; float: left; text-align: left; white-space: nowrap; width: 48%; } .prod_default23 .p_vip .v_jg { color: #666; font-size: inherit; } .prod_default23 .v_value { color: #666; font-size: inherit; } .prod_default23 .v_unit { color: #666; font-size: inherit; } .prod_default23 .pro_button { display: none; margin: 10px 0; overflow: hidden; } .prod_default23 .p_link { float: left; width: 48%; text-align: center; } .prod_default23 .p_link a { display: block; padding: 10px 15px; } .prod_default23 .p_cart { float: right; width: 48%; text-align: center; } .prod_default23 .p_cart a { display: block; padding: 10px 15px; } .prod_default23 a { text-decoration: none; } /*鍒嗛〉*/ .prod_default23 .page { display: inline-block; border: none; background: white; text-align: center; width: auto; padding: 0 15px; margin: 0 .5px; height: auto; line-height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; } .prod_default23 .page_btn .cur { background: red; color: white; cursor: pointer; } .prod_default23 .page:hover { background: red; color: white; cursor: pointer; } .prod_default23 .page_btn { clear: both; margin-top: 20px; width: 100%; text-align: center; } .prod_default23 .page_btn a { display: inline-block; color: #333; box-sizing: border-box; margin: 0 5px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #ccc; font-family: 'microsoft YaHei'; } .prod_default23 .page_btn a.cur, .prod_default23 .page_btn a:hover { border: 1px solid #4c4c4c; } .prod_default23 .page_btn a:nth-child(n+12) { display: none; } .prod_default23 .page_btn a:nth-last-child(1), .prod_default23 .page_btn a:nth-last-child(2), .prod_default23 .page_btn a:nth-last-child(3) { display: inline-block !important; } .prod_default23 .prev_btn, .prod_default23 .next_btn { font-family: '榛戜綋' !important; border: 0 !important; } .prod_default23 .no_page { border: 0 !important; } .prod_default23 .page_btn a:nth-child(n+10) { display: none; } /*鎷艰喘*/ .prod_default23 .Collage_item {} .prod_default23 .Collage_ico { position: absolute; left: 0; top: 0; width: 40px; z-index: 100; } .prod_default23 .Collage_ico img { width: 100%; height: 100%; vertical-align: top; } .prod_default23 .prod_top { background-color: #ff5656; overflow: hidden; padding: 10px 10px; color: white; font-size: 14px; } .prod_default23 .prod_top_left { display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; } .prod_default23 .prod_price { display: inline-block; color: #ff002a; } .prod_default23 .prod_old_price { font-size: 12px; text-decoration: line-through; display: inline-block; } .prod_default23 .prod_infos .price_value { font-size: 26px; } .prod_default23 .prod_infos .units { font-size: 16px; } .prod_default23 .prod_infos .zero { font-size: 12px; } .prod_default23 .prod_top_right { display: inline-block; width: 100%; vertical-align: middle; position: absolute; bottom: 0; z-index: 99; padding: 10px; background: #f00; color: #fff; } .prod_default23 .prod_details { display: inline-block; overflow: hidden; white-space: nowrap; font-size: 14px; } .prod_default23 .prod_pernum { float: right; display: inline-block; overflow: hidden; white-space: nowrap; text-align: right; font-size: 14px; } .prod_default23 .ptoldprice { display: block; float: right; text-align: right; white-space: nowrap; width: auto; font-size: 12px; } /* 鎶樻墸 */ .prod_default23 .zhekou { color: #333; font-size: 18px; line-height: 1; clear: both; display: inline-block; } .prod_default23 .zhekou .zk_unit { font-size: 14px; font-weight: normal; } .prod_default23 .zhe_price { position: relative; float: left; width: 52%; min-width: 126px; color: #888; } .prod_default23 .p_price2 { font-family: "寰蒋闆呴粦"; font-size: 12px; float: right; color: #666; margin-top: 6px; } .prod_default23 .line_through { text-decoration: line-through; display: inline-block; } .prod_default23 .yuanjia2 { color: inherit; font-size: inherit; } .prod_default23 .fuhao { color: inherit; font-size: inherit; font-family: "寰蒋闆呴粦"; } .prod_default23 .jiage { color: inherit; font-size: inherit; } .prod_default23 .freebox { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } /* 鎸夐挳 */ .prod_default23 .btnn { background-color: transparent; width: 50%; height: 30px; display: block; margin-top: 10px; border: 1px solid #7d7d7d; line-height: 28px; color: #333; text-align: center; } .prod_default23 .btnn a { display: block; color: inherit; } /* 鏍囪瘑 */ .prod_default23 span.freeSet { color: #fff; font-size: 14px; text-align: center; text-align: center; position: relative; line-height: 1; top: -49px; height: 40px; width: 40px; display: table-cell; vertical-align: middle; } .prod_default23 .freeinfo { clear: both; overflow: hidden; } .prod_default23 .freeinfo span { display: block; float: left; border: 1px solid red; border-radius: 5px; padding: 0 5px; color: red; margin-right: 5px; box-sizing: border-box; } @media screen and (max-width: 767px) { .prod_default23 .prod_info { overflow: hidden; width: auto; padding: 5%; box-sizing: border-box; } .prod_default23 .p_name { font-size: 14px; margin-bottom: 0px; } .prod_default23 .zhekou { font-size: 16px; line-height: 24px; } .prod_default23 .ptoldprice { display: none; } .prod_default23 .unit { font-size: 16px; } .prod_default23 .p_vip .v_jg { font-size: 12px; } .prod_default23 .v_unit { font-size: 14px; } .prod_default23 .p_vip { height: 18px; line-height: 23px; } .prod_default23 .v_value { font-size: 14px; } .prod_default23 .p_value { font-size: 18px; display: inline-block; margin-top: 4px; } .prod_default23 .prod .p_detail { display: none !important; } .prod_default23 .Collage_ico { width: 40px; } .prod_default23 .freebox { display: block; position: relative; right: 0; top: 0; transform: translateY(0%); } .prod_default23 .btnn { height: 28px; width: 100%; line-height: 26px; } .prod_default23 .p_price2 { margin-top: 4px; } /*鍒嗛〉*/ /* .prod_default23 .page_btn a:nth-child(n+5){display: none;} */ } .showPage { display: none !important; } .showKind { display: none !important; } .showOldprice { display: none !important; } .showPrice { display: none !important; } .showIntro { display: none !important; } .showButton { display: none !important; } .showStatus { display: none !important; } /*pc*/ #productList_style_23_1555585045854 li { width: 32%; } #productList_style_23_1555585045854 li.prod_Item { margin-bottom: 2%; } @media screen and (max-width: 1024px) { /*ipad*/ #productList_style_23_1555585045854 li { width: 32%; } #productList_style_23_1555585045854 li.prod_Item { margin-bottom: 2%; } } @media screen and (max-width: 768px) { /*mobi*/ #productList_style_23_1555585045854 li { width: 49%; } #productList_style_23_1555585045854 li.prod_Item { margin-bottom: 2%; } } #productList_style_23_1555585045854 .p_detail.pc { display: block; } #productList_style_23_1555585045854 .p_detail.pad, #productList_style_23_1555585045854 .p_detail.mobile { display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555585045854 .p_detail.pad { display: block; } #productList_style_23_1555585045854 .p_detail.pc, #productList_style_23_1555585045854 .p_detail.mobile { display: none; } } @media screen and (max-width:640px) { #productList_style_23_1555585045854 .p_detail.mobile { display: block; } #productList_style_23_1555585045854 .p_detail.pc, #productList_style_23_1555585045854 .p_detail.pad { display: none; } } #productList_style_23_1555585045854 .p_name.pc { display: block; } #productList_style_23_1555585045854 .p_name.pad, #productList_style_23_1555585045854 .p_name.mobile { display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555585045854 .p_name.pad { display: block; } #productList_style_23_1555585045854 .p_name.pc, #productList_style_23_1555585045854 .p_name.mobile { display: none; } } @media screen and (max-width:640px) { #productList_style_23_1555585045854 .p_name.mobile { display: block; } #productList_style_23_1555585045854 .p_name.pc, #productList_style_23_1555585045854 .p_name.pad { display: none; } } #productList_style_23_1555585045854 .status {} #productList_style_23_1555585045854 .page_btn { font-size: 14px; text-align: center; } #productList_style_23_1555585045854 .page_btn .all_page { display: inline-block; margin: 0 10px; } #productList_style_23_1555585045854 .page:hover { background: red; color: white; cursor: pointer; } #productList_style_23_1555585045854 .page_btn .cur { background: red; color: white; cursor: pointer; } #productList_style_23_1555585045854 .submit_div { display: inline-block; } #productList_style_23_1555585045854 .page_btn input { width: 50px; margin: 0 5px; } #productList_style_23_1555585045854 .page_btn input:hover { cursor: default; background: white; color: #333; } #productList_style_23_1555585045854 .page_submit { margin-left: 5px; } #productList_style_23_1555585045854 .page { display: inline-block; border: none; background: white; text-align: center; width: auto; padding: 0 15px; margin: 0 .5px; height: auto; line-height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; } @media screen and (max-width:640px) { #productList_style_23_1555585045854 .page_btn { font-size: 12px; } #productList_style_23_1555585045854 .submit_div { display: none; } } #productList_style_23_1555585045854 .page { width: auto; margin: 0 5px 10px 5px; border-radius: 5px; } @media screen and (max-width:640px) { #productList_style_23_1555585045854 .page { line-height: 30px; padding: 0 13px; } } .prod_default .v_value { color: #333; font-size: 12px; } #productList_style_23_1555585045854 .showPic { display: block !important; } #productList_style_23_1555585045854 .showTitle { display: block !important; } #productList_style_23_1555585045854 .showActivity { display: block !important; } #productList_style_23_1555585045854 .showButton { display: block !important; } @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_23_1555585045854 .showPage { display: none !important; } #productList_style_23_1555585045854 .showKind { display: none !important; } #productList_style_23_1555585045854 .showOldprice { display: none !important; } #productList_style_23_1555585045854 .showPrice { display: none !important; } #productList_style_23_1555585045854 .showIntro { display: none !important; } #productList_style_23_1555585045854 .showButton { display: none !important; } #productList_style_23_1555585045854 .showStatus { display: none !important; } #productList_style_23_1555585045854 .showPic { display: block !important; } #productList_style_23_1555585045854 .showTitle { display: block !important; } #productList_style_23_1555585045854 .showActivity { display: block !important; } #productList_style_23_1555585045854 .showButton { display: block !important; } } @media screen and (max-width:640px) { #productList_style_23_1555585045854 .showPage { display: none !important; } #productList_style_23_1555585045854 .showKind { display: none !important; } #productList_style_23_1555585045854 .showOldprice { display: none !important; } #productList_style_23_1555585045854 .showPrice { display: none !important; } #productList_style_23_1555585045854 .showIntro { display: none !important; } #productList_style_23_1555585045854 .showButton { display: none !important; } #productList_style_23_1555585045854 .showStatus { display: none !important; } #productList_style_23_1555585045854 .showPic { display: block !important; } #productList_style_23_1555585045854 .showTitle { display: block !important; } #productList_style_23_1555585045854 .showActivity { display: block !important; } #productList_style_23_1555585045854 .showButton { display: block !important; } } /*鏂伴椈鍒楄〃鏍峰紡*/ .boxNewsListStyle_12 { position: relative; width: 100%; height: 100%; clear: both; } .boxNewsListStyle_12 * { transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; box-sizing: border-box; } .boxNewsListStyle_12>ul { position: relative; width: 100%; height: 100%; } .boxNewsListStyle_12 ul .newLeft { position: relative; width: 50%; float: left; } /*.boxNewsListStyle_12 ul .modSet{ position:absolute; left: 0; top: 0; width:100%; height: 100%; display: none;}*/ .boxNewsListStyle_12 ul .modSet .newPic { position: relative; width: 100%; background: #eee; overflow: hidden; } .boxNewsListStyle_12 ul .modSet .newPic img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .boxNewsListStyle_12 ul .modSet .newPic .zTm { margin-top: 75%; } .boxNewsListStyle_12 ul .modSet .newCont { position: absolute; left: 0; bottom: 0%; width: 100%; height: auto; background: rgba(0, 0, 0, .4); padding: 8px; } .boxNewsListStyle_12 ul .modSet .newCont .newTitle { color: #fff; line-height: 28px; font-size: 14px; text-align: left; width: 100%; } .boxNewsListStyle_12 ul .modSet .newCont .newTitle a { color: inherit; line-height: inherit; font-size: inherit; display: block; text-align: inherit; } .boxNewsListStyle_12 ul .modSet .newCont .newDetail { font-size: 12px; line-height: 24px; color: #eee; } /*鍙充晶鏂伴椈鍒楄〃*/ .boxNewsListStyle_12 ul .newRight { width: 50%; float: left; } .boxNewsListStyle_12 .newsScroll { width: 100%; height: 100%; position: relative; overflow: hidden; } .boxNewsListStyle_12 .newsLi { position: relative; width: 100%; left: 1%; height: auto; padding-left: 1%; padding-top: 1%; border-bottom: 1px solid #eee; } .boxNewsListStyle_12 .newsLi .newsCont { width: 100%; box-sizing: border-box; } .boxNewsListStyle_12 .newsLi .newsCont .newsTN { padding: 1% 0; } .boxNewsListStyle_12 .newsLi .newsCont .newsName { float: left; height: 24px; line-height: 24px; } .boxNewsListStyle_12 .newsLi .newsCont .newsName .newSort { color: #fff; float: left; font-size: 12px; white-space: nowrap; padding: 0 1em; height: 24px; background: #4dc0f8; margin-right: 10px; } .boxNewsListStyle_12 .newsLi .newsCont .newsName a { text-decoration: none; line-height: 1.4; font-size: 16px; color: #333; } .boxNewsListStyle_12 .newsLi .newsCont .newsTitle { font-size: 14px; } .boxNewsListStyle_12 .newsLi .newsCont .newsTimeSet { float: left; clear: both; width: 15%; margin: .5% 0; color: #aaa; font-size: 14px; white-space: nowrap; } .boxNewsListStyle_12 .newsLi .newsCont .newsTimeSet span { white-space: nowrap; } .boxNewsListStyle_12 .newsLi .newsCont .newsDetail_Right { width: 100%; padding-top: 1%; color: #aaa; font-size: 14px; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .boxNewsListStyle_12 .show_all { width: 25%; margin-top: .5em; } .boxNewsListStyle_12 .show_all a { display: block; margin-top: .4em; text-decoration: none; border: 1px solid #ddd; text-align: center; padding: .4em; font-size: 12px; color: #666; } @media screen and (max-width:991px) { .boxNewsListStyle_12 .newsLi .newsCont .newsTimeSet { width: 18%; } .boxNewsListStyle_12 ul .modSet .newCont .newDetail { font-size: 12px; line-height: 24px; color: #eee; } } @media screen and (max-width:768px) { .boxNewsListStyle_12 .newsLi .newsCont .newsTimeSet { width: 25%; } .boxNewsListStyle_12 ul .newLeft { width: 100%; overflow: hidden; } .boxNewsListStyle_12 ul .newRight { width: 100%; margin-top: 20px; } } #newsList_style_12_1555573024661 .newDetail.pc { display: block; } #newsList_style_12_1555573024661 .newDetail.pad, #newsList_style_12_1555573024661 .newDetail.mobile { display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_12_1555573024661 .newDetail.pad { display: block; } #newsList_style_12_1555573024661 .newDetail.pc, #newsList_style_12_1555573024661 .newDetail.mobile { display: none; } } @media screen and (max-width:640px) { #newsList_style_12_1555573024661 .newDetail.mobile { display: block; } #newsList_style_12_1555573024661 .newDetail.pc, #newsList_style_12_1555573024661 .newDetail.pad { display: none; } } @media screen and (min-width: 1025px) { #newsList_style_12_1555573024661 .newLeft { width: 400px; } #newsList_style_12_1555573024661 .newRight { width: calc(100% - 400px); } } @media screen and (min-width: 640px) and (max-width: 1024px) { #newsList_style_12_1555573024661 .newLeft { width: 400px; } #newsList_style_12_1555573024661 .newRight { width: calc(100% - 400px); } } @media screen and (max-width: 640px) {} /* 鏂板垎椤 */ #newsList_style_12_1555573024661 .page_btn { font-size: 14px; text-align: center; } #newsList_style_12_1555573024661 .page_btn .all_page { display: inline-block; margin: 0 10px; } #newsList_style_12_1555573024661 .page:hover { background: red; color: white; cursor: pointer; } #newsList_style_12_1555573024661 .page_btn .cur { background: red; color: white; cursor: pointer; } #newsList_style_12_1555573024661 .submit_div { display: inline-block; } #newsList_style_12_1555573024661 .page_btn input { width: 50px; margin: 0 5px; } #newsList_style_12_1555573024661 .page_btn input:hover { cursor: default; background: white; color: #333; } #newsList_style_12_1555573024661 .page_submit { margin-left: 5px; } #newsList_style_12_1555573024661 .page { display: inline-block; border: none; background: white; text-align: center; width: auto; padding: 0 15px; margin: 0 .5px; height: auto; line-height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; } @media screen and (max-width:640px) { #newsList_style_12_1555573024661 .page_btn { font-size: 12px; } #newsList_style_12_1555573024661 .submit_div { display: none; } } #newsList_style_12_1555573024661 .page { width: auto; margin: 0 5px 10px 5px; border-radius: 5px; } @media screen and (max-width:640px) { #newsList_style_12_1555573024661 .page { line-height: 30px; padding: 0 13px; } } #image_style_01_1555585894465 .CompatibleImg img { width: 100%; height: 100% } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555585894465 .CompatibleImg img { width: 100%; height: 100% } } @media screen and (max-width:640px) { #image_style_01_1555585894465 .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; } /*鏂伴椈鍒楄〃鏍峰紡*/ .boxNewsListStyle_12 { position: relative; width: 100%; height: 100%; clear: both; } .boxNewsListStyle_12 * { transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; box-sizing: border-box; } .boxNewsListStyle_12>ul { position: relative; width: 100%; height: 100%; } .boxNewsListStyle_12 ul .newLeft { position: relative; width: 50%; float: left; } /*.boxNewsListStyle_12 ul .modSet{ position:absolute; left: 0; top: 0; width:100%; height: 100%; display: none;}*/ .boxNewsListStyle_12 ul .modSet .newPic { position: relative; width: 100%; background: #eee; overflow: hidden; } .boxNewsListStyle_12 ul .modSet .newPic img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .boxNewsListStyle_12 ul .modSet .newPic .zTm { margin-top: 75%; } .boxNewsListStyle_12 ul .modSet .newCont { position: absolute; left: 0; bottom: 0%; width: 100%; height: auto; background: rgba(0, 0, 0, .4); padding: 8px; } .boxNewsListStyle_12 ul .modSet .newCont .newTitle { color: #fff; line-height: 28px; font-size: 14px; text-align: left; width: 100%; } .boxNewsListStyle_12 ul .modSet .newCont .newTitle a { color: inherit; line-height: inherit; font-size: inherit; display: block; text-align: inherit; } .boxNewsListStyle_12 ul .modSet .newCont .newDetail { font-size: 12px; line-height: 24px; color: #eee; } /*鍙充晶鏂伴椈鍒楄〃*/ .boxNewsListStyle_12 ul .newRight { width: 50%; float: left; } .boxNewsListStyle_12 .newsScroll { width: 100%; height: 100%; position: relative; overflow: hidden; } .boxNewsListStyle_12 .newsLi { position: relative; width: 100%; left: 1%; height: auto; padding-left: 1%; padding-top: 1%; border-bottom: 1px solid #eee; } .boxNewsListStyle_12 .newsLi .newsCont { width: 100%; box-sizing: border-box; } .boxNewsListStyle_12 .newsLi .newsCont .newsTN { padding: 1% 0; } .boxNewsListStyle_12 .newsLi .newsCont .newsName { float: left; height: 24px; line-height: 24px; } .boxNewsListStyle_12 .newsLi .newsCont .newsName .newSort { color: #fff; float: left; font-size: 12px; white-space: nowrap; padding: 0 1em; height: 24px; background: #4dc0f8; margin-right: 10px; } .boxNewsListStyle_12 .newsLi .newsCont .newsName a { text-decoration: none; line-height: 1.4; font-size: 16px; color: #333; } .boxNewsListStyle_12 .newsLi .newsCont .newsTitle { font-size: 14px; } .boxNewsListStyle_12 .newsLi .newsCont .newsTimeSet { float: left; clear: both; width: 15%; margin: .5% 0; color: #aaa; font-size: 14px; white-space: nowrap; } .boxNewsListStyle_12 .newsLi .newsCont .newsTimeSet span { white-space: nowrap; } .boxNewsListStyle_12 .newsLi .newsCont .newsDetail_Right { width: 100%; padding-top: 1%; color: #aaa; font-size: 14px; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .boxNewsListStyle_12 .show_all { width: 25%; margin-top: .5em; } .boxNewsListStyle_12 .show_all a { display: block; margin-top: .4em; text-decoration: none; border: 1px solid #ddd; text-align: center; padding: .4em; font-size: 12px; color: #666; } @media screen and (max-width:991px) { .boxNewsListStyle_12 .newsLi .newsCont .newsTimeSet { width: 18%; } .boxNewsListStyle_12 ul .modSet .newCont .newDetail { font-size: 12px; line-height: 24px; color: #eee; } } @media screen and (max-width:768px) { .boxNewsListStyle_12 .newsLi .newsCont .newsTimeSet { width: 25%; } .boxNewsListStyle_12 ul .newLeft { width: 100%; overflow: hidden; } .boxNewsListStyle_12 ul .newRight { width: 100%; margin-top: 20px; } } #newsList_style_12_1555586400626 .newDetail.pc { display: block; } #newsList_style_12_1555586400626 .newDetail.pad, #newsList_style_12_1555586400626 .newDetail.mobile { display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_12_1555586400626 .newDetail.pad { display: block; } #newsList_style_12_1555586400626 .newDetail.pc, #newsList_style_12_1555586400626 .newDetail.mobile { display: none; } } @media screen and (max-width:640px) { #newsList_style_12_1555586400626 .newDetail.mobile { display: block; } #newsList_style_12_1555586400626 .newDetail.pc, #newsList_style_12_1555586400626 .newDetail.pad { display: none; } } @media screen and (min-width: 1025px) { #newsList_style_12_1555586400626 .newLeft { width: 0px; } #newsList_style_12_1555586400626 .newRight { width: calc(100% - 0px); } } @media screen and (min-width: 640px) and (max-width: 1024px) { #newsList_style_12_1555586400626 .newLeft { width: 0px; } #newsList_style_12_1555586400626 .newRight { width: calc(100% - 0px); } } @media screen and (max-width: 640px) {} /* 鏂板垎椤 */ #newsList_style_12_1555586400626 .page_btn { font-size: 14px; text-align: center; } #newsList_style_12_1555586400626 .page_btn .all_page { display: inline-block; margin: 0 10px; } #newsList_style_12_1555586400626 .page:hover { background: red; color: white; cursor: pointer; } #newsList_style_12_1555586400626 .page_btn .cur { background: red; color: white; cursor: pointer; } #newsList_style_12_1555586400626 .submit_div { display: inline-block; } #newsList_style_12_1555586400626 .page_btn input { width: 50px; margin: 0 5px; } #newsList_style_12_1555586400626 .page_btn input:hover { cursor: default; background: white; color: #333; } #newsList_style_12_1555586400626 .page_submit { margin-left: 5px; } #newsList_style_12_1555586400626 .page { display: inline-block; border: none; background: white; text-align: center; width: auto; padding: 0 15px; margin: 0 .5px; height: auto; line-height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; } @media screen and (max-width:640px) { #newsList_style_12_1555586400626 .page_btn { font-size: 12px; } #newsList_style_12_1555586400626 .submit_div { display: none; } } #newsList_style_12_1555586400626 .page { width: auto; margin: 0 5px 10px 5px; border-radius: 5px; } @media screen and (max-width:640px) { #newsList_style_12_1555586400626 .page { line-height: 30px; padding: 0 13px; } } #image_style_01_1555637934116 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555637934116 .CompatibleImg img { width: 100%; height: 100% } } @media screen and (max-width:640px) { #image_style_01_1555637934116 .CompatibleImg img { width: 100%; height: 100% } } .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_1555575512714 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555575512714 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } } @media screen and (max-width:640px) { #image_style_01_1555575512714 .CompatibleImg img { width: 100%; height: 100% } } #image_style_01_1555575512714 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; } .blank_new01 { width: 100%; height: 100%; } .blank_new01 .roundcs { width: 100%; height: 100%; background: rgba(7, 126, 244, 0.7); } /* 娓呴櫎娴姩 */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1 } .online-service { display: none } .online-service .wrapper { padding: 5px 0; background-color: #fff } .online-service .close, .online-service .button { -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .online-service.right .button div { text-align: right; padding-right: 5px } .online-service.left .button div { text-align: left; padding-left: 5px } .online-service .header, .online-service .footer { height: 25px; line-height: 25px; padding: 0 .5em; } .online-service .header { border-bottom: 1px solid #eee } .online-service .footer { border-top: 1px solid #eee; font-size: 12px } .online-service.right .footer { text-align: right } .online-service.left .footer { text-align: left } .online-service .content { padding: .5em 1em } .ol-qq-online .qq-btn { float: left; margin-right: .5em } .ol-qq-online .qq-btn img { float: left } .ol-qq-online { line-height: 25px } .ol-image img { width: 100% } /*----------------------鐢佃剳鏉垮紡鏍峰紡----------------------*/ body>.online-service { display: block !important; } /*----------------------骞虫澘鏉垮紡鏍峰紡----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { body>.online-service { display: block !important; } } /*----------------------鎵嬫満鏉垮紡鏍峰紡----------------------*/ @media screen and (max-width:640px) { body>.online-service { display: none !important; } } .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('//cdn.xuansiwei.com/258dwbz/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('//cdn.xuansiwei.com/258dwbz/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; } .bottomMenu { width: 100%; box-sizing: border-box; display: none; position: fixed; top: calc(100% - 50px); 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 5px; } .bottomMenu ul li .menuIco img { width: 100%; height: 100%; } .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; } }