/* 未能缩小。正在返回未缩小的内容。 (10664,39): run-time error CSS1046: Expect comma, found '0' (10664,43): run-time error CSS1046: Expect comma, found '/' */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { overflow-x: auto; } body, html { margin: 0; padding: 0; } * { margin:0; padding:0; } body { font: 14px webfont, Microsoft Yahei, tahoma, Arial, Verdana, Helvetica, sans-serif !important; color: #333333; } /*字体*/ @font-face { font-family: 'webfont'; font-display: swap; src: url('/Content/webfont/webfont.eot'); /* IE9 */ src: url('/Content/webfont/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/Content/webfont/webfont.woff2') format('woff2'), url('/Content/webfont/webfont.woff') format('woff'), /* chrome、firefox */ url('/Content/webfont/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('/Content/webfont/webfont.svg#webfont') format('svg'); /* iOS 4.1- */ } .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } img { opacity: 1; transition: opacity 0.3s; } img[data-src] { opacity: 0; } /* Links ========================================================================== */ a { background: transparent; text-decoration: none; padding: 0; margin: 0; } dl dt{ display: inline-block; } dl dd{ display: inline-block; } textarea{ resize: none; outline:none; } input,select{vertical-align:middle;} input{outline:none;padding-left: 10px;box-sizing: border-box;} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;} a:active,a:hover { outline: 0; color: #007fc7;} /* HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } /* Text-level semantics ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } img{max-width:100%;max-height:100%;} /* Forms ========================================================================== */ button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; outline: none;} button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } button, input { padding: 0; border: 0; } /* Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } table-bordered { border: 1px solid #e5e5e5; border-collapse: separate; *border-collapse: collapse; border-left: 0; } td, th { padding: 0; } ul, ol { padding: 0; margin: 0; } li { list-style-type: none; padding: 0; margin: 0; } p { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, hr, dt, dd, dl { font-size: 12px; margin: 0; padding: 0; font-weight: normal; } em, i { font-style: normal; } /* Make HTML 5 elements display block-level for consistent styling */ header, nav, article, footer, address { display: block; } /* Public Class---------------------------------------------- */ .hide { display: none; } .show { display: block; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } .clear { clear: both; height: 0px; display: block; line-height: 0; margin: 0; padding: 0; _height: 0px; } .colwrapper { overflow: hidden; zoom: 1 /*for ie*/; margin: 5px auto; } .align_left { text-align: left!important; } .align_center { text-align: center!important; } .align_right { text-align: right!important; } .cursor { cursor: pointer; } .word-wrap { word-wrap: break-word; word-break: break-all; line-height: 18px; padding: 2px 0px; } .line_through { text-decoration: line-through; } .boxsizing { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .clearfix:after { display: block; content: ''; clear: both; visibility: hidden; } .in {word-spacing: -60px;display: inline-table; font-size: 0;} .in li{ display: inline-block; word-spacing: 0; } .in dd{ display: inline-block; word-spacing: 0; } .in a{ display: inline-block; word-spacing: 0; } .in div{ display: inline-block; word-spacing: 0; } .in span{ display: inline-block; word-spacing: 0; } /*height*/ .H5 { height:5px; } .H10 { height:10px; } .H15 { height:15px; } .H20 { height:20px; } .H25 { height:25px; } .H30 { height:30px; } .H40 { height:40px; } .H50 { height:50px; } .H60 { height:60px; } .H70 { height:70px; } .H80 { height:80px; } .H100 { height:100px !important; } .H150 { height:150px; } .H270 { height:270px; } .H360 { height:360px; } .H400 { height:400px; } /*width*/ .W220 { width:220px; } .W300 { width:300px; } .W660 { width:660px; } /*margin*/ .mt5 { margin-top:5px; } .mt10 { margin-top:10px; } .mt15 { margin-top:15px; } .mt20 { margin-top:20px; } .mt25 { margin-top:25px; } .mt30 { margin-top:30px; } .mt35 { margin-top:35px; } .mt40 { margin-top:40px; } .mt50 { margin-top:50px; } .mr10 { margin-right:10px; } .mr15 { margin-right:15px; } .mr20 { margin-right:20px; } .mr25 { margin-right:25px; } .mr30 { margin-right:30px; } .mr35 { margin-right:35px; } .mr40 { margin-right:40px; } .mr50 { margin-right:50px; } .mb10 { margin-bottom:10px; } .mb15 { margin-bottom:15px; } .mb20 { margin-bottom:20px; } .mb25 { margin-bottom:25px; } .mb30 { margin-bottom:30px; } .mb35 { margin-bottom:35px; } .mb40 { margin-bottom:40px; } .mb50 { margin-bottom:50px; } .ml10 { margin-left:10px; } .ml15 { margin-left:15px; } .ml20 { margin-left:20px; } .ml25 { margin-left:25px; } .ml30 { margin-left:30px; } .ml35 { margin-left:35px; } .ml40 { margin-left:40px; } .ml50 { margin-left:50px; } .ma { margin: 0 auto; } .ML0 { margin-left: 0px!important; } .MR0 { margin-right: 0px!important; } /*font-size*/ .font12 { font-size:12px; } .font14 { font-size:14px; } .font16 { font-size:16px; } .font18 { font-size:18px; } .font20 { font-size:20px; } .font24 { font-size:24px; } .font50 { font-size:50px; } /*font-weight*/ .weight300 { font-weight:300; } .weight400 { font-weight:400; } .weight500 { font-weight:500; } .weight600 { font-weight:600; } .weight700 { font-weight:700; } .weight-n { font-weight: normal; } .weight-bold { font-weight: bold } /*color*/ .c0 { color: #000000; } .c3 { color: #333333; } .c6 { color: #666666; } .c9 { color: #999999; } .cf { color: #ffffff; } .c-c { color: #faa013; } .c-l{ color: #007fc7; } /*线*/ .hr-dashed{ border: 1px dashed #cccccc; width: 100%; } /*布局*/ .flex { display: flex; } .f-w { flex-wrap: wrap; } .f-ai-c { align-items: center;} .f-jc-c { justify-content: center;} .f-jc-b { justify-content: space-between;} .f-jc-e { justify-content: flex-end;} .f-d-c { flex-direction: column; } /*行高*/ .lh24 { line-height: 24px; } .lh18 { line-height: 18px; } /*浮动*/ .float-l { float: left; } .float-r { float: right; } .inline-block { width: 100%; display: inline-block; } .border_bottom { border-bottom:1px solid #ff6a00; } .box {width:1200px; margin: 0 auto;} .word:after { content:"字"; visibility:hidden; } .word-hid { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .word-hid-line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; } * { box-sizing: border-box; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .keylight { color: red; font-weight: bold; } body { min-width: 1200px; min-height: 100%; background: #f0f0f0; } .z_wrap { width: 1200px; margin: 0 auto; } /*layui*/ .layui-layer { box-shadow: 0 0 0 rgba(0,0,0,0.3) !important; } /* 顶部广告 */ .head_ad .del { position: absolute; right: 40px; top: 15px; cursor: pointer; } /*head*/ .g_header .about-head { display: none; box-shadow: 0 2px 4px rgba(0, 0, 0,0.2); position: fixed; width: 100%; top: 0; z-index: 9999; padding: 10px; border: 0; } .g_header .iconbianzu65 { display: block; position: absolute; top: 0px; right: 0px; width: 25px; height: 16px; color: red; } .g_header .iconhuo { display: block; position: absolute; top: 0px; right: 5px; width: 25px; height: 16px; color: red; font-size: 22px !important; } .g_header .iconxin { display: block; position: absolute; top: 0px; right: 0px; width: 25px; height: 16px; color: #00AFE8; } #search { text-align: center; position: relative; } .autocomplete { border: 1px solid #9ACCFB; background-color: white; text-align: left; } .autocomplete li { list-style-type: none; padding: 10px; } .clickable { cursor: default; } .highlight { background-color: #9ACCFB; } .head_show_ca{ position: relative; } .head_show_ca:hover .head_ca { display: block; } .head_show_ca_link { width: 220px; height: 32px; line-height: 32px; background-color: #00AFE8; color: white; float: left; } .head_show_ca_link i { margin: 0 15px 0 20px; font-size: 14px; } .head_ca { top: 33px; height: 440px; position: absolute; z-index: 10; display: none; flex-wrap: wrap; } .head_ca_f { width: 220px; height: 100%; background-color: #ffffff; position: relative; padding: 10px 0; } .head_ca_f_item { width: 100%; height: 70px; color: #333333; display: flex; align-items: center; } .head_ca_f_item:hover { background-color: #EBEBEB; } .head_ca_f_item:hover .iconfont { color: #00afe8; } .head_ca_f_item:hover .head_ca_s_area{ display: flex; } .head_ca_f_item_wrap{ width: 100%; height:100%; padding: 12px 0 12px 20px; } .head_ca_f_item_wrap .main-cate { margin-bottom: 10px; } .head_ca_f_item_wrap .main-cate .nav_point { background-color: #999; width: 4px; height: 4px; border-radius: 50%; margin: 0 10px; display: inline-block; vertical-align: middle; } .head_ca_f_item_wrap .minor-cate { font-size: 12px; } .head_ca_f_item_wrap a { color: #333333; } .head_ca_f_item_wrap a:hover { color: #007FC7; } .head_ca_f_item_wrap .minor-cate a:nth-child(n+2) { margin-left: 15px; } .head_ca_s { width: 1020px; height: 100%; margin: 0 auto; font-size: 14px; display: flex; color: #666666; } .head_ca_s_area { height: 440px; background-color: white; display: none; position: absolute; top: 0; left: 220px; } .head_ca_s_content { width: 740px; height: 100%; padding: 20px; border-right: 1px solid #00AFE8; overflow: auto; overflow-y: hidden; } .head_ca_s_content a:hover { color: #00AFE8; } .head_ca_s_images { width: 240px; height: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: auto; overflow-y: hidden; } .head_ca_s_images img { width: 107.2px; height: 73.3px; cursor: pointer; } .head_ca_s_content:hover { overflow: auto; } .head_ca_s_item { font-size: 12px; display: flex; margin-bottom: 20px; } .head_ca_s_item-left { width: 120px; text-align: right; padding-right: 20px; font-weight: 600; border-right: 1px solid #999999; height: max-content; } .head_ca_s_item-right{ max-width: 570px; margin-left: 20px; border-bottom: 1px dashed #e6e6e6; } .head_ca_s_item-right a { color: #666666; margin: 0 20px 20px 0; display: inline-block; } .scrollbar { width: 10px; margin: 0 auto; } .head_ca_s_content::-webkit-scrollbar { /*滚动条整体样式*/ width: 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .head_ca_s_content::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #2EA7E0; } .head_ca_s_content::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed; } .wximg { position: relative; } .wximg:hover .wxcode { display: block; } .wxcode { position: absolute; width: 150%; left: -15px; background: #008acd; display: none; text-align: center; padding: 10px; top: 28px; } .wxcode img { margin-right: 0px; } .wxcode label { color: white; font-size: 12px; } /* s-首页banner */ .right_ul_wxImg { display: none; position: absolute; right: 130px; } .z_banner_box strong { color: #C8C810; font-size: 18px; } .z_banner_box .ind_part2 { width: 252px; height: 380px; background: rgba(255, 255, 255, .85); position: absolute; right: 50%; top: 50%; z-index: 2; margin-top: -190px; margin-right: -600px; padding: 20px 15px; } .z_banner_box .ind_part2 .p1 { text-align: center; padding-bottom: 15px; } .z_banner_box .ind_part2 .p1 a { display: inline-block; width: 102px; height: 33px; font-size: 16px; color: #fff; text-align: center; line-height: 33px; font-weight: bold; } .z_banner_box .ind_part2 .p1 a:nth-child(1) { background: #fa9a05; margin-right: 8px; } .z_banner_box .ind_part2 .p1 a:nth-child(2) { background: #0099cc; } .ind_tx { width: 53px; height: 53px; border-radius: 50%; overflow: hidden; margin: 17px auto 13px; } .ind_qd{ margin-top: 15px; } .ind_line { margin-top: 15px; color: #DDDDDD; } .wechat_img { position: absolute; right: 42px; bottom: 55px; z-index: 10; display: none; } .ind_order { margin-top: 20px; height: 40px; border: solid #30A7DF 1px; border-radius: 5px; line-height: 40px; text-align: center; } .ind_op { margin-top:20px; height: 55px; } .ind_op span a img{ height:100%; margin-right:30px; } .ind_order span { margin-right: 10px; } .z_banner_box { width: 100%; min-width: 1200px; height: 440px; position: relative; overflow-x: hidden; margin-bottom: 30px; } .z_banner { width: 1920px; height: 440px; position: absolute; left: 50%; margin-left: -960px; } .z_banner .swiper-wrapper { height: 440px; } .z_banner .swiper-wrapper img { width: 100%; height: 100%; object-fit: cover; } .z_banner_box .part2 { width: 240px; height: 430px; background-color: white; position: absolute; right: 50%; top: 5px; z-index: 2; margin-right: -600px; } .z_banner_box-part2-login{ text-align: center; } .z_banner_box-part2-welcome { line-height: 18px; font-size: 12px; } .z_banner_box-part2-username { color: #666666; font-size: 12px; } .z_banner_box-part2-kefu { padding: 25px 0; font-weight: 600; text-align: center; font-size: 12px; } .z_banner_box-part2-kefu .icon { margin: 15px 10px 0 0; font-size: 26px; } .z_banner_box-part2-kefu .iconweixin { margin: 15px 0 0 10px; font-size: 26px; color: #28C445; } .z_banner_box-part2-active { margin: 15px 0; } .z_banner_box-part2-active a { display: inline-block; width: 104px; height: 24px; font-size: 12px; text-align: left; background-color: #FFF1DC; color: #FCBD5A; border-radius: 50px; margin: 0 7px; } .z_banner_box-part2-active a:nth-child(1){ margin-right: 5px; } .z_banner_box-part2-active a:nth-child(2) { margin-left: 5px; } .z_banner_box-part2-active .icon { font-size: 24px; vertical-align: middle; } .z_banner_box-part2-active span { vertical-align: middle; } .z_banner_box-part2-order{ display: flex; justify-content: space-around; margin-bottom: 15px; font-size: 12px; } .z_banner_box-part2-order a { color: #333333; padding: 0 10px; } .z_banner_box-part2-order i { color: #FF0000; } .z_banner_box-part2-login-btn { padding: 20px 0; } .z_banner_box-part2-login-tn-l { border: 1px solid #FA9B05; border-radius: 4px; padding: 5px 32px; margin-right: 5px; color: #FA9B05; font-size: 12px; } .z_banner_box-part2-login-tn-l:hover { border: 1px solid #00AFE8; color: #00AFE8; } .z_banner_box-part2-login-tn-r { border: 1px solid #FA9B05; background-color: #FA9B05; border-radius: 4px; padding: 5px 32px; color: white; margin-left: 5px; font-size: 12px; } .z_banner_box-part2-login-tn-r:hover { border: 1px solid #00AFE8; background-color: #00AFE8; color: white; } .z_banner_box-part2-login-line { width: 240px; height: 2px; background: linear-gradient(270deg, #FFFFFF 0%, #DEDEDE 63%, #FFFFFF 100%); margin: 0 auto; } .z_banner_box-part2-show{ padding: 15px 0 18px 0; display: flex; justify-content: space-around; } .z_banner_box-part2-show-item { width: 52px; font-size: 12px; text-align: center; color: #666666; } .z_banner_box-part2-show-item p { line-height: 18px; margin-top: 7px; } .z_banner_box-part2-show-item i { font-size: 32px; margin-bottom: 4px; color: #FA9B05; } .z_banner_box-part2-news-line { width: 240px; height: 2px; background: linear-gradient(270deg, #FFFFFF 0%, #DEDEDE 63%, #FFFFFF 100%); position: relative; margin: 0 auto; } .z_banner_box-part2-news-line .label { text-align: center; width: 80px; position: absolute; top: -9px; margin-left: 80px; background-color: white; color: #333333; font-weight: 600; font-size: 14px; } .z_banner_box-part2-news{ margin-top: 23px; padding: 0 16px; font-size: 12px; } .z_banner_box-part2-news-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; } .z_banner_box-part2-news-item a { color: #666666; max-width: 174px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .z_banner_box-part2-news-item a:hover { color: #25A6E2; } .z_banner_box-part2-news-item span { color: #999999; } /* s-首页 */ .z_ind_section1 { margin-bottom: 30px; } .z_ind_section1 .part1 { float: left; width: 290px; height: 242px; background: #fff; margin-right: 10px; text-align: center; } .z_ind_section1 .part1 .p1 { text-align: center; padding-bottom: 15px; border-bottom: 1px solid #eeeeee; margin-bottom: 25px; } .z_ind_section1 .part1 .p1 img { display: inline-block; vertical-align: middle; margin-right: 15px; } .z_ind_section1 .part1 .p1 span { display: inline-block; vertical-align: middle; font-size: 24px; color: #6a6a6a; } .z_ind_section1 .part1 ul { padding: 0 25px 25px; border-bottom: 1px dashed #d9d9d9; margin-bottom: 20px; } .z_ind_section1 .part1 ul li { font-size: 16px; color: #afafaf; padding-left: 22px; background: url('/images/icon/z_icon05.png') no-repeat left center; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .z_ind_section1 .part1 .p2 { text-align: center; margin-bottom: 20px; } .z_ind_section1 .part1 .p2 img { display: inline-block; margin-right: 8px; } .z_ind_section1 .part1 .p2 span { display: inline-block; text-align: left; font-size: 14px; color: #afafaf; line-height: 26px; } .z_ind_section1 .part1 a.c_btn { display: block; width: 200px; height: 50px; background: #0099cc; font-size: 16px; color: #fff; text-align: center; line-height: 50px; margin: 0 auto; margin-top: 33px; font-weight: bold; } .z_ind_section1 .part2 { float: left; width: 444px; height: 242px; background: #fff; margin-right: 10px; text-align: center; } .z_ind_section1 .part2 .tt { text-align: center; margin-bottom: 25px; } .z_ind_section1 .part2 .tt span { display: inline-block; vertical-align: middle; font-size: 24px; color: #fa9a05; line-height: 42px; margin-right: 5px; } .z_ind_section1 .part2 .tt p { display: inline-block; vertical-align: middle; width: 400px; height: 42px; border: 2px solid #efefef; border-right: none; padding-left: 40px; background: url('/images/icon/z_icon04.png') no-repeat 10px center; } .z_ind_section1 .part2 .tt p input[type='text'] { width: 100%; height: 100%; } .z_ind_section1 .part2 .tt p ::-webkit-input-placeholder { /* WebKit browsers */ color: #d1d1d1; } .z_ind_section1 .part2 .tt p :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #d1d1d1; } .z_ind_section1 .part2 .tt p ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #d1d1d1; } .z_ind_section1 .part2 .tt p :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #d1d1d1; } .z_ind_section1 .part2 .tt input[type='button'] { display: inline-block; vertical-align: middle; width: 90px; height: 42px; background: #6a6a6a; text-align: center; line-height: 42px; font-size: 14px; color: #fff; margin-left: -7px; font-weight: bold; } .z_ind_section1 .part2 .tt button[type='submit'] { display: inline-block; vertical-align: middle; width: 90px; height: 42px; background: #999999; text-align: center; line-height: 42px; font-size: 14px; color: #fff; margin-left: -7px; font-weight: bold; } .z_ind_section1 .part2 .ul1 { overflow: hidden; } .z_ind_section1 .part2 .ul1 li { float: left; width: 49%; position: relative; height: 84px; padding: 0 15px 15px; padding-bottom: 0px; margin-bottom: 16px; background: #f9f9f9; } .z_ind_section1 .part2 .ul1 li:nth-child(n+3) { margin-bottom: 0; } .z_ind_section1 .part2 .ul1 li:nth-child(2n+2) { float: right; } .z_ind_section1 .part2 .ul1 li dl dt { font-size: 14px; color: #6a6a6a; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 200px; margin-bottom: 10px; line-height: 1; margin-top: 10px; } .z_ind_section1 .part2 .ul1 li dl dt span { color: #808080; font-weight: bold; } .z_ind_section1 .part2 .ul1 li dl dd { display: block; font-size: 12px; width: 200px; color: #afafaf; margin-bottom: 10px; line-height: 1; } .z_ind_section1 .part2 .ul1 li .tag { width: 60px; height: 100%; text-align: center; position: absolute; right: 0; top: 0px; border: 2px solid #f9f9f9; background: #fff; } .z_ind_section1 .part2 .ul1 li .tag:before { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #fff; border-bottom: 6px solid transparent; position: absolute; top: 50%; left: 0; margin-top: -3px; } .z_ind_section1 .part2 .ul1 li .tag img { display: block; margin: 0 auto; margin-bottom: 8px; margin-top: 20px; } .z_ind_section1 .part2 .ul1 li .tag em { font-size: 12px; color: #6a6a6a; } .z_ind_section1 .part2 .ul2 { overflow: hidden; } .z_ind_section1 .part2 .ul2 li { float: left; width: 50%; padding: 0 15px 15px; padding-bottom: 0; line-height: 1; } .z_ind_section1 .part2 .ul2 li a { font-size: 14px; color: #6a6a6a; overflow: hidden; } .z_ind_section1 .part2 .ul2 li a span:nth-child(1) { display: inline-block; width: 215px; padding-left: 12px; background: url('/images/icon/z_icon08.png') no-repeat left center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 28px; } .z_ind_section1 .part2 .ul2 li:hover a span:nth-child(1) { color: #faa116; } .z_ind_section1 .part2 .ul2 li a span:nth-child(2) { float: right; color: #afafaf; line-height: 28px; } .z_ind_section1 .part2 .ul2 li a span:nth-child(2) em { color: #faa015; } .z_ind_section1 .part3 { float: left; height: 242px; text-align: center; background: #fff; } .z_ind_section1 .part3 .p1 { width: 100%; height: 42px; background: #f7f7f7; line-height: 42px; padding: 0 15px; } .z_ind_section1 .part3 .p1 span { font-size: 14px; color: #6a6a6a; font-weight: bold; } .z_more_btn { font-size: 12px; color: #fa9a05; } .z_more_btn:hover { color: #00AFE8; } .z_ind_section0 { margin-bottom: 40px; } .z_ind_section0 .tt { margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; } .point { width: 12px; height: 12px; background-color: #00AFE8; position: relative; border-radius: 50%; border: 2px solid white; } /* 设置动画前颜色 */ .point-flicker:after { background-color: #00AFE8; } /* 设置动画后颜色 */ .point-flicker:before { background-color: rgba(0, 175, 232, 0.2); } /* 设置动画 */ .point-flicker:before, .point-flicker:after { content: ''; width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; border-radius: 50%; animation: warn 1s ease-out 0s infinite; } @keyframes warn { 0% { transform: scale(0.5); opacity: 1; } 30% { opacity: 1; } 100% { transform: scale(1.4); opacity: 0; } } .z_ind_section0 .tt { margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; } .z_ind_section1 .part3 .ul1 { overflow: hidden; } .z_ind_section1 .part3 .ul1 li { float: left; width: 50%; padding: 15px; border-bottom: 1px dashed #d9d9d9; } .z_ind_section1 .part3 .ul1 li span { display: block; } .z_ind_section1 .part3 .ul1 li span:nth-child(1) { font-size: 14px; color: #6a6a6a; margin-bottom: 5px; } .z_ind_section1 .part3 .ul1 li span:nth-child(2) { font-size: 12px; color: #afafaf; margin-bottom: 5px; } .z_ind_section1 .part3 .ul1 li span:nth-child(3) { font-size: 12px; color: #666; } .z_ind_section1 .part3 .ul1 li span:nth-child(3) em { font-size: 16px; color: #6a6a6a; font-weight: bold; } .z_ind_section1 .part3 .ul2 { padding: 17px 15px; } .z_ind_section1 .part3 .ul2 li { margin-bottom: 14px; } .z_ind_section1 .part3 .ul2 li span:nth-child(1) { font-size: 14px; color: #6a6a6a; width: 250px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 15px; background: url('/images/icon/z_icon08.png') no-repeat left center; } .z_ind_section1 .part3 .ul2 li span:nth-child(2) { font-size: 12px; color: #b5b5b6; float: right; } .tt h2 { font-size: 20px; font-weight: bold; } .tt h2 .icondabiaotizhuangshi { font-size: 20px; color: #FA9A05; margin-right: 4px; } .z_ind_section2 { margin-bottom: 40px; } .z_ind_section2 .tt { margin-bottom: 30px; } .z_ind_section2 .content { display: flex; justify-content: space-between; } .z_ind_section2 .content .img { float: left; width: 290px; height: 120px; } .z_ind_section3 { margin-bottom: 30px; } .z_ind_section3 .tt { overflow: hidden; line-height: 30px; margin-bottom: 10px; } .z_ind_section3 .tt span { float: left; font-size: 24px; color: #6a6a6a; margin-right: 35px; } .z_ind_section3 .tt ul { float: left; overflow: hidden; } .z_ind_section3 .tt ul li { float: left; margin-right: 15px; } .z_ind_section3 .tt ul li a { font-size: 12px; color: #666; } .z_ind_section3 .tt ul li.active a { color: #fa9a05; } .z_ind_section3 .content ul { overflow: hidden; margin-left: -6px; margin-right: -7px; } .z_ind_section3 .content ul li { float: left; width: 290px; height: 240px; border: 1px solid #ebebeb; background: #fff; padding: 5px; margin: 0 7px 15px 6px; } .z_ind_section3 .content ul li .img { float: left; width: 100%; height: 120px; margin-right: 10px; background: #f6f6f6; } .z_ind_section3 .content ul li .txt { float: left; padding-top: 20px; width: 100%; text-align:center; } .z_ind_section3 .content ul li .txt .p1 { font-size: 16px; font-weight:bold; color: #6a6a6a; margin-bottom: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:100%; } .z_ind_section3 .content ul li .txt .p2 { width: 180px; margin-left: 44px; margin-bottom: 15px; font-size: 16px; font-weight: bold; color: #FF4400; padding-left: 22px; background: url('/images/icon/时间 (1).png') no-repeat left center; } .z_ind_section3 .content ul li .txt .p2 i { color: #FF4400; } .z_ind_section3 .content ul li .txt .p2 em { color: #FF4400; margin: 0 1px; } .z_ind_section4 { margin-bottom: 40px; } .z_ind_section4 .tt { margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; } .z_ind_section4 .content { background: #fff; } .z_ind_section4 .content ul { padding: 15px 14px 3px; margin: 0 -6px; display: inline-block; } .z_ind_section4 .content ul li { float: left; margin: 0 6px 16px; display: block; transition: transform 0.25s ease; z-index: 10; } .evenflow * { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .evenflow:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .evenflow_scale:hover { position: relative; transform: scale(1.25,1.25); z-index: 99; } .purchas-process { margin-bottom: 60px; } .purchas-process .tt { margin-bottom: 30px; } .purchas-process .purchas-process-box{ height: 227px; width: 100%; background-color: white; display: flex; justify-content: space-around; align-items: center; } .purchas-process .purchas-process-box .purchas-process-box-item { height: 147px; width: 200px; display: flex; flex-direction: column-reverse; align-items: center; color: #666666; font-size: 24px; } .purchas-process-box-item_xunjia { background: url(/images/img/index-cg-1.png) no-repeat; background-position: center; } .purchas-process-box-item_baojia { background: url(/images/img/index-cg-2.png) no-repeat; background-position: center; } .purchas-process-box-item_xiadan { background: url(/images/img/index-cg-3.png) no-repeat; background-position: center; } .purchas-process .purchas-process-box .iconliucheng { font-size: 34px; color: #CCCCCC; } .tt_h5 { text-align: center; position: relative; } .tt_h5:before { content: ''; width: 100%; height: 1px; background: #cfcfcf; position: absolute; top: 50%; left: 0; } .tt_h5 span { display: inline-block; font-size: 24px; color: #666; padding: 0 20px; background: #f0f0f0; z-index: 999; position: relative; } /* e-首页 */ /* s-最新采购 */ .z_crumbs { width: 100%; height: 50px; line-height: 50px; } .z_crumbs dl { font-size: 12px; color: #999; } .z_crumbs dl dt { float: left; } .z_crumbs dl dd { float: left; padding: 0 5px; } .z_crumbs dl .cur{ font-weight: 700; } .z_crumbs dl dd a { padding-right: 5px; } .z_crumbs dl dd:after { content: ">" } .z_crumbs dl dd:last-child a { background: none; } .cate-bread { position: relative; display: inline-block; height: 24px; line-height: 24px; } .bread-title { border: 1px solid #ddd; padding: 0 20px 0 10px; background-color: #ffffff; z-index: 8; position: relative; } .cate-bread:hover .bread-title { border: 1px solid #00AFE8; border-bottom: none; z-index: 99; } .bread-content { display: none; position: absolute; left: 0; top: 24px; border: 1px solid #00AFE8; width: 330px; background: #ffffff; padding: 10px; z-index: 9; } .cate-bread:hover .bread-content{ display: inline-block; } .bread-content a{ display: inline-block; width: 100px; } .bread-content .bread-curr { color: #ababab; } .cate-bread .bread-title .bread-dot { position: absolute; right: 8px; top: 7px; color: #000; width: 6px; height: 6px; border-bottom: 1px solid #999; border-right: 1px solid #999; transform: rotateZ( 45deg ); -webkit-transform: rotateZ( 45deg ); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); } .cate-bread:hover .bread-title .bread-dot { position: absolute; right: 8px; top: 10px; color: #000; width: 6px; height: 6px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 0; border-right: 0; transform: rotateZ( 45deg ); -webkit-transform: rotateZ( 45deg ); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); } .z_lp_section1 { width: 100%; height: 70px; margin-bottom: 0px; } .z_lp_section1 .z_wrap { background: #fff; padding: 20px; } .z_lp_section1 dl { float: left; overflow: hidden; line-height: 30px; margin-right: 15px; } .z_lp_section1 dl dt { float: left; font-size: 12px; color: #666; } .z_lp_section1 dl dd { float: left; } .z_lp_section1 dl dd input[type='text'] { width: 140px; height: 25px; border: 1px solid #d9d9d9; background: #f0f0f0; padding: 0 8px; font-size: 12px; } .z_lp_section1 dl dd select { width: 118px; height: 25px; background: #f0f0f0; font-size: 12px; color: #999999; } .z_lp_section1 ul { float: right; overflow: hidden; } .z_lp_section1 ul li { float: left; width: 90px; height: 30px; line-height: 28px; text-align: center; margin-left: 20px; } .z_lp_section1 ul li a { display: block; } .z_lp_section1 ul li img { display: inline-block; vertical-align: middle; } .z_lp_section1 ul li span { display: inline-block; vertical-align: middle; font-size: 14px; color: #fff; } .z_lp_section1 ul li.z_btn1 { background: #0099cc; } .z_lp_section1 ul li.z_btn2 { background: #d8d7d7; } .z_lp_section1 ul li.z_btn2 span { font-size: 14px; color: #666; } .z_lp_section2 { width: 100%; margin-bottom: 2px; } .z_lp_section2 a{ color: black; } .z_lp_section2 .z_wrap { height: auto; } .z_lp_section2 .tt { height: 40px; overflow: hidden; padding: 5px 20px; padding-left: 40%; padding-bottom: 0; border-bottom: 1px solid #d9d9d9; } .z_lp_section2 .tt ul { overflow: hidden; float: left; } .z_lp_section2 .tt ul li { float: left; margin-left:20px; } .z_lp_section2 .tt ul li a { display: block; height: 30px; padding: 0 15px; font-size: 14px; color: #b1b1b1; text-align: center; line-height: 30px; } .z_lp_section2 .tt p { float: right; } .z_lp_section2 .tt p a { display: block; height: 30px; padding: 0 15px; font-size: 14px; color: #fff; padding-right: 15px; background: #fa9a05; line-height: 30px; text-align: center; } .z_lp_section2 .content li { width: 100%; height: 120px; line-height: 20px; background: #fff; } .z_lp_section2 .content li span { float: left; text-align: center; color: #b1b1b1; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 12px; } /*.z_lp_section2 .content li span:nth-child(1) { width: 120px; }*/ /*.z_lp_section2 .content li span:nth-child(2) { width: 180px; }*/ /*.z_lp_section2 .content li span:nth-child(3) { width: 60px; }*/ /*.z_lp_section2 .content li span:nth-child(4) { width: 180px; }*/ /*.z_lp_section2 .content li span:nth-child(5) { width: 108px; color: #faa015; }*/ /*.z_lp_section2 .content li span:nth-child(6) { width: 108px; }*/ /*.z_lp_section2 .content li span:nth-child(7) { width: 108px; }*/ /*.z_lp_section2 .content li span:nth-child(8) { width: 108px; }*/ .z_lp_section2 .content li span:nth-child(9) { width: 108px; } .z_lp_section2 .content li span:nth-child(10) { width: 120px; } .z_lp_section2 .content li span:nth-child(10) a { display: inline-block; height: 30px; padding: 0px 15px; line-height: 30px; background: #d8d7d7; } .z_lp_section2 .content li span.span1 { width: 120px; color: #6a6a6a; } .z_lp_section2 .content li span.span2 { color: #6a6a6a; width: 180px; } .z_lp_section2 .content li span.span3 { width: 60px; color: #6a6a6a; } .z_lp_section2 .content li span.span4 { width: 180px; color: #6a6a6a; } .z_lp_section2 .content li span.span5 { width: 108px; color: #6a6a6a; } .z_lp_section2 .content li span.span6 { width: 108px; color: #6a6a6a; } .z_lp_section2 .content li span.span7 { width: 108px; color: #6a6a6a; } .z_lp_section2 .content li span.span8 { width: 108px; color: #6a6a6a; } .z_lp_section2 .content li span.span9 { width: 108px; color: #6a6a6a; } .z_lp_section2 .content li span.span10 { width: 120px; color: #6a6a6a; } .z_lp_section2 .content li span.span10 a { display: inline-block; height: 30px; padding: 0px 15px; line-height: 30px; background: #d8d7d7; color: #6a6a6a; } .z_lp_section2 .content li.th { background: #E5E5E5; height: 43px; } .z_lp_section2 .content li.th span { color: #999999; font-weight: bold; } /*.z_lp_section2 .content li.th span.span5 { color: #999999; }*/ .z_lp_section2 .content li.odd { background: #f6f5f5; } .z_lp_section2 .content li span:nth-child(10) a:hover { background: #fa9a05; color: #fff; } .z_lp_section2 .content li span.span10 a:hover { background: #fa9a05; color: #fff; } .z_lp_section3 { margin-bottom: 30px; } .z_lp_section3 .ff { width: 100%; height: 50px; line-height: 50px; background: #fff; } .z_lp_section3 .ff p { text-align: center; font-size: 14px; color: #8b8b8b; } .z_lp_section3 .ff p a.a1 { color: #fa9a05; text-decoration: underline; } .z_lp_section3 .ff p a.a2 { color: #0099cc; text-decoration: underline; font-size: 12px; } .z_lp_section3 .ff em { font-size: 12px; } /* e-最新采购 */ /* s-搜现货(乐利现货) */ .z_ss_section2 { } .z_ss_section2 .content li { position: relative; } .z_ss_section2 .content span.th-span1 { width: 280px; text-align: left; margin: 10px 0 10px 10px; } .z_ss_section2 .content span.th-span2 { width: 110px; font-size: 14px; margin: 10px 0; } .z_ss_section2 .content span.th-span3 { width: 100px; font-size: 14px; margin: 10px 0; } .z_ss_section2 .content span.th-span4 { width: 190px; font-size: 14px; font-weight: bold; margin: 10px 0; } .z_ss_section2 .content span.th-span5 { width: 160px; color: #B1B1B1; font-size: 14px; margin: 10px 0; } .z_ss_section2 .content span.th-span6 { display: block; float: left; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 130px; font-size: 14px; margin: 10px 0; } .z_ss_section2 .content span.th-span7 { width: 80px; font-size: 14px; margin: 10px 0; } .z_ss_section2 .content span.th-span8 { width: 130px; text-align: center; font-size: 14px; margin: 10px 0; } .z_ss_section2 .content li span.span1 { width: 280px; text-align: left; margin: 10px 0; display: flex; flex-wrap: wrap; } .z_ss_section2 .content li span.span2 { width: 110px; font-size: 14px; margin: 10px 0; line-height: 80px; } .z_ss_section2 .content li span.span3 { width: 100px; height: 80px; font-size: 14px; margin: 10px 0; display: flex; align-items: center; justify-content: center; } .z_ss_section2 .content li span.span4 { width: 190px; font-size: 14px; font-weight: bold; margin: 10px 0; } .z_ss_section2 .content li span.span5 { width: 160px; height: 80px; color: #B1B1B1; font-size: 14px; margin: 10px 0; display: flex; align-items: center; justify-content: center; } .z_ss_section2 .content li span.span6 { display: block; float: left; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 130px; height: 80px; font-size: 14px; margin: 10px 0; display: flex; align-items: center; justify-content: center; } .z_ss_section2 .content li span.span7 { width: 80px; height: 80px; font-size: 14px; margin: 10px 0; display: flex; align-items: center; justify-content: center; } .z_ss_section2 .content li span.span8 { width: 130px; text-align: center; font-size: 14px; margin: 10px 0; } .z_ss_section2 .content li span.span1 .goods_img { margin-right: 3px; height: 80px; width: 80px; } .z_ss_section2 .content li span.span1 .info { width: 177px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .z_ss_section2 .content li span.span1 .flag-box img { margin-right: 3px; cursor: pointer; height: 16px; } .z_ss_section2 .content li span.span4 .mall_dis_prices { height: 80px; display: flex; align-items: center; justify-content: center; } .z_ss_section2 .content li span.span4 b { font-size: 10px; color: #E38A5F; } .z_ss_section2 .content li span.span5 div { text-align: left; } .z_ss_section2 .content li span.span5 img { margin-right: 5px; vertical-align: middle; } .z_ss_section2 .content li span.span5 b { color: black; font-weight: normal; } input[name='jian'] { width: 30px; height: 30px; border: 1px solid #d7d7d7; border-right: none !important; background: url('/images/icon/z_icon19_1.png') no-repeat center; } input[name='jia'] { width: 30px; height: 30px; margin-left: -4px; border: 1px solid #d7d7d7; border-left: none !important; background: url('/images/icon/z_icon19_2.png') no-repeat center; } input[name='txtnum'] { width: 45px; height: 30px; border: 1px solid #D7D7D7; background: #FFFFFF; text-align: center; margin-left: -4px; } .z_ss_section2 .content li span.span7 a { color: #b1b1b1; font-size: 14px; margin: 10px 0; } .z_ss_section2 .content li span.span7 img { display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -3px; } .z_ss_section2 .content li span.span8 a { height: 30px; line-height: 30px; display: block; background: #D8D7D7; font-size: 12px; } .z_ss_section2 .content li span.span8 a img { display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 5px; } .z_ss_section2 .pop_content { width: 1180px; height: auto; background: #fff; border: 2px solid #fa9b08; position: absolute; top: 50px; left: 10px; z-index: 2; display: none; } .z_ss_section2 .pop_content dl { width: 100%; height: 40px; background: #fff; overflow: hidden; line-height: 40px; } .z_ss_section2 .pop_content dl dd { display: block; float: left; color: #b1b1b1; text-align: center; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .z_ss_section2 .pop_content dl dd.dd1 { width: 180px; color: #6a6a6a; } .z_ss_section2 .pop_content dl dd.dd2 { width: 140px; } .z_ss_section2 .pop_content dl dd.dd3 { width: 150px; } .z_ss_section2 .pop_content dl dd.dd4 { width: 260px; overflow: hidden; } .z_ss_section2 .pop_content dl dd.dd5 { width: 170px; } .z_ss_section2 .pop_content dl dd.dd6 { width: 276px; } .z_ss_section2 .pop_content dl dd.dd1 img { display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 10px; } .z_ss_section2 .pop_content dl dd.dd2 a { color: #fa9a05; font-weight: bold; } .z_ss_section2 .pop_content dl dd.dd4 input { display: inline-block; vertical-align: middle; } .z_ss_section2 .pop_content dl dd.dd4 input[type='text'] { width: 45px; height: 30px; border: 1px solid #d7d7d7; background: #fff; text-align: center; margin-left: -4px; } .z_ss_section2 .pop_content dl dd.dd4 input[type='button'] { width: 30px; height: 30px; border: 1px solid #d7d7d7; } .z_ss_section2 .pop_content dl dd.dd4 .aug { background: url('/images/icon/z_icon19_1.png') no-repeat center; border-right: none !important; } .z_ss_section2 .pop_content dl dd.dd4 .sub { background: url('/images/icon/z_icon19_2.png') no-repeat center; margin-left: -4px; border-left: none !important; margin-right: 20px; } .z_ss_section2 .pop_content dl dd.dd4 a { display: inline-block; color: #b1b1b1; } .z_ss_section2 .pop_content dl dd.dd4 a em { color: #fa9a05; font-weight: bold; } .z_ss_section2 .pop_content dl dd.dd6 a { display: inline-block; padding: 0 15px; height: 30px; color: #fff; background: #ccc; border-radius: 4px; text-align: center; line-height: 30px; margin-left: 10px; } .z_ss_section2 .pop_content dl dd.dd6 a:hover { background: #fa9b08; } .z_lp_section4 .z_wrap { height: 70px; text-align: center; margin-top: 70px; } .z_lp_section4 .z_sec1 { display: inline-block; vertical-align: middle; margin-right: 10px; } .z_lp_section4 .z_sec1 img { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 8px; } .z_lp_section4 .z_sec1 span { display: inline-block; vertical-align: middle; font-size: 28px; color: #fa9a05; } .z_gm_search { display: inline-block; vertical-align: middle; margin: 0 30px; } .z_gm_search input[type='text'] { float: left; width: 580px; height: 40px; border: 1px solid #dcdcdc; border-right: none; padding: 0 30px 0 35px; background: #fff url('/images/icon/z_icon04.png') no-repeat 8px center; } .z_gm_search input[type='button'] { float: left; width: 90px; height: 40px; font-size: 14px; color: #fff; background: #fa9b08; } .z_gm_search button[type='submit'] { float: left; width: 90px; height: 40px; font-size: 14px; color: #fff; background: #fa9b08; } .z_online { display: inline-block; vertical-align: middle; width: 138px; height: 40px; line-height: 38px; border: 1px solid #fa9b08; border-radius: 7px; } .z_online img { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 5px; } .z_online span { display: inline-block; vertical-align: middle; font-size: 14px; color: #fa9a05; } /* e-搜现货(乐利现货) */ /* s-搜现货(特价现货) */ .z_ss_part { width: 100%; padding-bottom: 25px; background: #f0f0f0; } .z_ss_part:first-child { padding-top: 20px; } .z_ss_part .title { width: 100%; height: 30px; line-height: 30px; padding-left: 20px; background: url('/images/icon/z_icon21.png') no-repeat left center; margin-bottom: 15px; } .z_ss_part .title span { font-size: 20px; color: #4c4c4c; } .z_ss_part .img { float: left; width: 780px; height: 324px; } .z_ss_part .txt { float: right; width: 405px; height: 324px; background: #fff; text-align: center; padding: 25px 60px; } .z_ss_part .txt h5 { font-size: 20px; color: #444; margin-bottom: 15px; } .z_ss_part .txt .p1 { font-size: 14px; color: #949494; margin-bottom: 13px; text-align: left; line-height: 30px; } .z_ss_btn { display: inline-block; width: 136px; height: 38px; background: #fa9a05; font-size: 14px; color: #fff; text-align: center; line-height: 38px; margin-bottom: 15px; } .z_ss_btn1 { display: inline-block; width: 136px; height: 38px; background: #CACACA; font-size: 14px; color: #fff; text-align: center; line-height: 38px; margin-bottom: 15px; } .z_ss_part .txt .p2 { font-size: 14px; color: #fa9a05; } .z_ss_part .txt .p2 p { display: inline-block; margin-left: 5px; } /* e-搜现货(特价现货) */ /* s-搜现货(特价现货进入页面) */ .z_ssl_part { padding-top: 0px !important; } .z_ssl_part .txt .p3 { font-size: 22px; } /* e-搜现货(特价现货进入页面) */ /* s-特价产品购买页面 */ .z_pd_section1 { } .z_pd_section1 .z_wrap { background: #fff; } .z_pd_section1 .img { float: left; width: 450px; background: #fff; padding: 20px; } .z_pd_section1 .txt { float: right; width: 750px; padding: 20px; } .z_pd_section1 .txt h5 { font-size: 25px; color: #333; font-weight: bold; margin-bottom: 10px; } .z_pd_section1 .txt .p1 { font-size: 13px; color: #7d7d7d; margin-bottom: 10px; } .z_pd_section1 .txt .p1 span { color: #fa9a05; } .z_pd_section1 .txt .z_price { width: 610px; height: 90px; background: #f8f8f8; padding: 15px; position: relative; margin-bottom: 15px; } .z_pd_section1 .txt .z_price .span1 { display: block; font-size: 13px; color: #7d7d7d; margin-bottom: 5px; } .z_pd_section1 .txt .z_price .span1 s { margin-left: 37px; } .z_pd_section1 .txt .z_price .span2 { display: block; font-size: 13px; color: #7d7d7d; } .z_pd_section1 .txt .z_price .span2 em { font-size: 30px; color: #ff4400; margin: 0 6px 0 20px; font-weight: bold; } .z_pd_section1 .txt .z_price .span2 i { display: inline-block; padding: 2px 8px; font-size: 12px; color: #fff; background: #fa9a05; } .z_pd_section1 .txt .z_price .span3 { display: block; font-size: 22px; color: #fa9a05; position: absolute; right: 20px; top: 20px; } .z_pd_section1 .txt .z_div1 ul { overflow: hidden; } .z_pd_section1 .txt .z_div1 ul li { float: left; width: 50%; font-size: 13px; color: #7d7d7d; margin-bottom: 10px; } .z_pd_section1 .txt .z_div2 { margin-bottom: 10px; } .z_pd_section1 .txt .z_div2 p span { display: inline-block; vertical-align: middle; font-size: 13px; color: #7d7d7d; margin-right: 36px; } .z_pd_section1 .txt .z_div2 p em { display: inline-block; vertical-align: middle; font-size: 12px; color: #b9b9b9; } .z_pd_section1 .txt .z_div2 input[type='text'] { display: inline-block; vertical-align: middle; width: 45px; height: 30px; border: 1px solid #d7d7d7; background: #fff; text-align: center; margin-left: -4px; } .z_pd_section1 .txt .z_div2 input[type='button'] { display: inline-block; vertical-align: middle; width: 30px; height: 30px; border: 1px solid #d7d7d7; } .z_pd_section1 .txt .z_div2 .aug { background: url('/images/icon/z_icon19_1.png') no-repeat center; border-right: none !important; } .z_pd_section1 .txt .z_div2 .sub { background: url('/images/icon/z_icon19_2.png') no-repeat center; margin-left: -4px; border-left: none !important; margin-right: 20px; } .z_pd_section1 .txt .z_div3 { margin-bottom: 10px; } .z_pd_section1 .txt .z_div3 a { margin: 20px 0; } .z_pd_section1 .txt .z_div3 .a1 { display: inline-block; width: 138px; height: 40px; background: #ffe4d0; border: 1px solid #f9d69f; font-size: 14px; color: #fa9a05; text-align: center; line-height: 40px; font-weight: bold; margin-right: 8px; } .z_pd_section1 .txt .z_div3 .a2 { display: inline-block; width: 182px; height: 40px; background: #fa9a05; font-size: 14px; color: #fff; font-weight: bold; text-align: center; line-height: 40px; } .z_pd_section1 .txt .z_div3 .a2 img { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 5px; } .z_pd_section1 .txt .z_div3 p { font-size: 14px; color: #7d7d7d; margin-top: 10px; } .z_pd_section1 .txt .z_div3 p span { font-size: 12px; color: #b9b9b9; margin-left: 15px; } .z_pd_section1 .txt .z_div4 { } .z_pd_section1 .txt .z_div4 span { font-size: 14px; color: #666; } .z_pd_section1 .txt .z_div4 img { display: inline-block; vertical-align: middle; margin-left: 10px; } .z_pd_section1 .img .z_show { background: #f8f8f8; padding: 20px; } .z_pd_section1 .img .z_show img { width: 100%; height: 100%; } .z_pd_section1 .img .z_slider { overflow: hidden; width: 100%; height: 66px; position: relative; } .z_pd_section1 .img .z_slider ul { width: 9999px; } .z_pd_section1 .img .z_slider ul li { float: left; margin-right: 7px; width: 66px; height: 66px; } .z_pd_section1 .img .z_slider_show { width: 360px; height: 66px; margin: 0 auto; } .z_pd_section1 .img .z_slider ul li.active { border: 2px solid #fa9a05; } .z_pd_section1 .img .z_slider ul li:hover { border: 2px solid #fa9a05; } .z_pd_section1 .img .z_slider .z_btn { position: absolute; top: 0; } .z_pd_section1 .img .z_slider .z_prev { left: 0; } .z_pd_section1 .img .z_slider .z_next { right: 0; } .z_pd_section2 { margin-bottom: 40px; } .z_pd_section2 .z_wrap { background: #fff; } .z_pd_sec1 { float: left; width: 215px; min-height: 500px; border-right: 1px solid #ececec; } .z_pd_sec1 .p1 { width: 100%; height: 40px; background: #0099cc; line-height: 40px; padding: 0 10px; } .z_pd_sec1 .p1 span { font-size: 14px; color: #fff; } .z_pd_sec1 .p1 a { font-size: 12px; color: #fff; float: right; } .z_pd_sec1 ul li { width: 100%; padding: 15px 10px; } .z_pd_sec1 ul li .img { float: left; width: 75px; height: 75px; } .z_pd_sec1 ul li .txt { float: left; width: 119px; height: 75px; } .z_pd_sec1 ul li .txt .span1 { display: block; font-size: 20px; color: #fa9a05; margin-bottom: 5px; } .z_pd_sec1 ul li .txt .span2 { display: block; font-size: 12px; color: #7d7d7d; margin-bottom: 5px; } .z_pd_sec1 ul li .txt .span3 { display: block; font-size: 12px; color: #666; } .z_pd_sec1 ul li .data { clear: both; text-align: center; padding: 8px 0; } .z_pd_sec1 ul li .data img { display: inline-block; vertical-align: middle; margin-right: 5px; } .z_pd_sec1 ul li .data span { font-size: 12px; color: #999; } .z_pd_sec1 ul li .data span em { color: #fa9a05; margin: 0 1px; } .z_pd_sec2 { float: left; width: 985px; min-height: 500px; } .z_pd_sec2 .ul1 { overflow: hidden; line-height: 40px; background: #f4f4f4; } .z_pd_sec2 .ul1 li { float: left; width: 100px; height: 40px; } .z_pd_sec2 .ul1 li a { display: block; font-size: 13px; color: #a0a0a0; text-align: center; line-height: 40px; } .z_pd_sec2 .ul1 li.active a { background: #fff; border-top: 2px solid #fa9a05; } .z_pd_sec2 .ul1 li:hover a { background: #fff; border-top: 2px solid #fa9a05; } .z_pd_sec2 .z_div1 { width: 100%; line-height: 1; margin-top: 25px; margin-bottom: 45px; } .z_pd_sec2 .z_div1 p { overflow: hidden; } .z_pd_sec2 .z_div1 p span { float: left; width: 50%; font-size: 14px; color: #666; padding-left: 30px; } .z_pd_sec2 .z_div1 p span em { color: #0099cc; } .z_pd_sec2 .z_div2 { padding: 0 20px; margin-bottom: 40px; } .z_pd_sec2 .z_div2 h5 { border-bottom: 5px solid #ebebeb; padding-bottom: 5px; margin-bottom: 15px; } .z_pd_sec2 .z_div2 h5 span { font-size: 22px; color: #0099cc; font-weight: bold; border-bottom: 5px solid #0099cc; padding-bottom: 5px; } .z_pd_sec2 .z_div2 h5 em { font-size: 16px; color: #0099cc; margin-left: 10px; } .z_pd_sec2 .z_div2 img { margin: 0 auto; } .z_pd_sec2 .z_div3 h6 { margin-bottom: 15px; } .z_pd_sec2 .z_div3 h6 span { font-size: 18px; color: #070707; padding-left: 10px; background: url('/images/icon/z_icon28.png') no-repeat left 5px; } .z_pd_sec2 .z_div3 h6 em { font-size: 18px; color: #9fd3e4; margin-left: 10px; } .z_pd_sec2 .z_div3 dl { padding-left: 15px; margin-bottom: 15px; } .z_pd_sec2 .z_div3 dl dt { font-size: 14px; color: #575757; margin-bottom: 10px; display: block; font-weight: bold; } .z_pd_sec2 .z_div3 dl dd { font-size: 14px; color: #6c6c6c; line-height: 30px; padding-left: 15px; background: url('/images/icon/z_icon26.png') no-repeat left 11px; } /* e-特价产品购买页面 */ /* s-特价产品客户留言页面 */ .z_pd_dl { padding: 0 50px; } .z_pd_ul li { border-bottom: 1px solid #d9d9d9; padding-bottom: 15px; margin-bottom: 15px; } .z_pd_ul li p { font-size: 13px; color: #575757; line-height: 28px; margin-bottom: 5px; } .z_pd_ul li span.data { font-size: 12px; color: #cecece; } .z_pd_dt { width: 100%; padding: 20px 0; border-bottom: 1px dashed #d9d9d9; margin-bottom: 20px; } .z_pd_dt img { margin: 0 auto; } /* e-特价产品客户留言页面 */ /* s-我要抢单 */ .z_lp2_section1 { margin-bottom: 30px; } .z_lp2_div { display: inline-block; margin-left: 40px; } .z_lp2_div input[type='text'] { display: inline-block; vertical-align: middle; width: 330px; height: 30px; border: 1px solid #d9d9d9; text-indent: 10px; } .z_lp2_div input[type='button'] { display: inline-block; vertical-align: middle; width: 90px; height: 30px; background: #0099cc; font-size: 14px; color: #fff; } .z_lp2_ul li span.span1 { width: 120px !important; } .z_lp2_ul li span.span2 { width: 70px !important; } .z_lp2_ul li span.span3 { width: 110px !important; } .z_lp2_ul li span.span4 { width: 90px !important; } .z_lp2_ul li span.span5 { width: 90px !important; } .z_lp2_ul li span.span6 { width: 120px !important; } .z_lp2_ul li span.span7 { width: 70px !important; } .z_lp2_ul li span.span8 { width: 100px !important; } .z_lp2_ul li span.span9 { width: 100px !important; } .z_lp2_ul li span.span10 { width: 180px !important; color: #666666; } .z_lp2_ul li span.span11 { width: 150px !important; } .z_lp2_ul li span.span11 a { display: inline-block; padding: 0 10px; height: 30px; background: #d8d7d7; line-height: 30px; } .z_lp2_ul li span.span11 a:hover { color: #fff; background: #fa9a05; } /* e-我要抢单 */ /* s-我要抢单详情页 */ .z_lpd_section { margin-bottom: 30px; } .z_lpd_part1 { float: left; width: 830px; height: 800px; background: #fff; padding: 20px; } .z_lpd_part2 { float: right; width: 350px; height: 800px; background: #fff; } .z_lpd_part1 h5 { font-size: 24px; color: #444; font-weight: bold; margin-bottom: 10px; } .z_lpd_part1 .sec1 { margin-bottom: 30px; padding-top: 30px; } .z_lpd_part1 .sec1 p { float: left; } .z_lpd_part1 .sec1 p span { display: inline-block; height: 32px; padding: 0 10px; background: #edf9ff; text-align: center; line-height: 32px; font-size: 14px; color: #3d9ccc; margin-right: 5px; } .z_lpd_part1 .sec1 ul { float: left; overflow: hidden; margin-left: 70px; margin-top: -30px; } .z_lpd_part1 .sec1 ul li { float: left; height: auto; margin: 0 20px; } .z_lpd_part1 .sec1 ul li span { display: block; font-size: 14px; color: #fa9a05; } .z_lpd_part1 .sec1 ul li span em { font-size: 38px; } .z_lpd_part1 .sec1 ul li p { width: 100%; font-size: 14px; color: #666; text-align: center; } .z_lpd_part1 .sec1 .z_div1 { float: right; width: 124px; margin-top: -15px; margin-right: 8px; } .z_lpd_part1 .sec1 .z_div1 p { width: 100%; font-size: 14px; color: #666; text-align: center; } .z_lpd_part1 .sec1 .z_div1 i { display: block; color: #a1a1a1; } .z_lpd_part1 .sec1 .z_div1 i span { font-size: 14px; color: #888; } .z_lpd_part1 .sec1 .z_div1 i em { color: #fa9a05; } .z_lpd_part1 .sec2 { padding-bottom: 30px; border-bottom: 1px dashed #d9d9d9; margin-bottom: 30px; } .z_lpd_part1 .sec2 ul { overflow: hidden; float: left; } .z_lpd_part1 .sec2 ul li { float: left; margin-right: 20px; } .z_lpd_part1 .sec2 ul li span { font-size: 12px; color: #666; margin-right: 5px; } .z_lpd_part1 .sec2 ul li input[type='text'] { width: 120px; height: 32px; border: 1px solid #d9d9d9; text-indent: 10px; } .z_lpd_part1 .sec2 .z_lpd_btn { float: right; width: 120px; height: 32px; background: #fa9a05; font-size: 14px; color: #fff; text-align: center; line-height: 32px; } .z_lpd_part1 .sec3 { } .z_lpd_part1 .sec3 h6 { font-size: 14px; color: #666; padding-left: 11px; background: url('/images/icon/z_icon28.png') no-repeat left center; margin-bottom: 15px; } .z_lpd_part1 .sec3 h6 span { color: #333; } .z_lpd_part1 .sec3 table { width: 100%; } .z_lpd_part1 .sec3 table tr td { height: 40px; color: #666; text-align: center; } .z_lpd_part1 .sec3 thead tr { background: #f6f6f6; } .z_lpd_part2 .sec1 { margin-bottom: 10px; } .z_lpd_part2 .sec1 h5 { padding: 0 20px; height: 40px; line-height: 40px; } .z_lpd_part2 .sec1 h5 span { font-size: 14px; color: #333; padding-left: 15px; background: url('/images/icon/z_icon34.png') no-repeat left center; } .z_lpd_part2 .sec1 h5 a { float: right; width: 55px; height: 24px; background: #0099cc; line-height: 24px; text-align: center; font-size: 12px; color: #fff; margin-top: 8px; } .z_lpd_part2 .sec1 table { width: 100%; } .z_lpd_part2 .sec1 table tr td { height: 36px; color: #575756; text-align: center; } .z_lpd_part2 .sec1 table tbody tr td:nth-child(3) { color: #9c9c9c; } .z_lpd_part2 .sec1 table thead tr td { color: #a1a1a1; font-weight: bold; } .z_lpd_part2 .sec1 table tr td input[type='checkbox'] { display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 2px; } .z_lpd_part2 .sec1 thead tr { background: #f6f6f6; } .z_lpd_part2 .sec2 .tt { width: 100%; height: 40px; padding: 0 20px; line-height: 40px; } .z_lpd_part2 .sec2 .tt span { font-size: 14px; color: #575756; font-weight: bold; padding-left: 15px; background: url('/images/icon/z_icon34.png') no-repeat left center; } .z_lpd_part2 .sec2 .pagination { height: 40px; background: #f7f7f7; overflow: hidden; } .z_lpd_part2 .sec2 .pagination .pag1 { float: left; line-height: 40px; padding-left: 15px; font-size: 16px; color: #666; } .z_lpd_part2 .sec2 .pagination .pag1 span { font-size: 14px; } .z_lpd_part2 .sec2 .pagination .pag1 span:first-child { color: #fa9a05; } .z_lpd_part2 .sec2 .pagination .pag2 { float: right; line-height: 39px; padding-right: 15px; } .z_lpd_part2 .sec2 .pagination .pag2 span { display: inline-block; width: 10px; height: 10px; background: #dbdbdb; border-radius: 50%; margin: 0 2px; } .z_lpd_part2 .sec2 .pagination .pag2 span.cur { background: #faa116; } .z_lpd_part2 .sec2 .content .z_lpd_ul2 { padding: 30px 20px; } .z_lpd_part2 .sec2 .content .z_lpd_ul2 li { padding-bottom: 15px; border-bottom: 1px dashed #d9d9d9; margin-bottom: 15px; } .z_lpd_part2 .sec2 .content .z_lpd_ul2 li:last-child { border-bottom: 0; margin-bottom: 0; } .z_lpd_part2 .sec2 .content .z_lpd_ul2 li .p1 { font-size: 14px; color: #333; margin-bottom: 5px; } .z_lpd_part2 .sec2 .content .z_lpd_ul2 li .p2 { font-size: 14px; color: #999; } /* e-我要抢单详情页 */ /* s-我要报价详情页 */ .z_lpd_ul { padding: 20px; } .z_lpd_ul li { margin-bottom: 16px; } .z_lpd_ul li p { width: 100%; overflow: hidden; } .z_lpd_ul li p span { float: left; width: 190px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .z_lpd_ul li p span.deta { float: right; width: 75px; } .zx_sec1 { padding: 20px 0; position: relative; border-bottom: 1px dashed #d9d9d9; } .zx_sec1 dl { width: 50%; float: left; padding-left: 25px; } .zx_sec1 dl dt { font-size: 18px; color: #575756; font-weight: normal; margin-bottom: 15px; font-weight: bold; } .zx_sec1 dl dd { font-size: 12px; color: #575756; margin-bottom: 10px; line-height: 30px; display: block; } .zx_sec1 dl dd span { display: inline-block; width: 70px; font-size: 14px; color: #575756; } .zx_sec1 dl dd input[type='text'] { border: 1px solid #d9d9d9; height: 30px; width: 130px; text-indent: 10px; color: #9c9c9c; } .zx_sec1 dl dd.zx_dd input[type='text'] { width: 254px; } .zx_select1 { width: 78px; height: 30px; color: #9c9c9c; } .zx_select2 { width: 210px; height: 30px; color: #9c9c9c; } .zx_btn { width: 80px; height: 25px; background: #fa9a05; font-size: 12px; color: #fff; line-height: 25px; text-align: center; position: absolute; right: 0; bottom: 30px; } .zx_sec2 { padding-top: 30px; } .zx_sec2_p1 { width: 100%; height: 40px; line-height: 40px; padding: 0 25px; margin-bottom: 15px; } .zx_sec2_p1 span { font-size: 16px; color: #575756; font-weight: bold; padding-left: 12px; background: url('/images/icon/z_icon34.png') no-repeat left center; } .zx_sec2_p1 a { float: right; font-size: 14px; color: #666; padding-right: 17px; background: url('/images/icon/z_icon35.png') no-repeat right center; } .zx_sec2_ul { overflow: hidden; } .zx_sec2_ul li { float: left; width: 50%; padding: 10px 55px; position: relative; margin-bottom: 55px; } .zx_sec2_ul li .p1 { font-size: 16px; color: #0099cc; margin-bottom: 10px; } .zx_sec2_ul li .p2 { margin-bottom: 10px; } .zx_sec2_ul li .p2 span { font-size: 14px; color: #575756; padding: 0 20px; background: url('/images/icon/z_icon36.png') no-repeat left center; } .zx_sec2_ul li .p2 span:first-child { padding-left: 0px; background: none; } .zx_sec2_ul li .p3 { font-size: 12px; color: #a3a3a3; } .zx_sec2_ul li .x_btn { width: 60px; height: 24px; border: 1px solid #fa9a05; line-height: 24px; text-align: center; font-size: 12px; color: #fa9a05; position: absolute; right: 170px; bottom: 5px; } /* e-我要报价详情页 */ /* s-批量报价 */ .z_bq_section1 { margin-bottom: 30px; } .z_bq_section1 .z_wrap { background: #fff; padding-bottom: 10px; } .z_bq_section1 .z_table1 { width: 100%; } .z_bq_section1 .z_table1 tr td { height: 43px; text-align: center; color: #6a6a6a; padding: 5px 10px; font-size: 12px; } .z_bq_section1 .z_table1 tbody tr td span { color: #b1b1b1; } .z_bq_section1 .z_table1 thead tr { background: #e9e9e9; } .z_bq_section1 .z_table1 thead td { font-size: 12px; color: #999999; font-weight: bold; } .z_bq_section1 .z_table1 tr td input[type='checkbox'] { display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -2px; } .z_bq_section1 .z_table1 tbody tr td input[type='text'] { border: 1px solid #d9d9d9; height: 30px; text-indent: 10px; width: 100px; } .z_bq_section1 .z_table1 tr td a:hover { color: #fa9a05; } .z_bq_section1 .z_table1 tbody tr.odd { background: #f5f5f5; } .z_bq_section2 { width: 100%; margin-bottom: 30px; } .z_bq_section2 .z_wrap { text-align: center; } .z_bq_section2 .z_wrap .z_next_btn { display: inline-block; width: 115px; height: 35px; background: #fa9a05; color: #fff; font-size: 14px; text-align: center; line-height: 35px; margin-right: 7px; } .z_bq_section2 .z_wrap .z_sub_btn { display: inline-block; width: 115px; height: 35px; background: #727272; color: #fff; font-size: 14px; text-align: center; line-height: 35px; } /* e-批量报价 */ /* s-发布现货 */ .z_rs_section1 { width: 100%; margin-bottom: 40px; } .z_rs_section1 .z_wrap { padding-top: 20px; } .z_rs_section1 .h4 { font-size: 36px; color: #333; text-align: center; margin-bottom: 40px; } .z_rs_section1 .z_img { margin: 0 auto; } .z_rs_section2 { margin-bottom: 30px; } .z_rs_section2 .z_wrap { min-height: 400px; background: #fff; } .z_rs_section2 .z_table1 { width: 100%; margin-bottom: 10px; } .z_rs_section2 .z_table1 tr td { height: 40px; text-align: center; padding: 10px 0; color: #9e9e9e; font-size: 14px; } .z_rs_section2 .z_table1 thead td { font-weight: bold; } .z_rs_section2 .z_table1 tr td em { color: #9e9e9e; font-size: 13px; font-weight: normal; } .z_rs_section2 .z_table1 thead tr { height: 40px; background: #f5f5f5; } .z_rs_section2 .z_table1 tr td input[type='text'] { width: 80%; height: 26px; border: 1px solid #dbdbdb; background: #fff; text-indent: 10px; font-size: 12px; } .z_rs_section2 .z_table1 tr td select { width: 30%; height: 26px; background: #fff; border: 1px solid #dbdbdb; font-size: 12px; } .z_rs_section2 .z_add_p { padding: 0 15px; } .z_rs_section2 .z_add_p .a1 { padding-left: 17px; background: url('/images/icon/z_icon38.png') no-repeat left 2px; color: #0099cc; } .z_rs_section2 .z_add_p span { color: #0099cc; } .z_rs_section2 .z_add_p .a2 { color: #0099cc; } .z_rs_section2 .z_add_p .a3 { color: #0099cc; margin-left: 20px; text-decoration: underline; } .z_rs_section2 .z_table1 tr td .btn1 { display: block; border: 1px solid #ddd; width: 50px; margin: 0 auto; line-height: 1.6; margin-top: 5px; } /* e-发布现货 */ /* s-法律声明 */ .z_ln_section1 { margin-bottom: 30px; } .z_ln_section1 .z_wrap { padding: 20px; background: #fff; } .z_ln_section1 .z_pat1 { margin-bottom: 30px; } .z_ln_section1 .z_pat1 h5 { font-size: 16px; color: #f39800; margin-bottom: 30px; font-weight: bold; } .z_ln_section1 .z_pat1 p { font-size: 14px; color: #666; line-height: 30px; } .z_ln_section1 .z_pat2 { margin-bottom: 15px; } .z_ln_section1 .z_pat2 h6 { font-size: 14px; color: #333; margin-bottom: 10px; } .z_ln_section1 .z_pat2 h6 span { padding-left: 12px; background: url('/images/icon/z_icon39.png') no-repeat left center; } .z_ln_section1 .z_pat2 p { font-size: 14px; color: #666; line-height: 30px; } /* e-法律声明 */ /* s-合作伙伴 */ .z_pn_ul { overflow: hidden; margin: 0 -5px; } .z_pn_ul li { float: left; margin: 9px; } /* e-合作伙伴 */ /* s-友情链接 */ .z_ln_p1 a { margin: 0 10px; } .z_ln_p1 a:first-child { margin-left: 0px; } /* e-友情链接 */ /* s-诚聘英才 */ .z_ju_table { width: 100%; } .z_ju_table tr td { height: 50px; text-align: center; color: #666; } .z_ju_table thead tr td { color: #f39800; height: 50px; border-bottom: 1px solid #7c7c7c; border-top: 2px solid #7c7c7c; } .z_ju_table tr td a { display: block; width: 100%; height: 100%; line-height: 50px; } .z_ju_table tbody tr:hover td a { color: #f39800; } .z_ju_table tbody tr.odd { background: #f0f0f0; } /* e-诚聘英才 */ /* s-诚聘英才详情页 */ .z_jud_part1 { margin: 20px 0; padding-bottom: 20px; border-bottom: 1px dashed #d9d9d9; } .z_jud_part1 p { overflow: hidden; } .z_jud_part1 p .span1 { font-size: 18px; color: #333; float: left; } .z_jud_part1 p .span2 { font-size: 20px; color: #ff7f00; float: right; } .z_jud_part2 { padding-bottom: 20px; border-bottom: 1px dashed #d9d9d9; margin-bottom: 20px; } .z_jud_part2 ul { overflow: hidden; margin-bottom: 20px; } .z_jud_part2 ul li { float: left; width: 420px; font-size: 16px; color: #333; margin-bottom: 20px; padding-left: 15px; background: url('/images/icon/z_icon34.png') no-repeat left center; } .z_jud_part2 ul li span { font-size: 14px; color: #666; } .z_jud_part2 ul li span em { color: #ff7f00; } .z_jud_part2 dl { padding-left: 22px; margin-bottom: 20px; } .z_jud_part2 dl dt { display: block; font-size: 16px; color: #333; padding-left: 15px; background: url('/images/icon/z_icon34.png') no-repeat left center; margin-bottom: 20px; margin-left: -22px; } .z_jud_part2 dl dd { display: block; font-size: 14px; color: #666; margin-bottom: 20px; padding-left: 14px; background: url('/images/icon/z_icon40.png') no-repeat left 6px; } .z_jud_part3 p { font-size: 16px; color: #333 !important; text-align: center; } .z_jud_part3 p span { color: #f39800; } /* e-诚聘英才详情页 */ /* s-侧边栏 */ .z_sidebar { position: fixed; top: 200px; right: 50%; margin-right: -685px; z-index: 999; } .z_sidebar ul li { width: 70px; height: 70px; background: #fff; margin-bottom: 3px; text-align: center; position: relative; } .z_sidebar ul li img { position: absolute; top: 0; left: 10px; } .z_sidebar ul li span { display: block; width: 70px; font-size: 12px; color: #666; position: absolute; bottom: 6px; } .z_sidebar ul li .bot_d { display: none; } .z_sidebar ul li.active { background: #0099cc; } .z_sidebar ul li.active span { color: #fff !important; } .z_sidebar ul li.active img:nth-child(1) { display: block; } .z_sidebar ul li.active img:nth-child(2) { display: none; } .z_sidebar ul li:hover { background: #0099cc; } .z_sidebar ul li:hover span { color: #fff !important; } .z_sidebar ul li:hover img:nth-child(1) { display: block; } .z_sidebar ul li:hover img:nth-child(2) { display: none; } /* 左侧边栏 */ .ind_nav { position: fixed; top: 20%; left: 50%; margin-left: -695px; z-index: 9999; display: none; font-size: 12px; } .ind_nav ul li { width: 80px; height: 40px; background-color: white; margin-bottom: 1px; text-align: center; line-height: 40px; cursor: pointer; } .ind_nav ul li:hover { color: white; background-color: #00AFE8; } .ind_nav ul .ind_nav_active { color: white; background-color: #00AFE8; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18); } /* e-侧边栏 */ * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .m_main { width: 1200px; margin: 0 auto; } /* 品牌主图 */ .main_img_box { text-align: center; overflow: hidden; } /*产品目录*/ .mbx { height: 52px; line-height: 52px; font-size: 12px; color: #666; } .m_catalog dl dt { display: block; background: #f6f6f6; font-size: 14px; color: #444444; height: 40px; line-height: 40px; font-weight: bold; padding-left: 40px; } .m_catalog dl dd { display: block; background: #fff; padding: 20px; } .m_catalog dl dd a { display: inline-block; font-size: 14px; color: #515151; padding: 0px 26px; line-height: 25px; } .m_catalog dl dd a.active, .m_catalog dl dd a:hover { color: #fa9a05; } .m_catalog_w { margin-top: 20px; margin-bottom: 50px; } .m_catalog_w dl dt { display: block; font-size: 14px; color: #515151; height: 40px; line-height: 40px; font-weight: bold; padding-left: 40px; background: #f6f6f6 url(/images/icon/m_icon_01.png) no-repeat 20px center; } .m_catalog_w dl dd { display: block; background: #fff; padding: 20px 10px; } .m_catalog_w dl dd a { display: inline-block; font-size: 14px; color: #515151; padding: 0px 48px; line-height: 25px; background: url(/images/icon/m_icon_02.png) no-repeat right center; font-size: 14px; } .m_catalog_w dl dd a.active, .m_catalog_w dl dd a:hover { color: #fa9a05; } .m_catalog_w dl dd a:last-child { background: none; } /*技术问答*/ .m_problem_box { margin-bottom: 50px; } .m_problem_left { width: 940px; float: left; } .m_problem_top { background: #f5f5f5; height: 50px; padding: 10px; font-size: 14px; position: relative; font-size: 14px; color: #5f5e5e; font-weight: bold; } .m_prob_text { width: 180px; border: 1px solid #d3d3d3; padding: 4px; width: 180px; } .m_prob_select { width: 180px; border: 1px solid #d3d3d3; padding: 3px; width: 100px; font-size: 12px; color: #5f5e5e; font-weight: normal; height: 26px; } .m_prob_button { background: #0099cc; width: 80px; height: 29px; color: #fff; display: inline-block; vertical-align: top; margin-left: 10px; font-size: 14px; font-weight: normal; } .m_problem_top h6 a { position: absolute; right: 10px; top: 10px; background: #fa9a05; color: #fff; display: block; height: 29px; line-height: 29px; padding: 0px 20px; font-size: 14px; } .m_problem_list { margin-top: 15px; } .m_problem_list ul li { background: #fff; } .m_problem_list ul li strong { display: block; font-size: 14px; color: #5f5e5e; background: #f5f5f5; padding: 15px 15px; } .m_problem_list ul li strong span { float: right; font-size: 12px; font-weight: normal; } .m_problem_list ul li dl { background: #fff; border-bottom: 1px dashed #dbdbdb; } .m_problem_list ul li dl dt span { color: #fa9a05; font-weight: bold; } .m_problem_list ul li dl dt { line-height: 1; padding: 15px 15px; color: #5f5e5e; } .m_problem_list ul li dl dd { padding: 15px 15px; line-height: 1; color: #5f5e5e; position: relative; } .m_problem_list ul li dl dd.active:before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #fa9a05; position: absolute; left: 8px; top: 14px; } .m_problem_list ul li dl dd span { color: #fa9a05; font-weight: bold; } .m_problem_list ul li dl dd a { color: #0099cc; margin-left: 10px; } .m_problem_list ul li dl dd a:hover { text-decoration: underline; } .m_problem_list ul li h6 { padding: 15px; text-align: right; color: #5f5e5e; font-size: 12px; } .m_problem_list ul li h6 i { margin-left: 15px; } .m_problem_list ul li h6 span { color: #fa9a05; } .m_problem_right { width: 240px; float: right; background: #fff; } .m_gyong_right dl dt { font-size: 14px; color: #5f5f5f; font-weight: bold; height: 40px; line-height: 40px; background: #f6f6f6; padding: 0px 10px; display: block; } .m_gyong_right dl dd { padding: 5px 10px; width: 100%; display: block; } .m_gyong_right dl dd p a { display: block; background: url(/images/icon/m_icon_03.png) no-repeat left center; padding-left: 10px; margin: 10px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #5f5e5e; width: 100%; } .m_gyong_right dl dd p a:hover { color: #fa9a05; } .m_gyong_right dl dd strong { font-weight: normal; } .m_gyong_right dl dd strong a { display: inline-block; background: #efeeee; padding: 5px; margin: 5px 0px; margin-right: 6px; color: #5f5e5e; } .m_gyong_right dl dd strong a:hover { background: #fa9a05; color: #fff; } .m_shuzi { text-align: center; margin-top: 30px; } .m_shuzi ul li { display: inline-block; margin-left: 5px; } .m_shuzi ul li a { border: 1px solid #dbdbdb; display: block; padding: 8px 12px; } .m_shuzi ul li a:hover { background: #fa9a05; color: #fff; border: 1px solid #fa9a05; } .m_shuzi ul li.current a { background: #fa9a05; color: #fff; border: 1px solid #fa9a05; } .m_shuzi_text { border: 1px solid #dbdbdb; width: 60px; background: none; margin: 0px 5px; padding: 8px; } .m_shuzi_button { background: none; border: 1px solid #dbdbdb; padding: 8px 10px; margin: 0px 5px; } .m_shuzi_button:hover { background: #fa9a05; color: #fff; border: 1px solid #fa9a05; } .m_problem_a { background: #fff; margin-bottom: 50px; } .m_problem_a h3 { background: #fff7eb; padding: 10px; font-size: 12px; color: #9e9e9e; } .m_problem_a h4 { padding: 25px; padding-bottom: 50px; } .m_problem_a h4 dl { padding-left: 100px; position: relative; margin-top: 25px; } .m_problem_a h4 dl dt { font-size: 14px; position: absolute; left: 0px; color: #5f5e5e; line-height: 32px; } .m_problem_a h4 dl dd p { font-size: 14px; color: #333; line-height: 32px; } .m_problem_a h4 dl dt span { color: #fa9a05; } .m_input_select { border: 1px solid #d7d7d7; padding: 6px 5px; width: 120px; height: 30px; font-size: 12px; color: #5f5e5e; } .m_input_text { width: 600px; border: 1px solid #d7d7d7; padding: 7px 5px; } .m_input_textarea { padding: 7px 5px; width: 600px; height: 200px; outline: none; border: 1px solid #d7d7d7; resize: none; } .m_input_button { padding: 10px 35px; background: #fa9a05; color: #fff; font-size: 14px; } .m_problem_con { background: #fff; padding: 20px; } .m_problem_con dl { padding-left: 60px; position: relative; border-bottom: 1px dashed #eaeaea; padding-bottom: 20px; } .m_problem_con dl dt { position: absolute; left: 0px; } .m_problem_con dl dt img { width: 47px; height: 47px; border-radius: 50%; } .m_problem_con dl dd strong { color: #5f5e5e; font-size: 12px; font-weight: normal; display: block; margin-top: 5px; } .m_problem_con dl dd span { color: #aaaaaa; display: block; margin-top: 10px; } .m_problem_con h3 { margin-top: 10px; } .m_problem_con h3 strong { color: #fa9a05; font-size: 14px; font-weight: bold; display: block; margin-top: 15px; } .m_problem_con h3 p { line-height: 22px; margin-top: 10px; color: #5f5e5e; } .m_problem_con h3 b { display: block; font-weight: normal; margin-top: 20px; } .m_problem_con h3 b span { float: right; color: #aaaaaa; margin-top: 10px; } .m_problem_con h3 b a { display: inline-block; padding: 8px 15px; background: #0099cc; color: #fff; font-size: 14px; } .m_problem_s { margin-top: 20px; } .m_problem_s h3 { background: #f5f5f5; height: 50px; line-height: 50px; font-size: 16px; color: #5f5e5e; font-weight: bold; padding: 0px 20px; } .m_problem_s h3 span { color: #b1b1b1; margin-left: 10px; font-size: 12px; } .m_problem_s dl { position: relative; background: #fff; padding: 20px; padding-left: 70px; padding-bottom: 50px; } .m_problem_s dl dt { position: absolute; left: 20px; } .m_problem_s dl dt img { width: 30px; height: 30px; border-radius: 50%; } .m_problem_s dl dd strong { color: #fa9a05; font-size: 14px; font-weight: normal; } .m_problem_s dl dd p { font-size: 16px; line-height: 30px; color: #5f5e5e; margin-top: 10px; } .m_problem_s h6 { text-align: right; font-size: 12px; color: #aaaaaa; margin-top: 20px; } .m_problem_s h6 span { color: #fa9a05; } /*工业文库*/ .m_industry_left { width: 1000px; float: left; } .m_industry_right { width: 190px; float: right; background: #fff; } .m_industry h3 { height: 40px; background: #eae9e9; color: #5f5f5f; font-size: 14px; font-weight: bold; padding: 0px 20px; line-height: 40px; } .m_industry dl dt { background: #f5f5f5; padding: 0px 20px; font-size: 14px; color: #5f5f5f; height: 40px; line-height: 40px; width: 100%; } .m_industry dl dd { background: #fff; padding: 10px 20px; width: 100%; } .m_industry dl dd strong { display: inline-block; margin-right: 10px; line-height: 30px; color: #666666; } .m_industry dl dd a { display: inline-block; margin-right: 10px; line-height: 30px; } .m_industry dl dd a:hover { color: #fa9a05; } .m_industry_w { margin-top: 20px; width: 1000px; overflow: hidden; padding-bottom: 20px; } .m_industry_w h3 { background: #eae9e9; color: #5f5f5f; padding: 0px 20px; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; } .m_industry_w ul { width: 1050px; margin-left: 2px; } .m_industry_w ul li { float: left; box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.12); margin-top: 8px; margin-right: 4px; border-radius: 3px; background: #fff; overflow: hidden; } .m_industry_w ul li img { width: 196px; height: 134px; } .z_industry_c { background: #fff; } .z_industry_c h3 { height: 40px; background: #eae8e9; padding: 0px 20px; line-height: 40px; font-size: 18px; color: #444444; } .z_industry_c h3 span { float: right; font-size: 14px; color: #9c9c9c; font-weight: normal; } .z_industry_c .txt { padding: 20px; line-height: 28px; font-size: 14px; color: #4b4b4b; } .z_industry_c h4 { height: 40px; line-height: 40px; background: #f5f5f5; padding: 0 20px; font-size: 18px; color: #4b4b4b; } .z_industry_c p span { margin-right: 35px; display: inline-block; line-height: 25px; } /*品牌导购*/ .proxy-carousel { height: 486px; margin-bottom: 20px; position: relative; } .proxy-carousel .title { text-align: center; font-weight: bold; font-size: 20px; position: absolute; z-index: 1; top: 20px; left: 560px; } .proxy-carousel .title-box { display: inline-block; position: relative; } .proxy-carousel .title-box span { position: absolute; font-size: 26px; opacity: .1; font-weight: 900; left: -44px; top: 14px; } .hot-brand{ padding: 20px 0; background-color: white; } .hot-brand .title{ text-align: center; font-weight: bold; font-size: 20px; margin-bottom: 46px; } .hot-brand .title-box { display: inline-block; position: relative; } .hot-brand .title-box span { position: absolute; font-size: 26px; opacity: .1; font-weight: 900; left: 12px; top: 14px; } .hot-brand .brand-big{ display: flex; justify-content: space-between; } .hot-brand .brand-big .item { height: 220px; width: 386px; position: relative; } .hot-brand .brand-big .item div { display: flex; visibility: hidden; position: absolute; height: 100%; width: 100%; align-items: center; justify-content: center; transition: all .25s ease-out 0s; opacity: 0; top: 0; } .hot-brand .brand-big .item .shadow-box { background-color: rgba(0, 0, 0, 0.3); } .hot-brand .brand-big .item .info-box { font-size: 20px; color: white; } .hot-brand .brand-big .item .info-box .iconfont { font-size: 20px; margin-left: 5px; } .hot-brand .brand-big .item .info-box span { width: 288px; height: 164px; background-color: #4A90E2; display: flex; align-items: center; justify-content: center; } .hot-brand .brand-big .item:hover div { visibility: visible; opacity: 1; } .hot-brand .brand-small{ margin: 20px 0 10px 0; display: flex; justify-content: space-between; } .hot-brand .brand-small .item{ height: 220px; width: 183px; } .hot-brand .brand-small .item:hover { border: 1px solid #cccccc; transition: all .25s ease-out 0s; } .famous-brand { padding: 20px 0; } .famous-brand .title { text-align: center; font-weight: bold; font-size: 20px; margin-bottom: 46px; } .famous-brand .title-box { display: inline-block; position: relative; } .famous-brand .title-box span { position: absolute; font-size: 26px; opacity: .1; font-weight: 900; left: -17px; top: 14px; } .all-brand { padding: 0 20px 20px; } .all-brand .box { background-color: white; padding: 20px 0; } .all-brand .title { text-align: center; font-weight: bold; font-size: 20px; margin-bottom: 46px; } .all-brand .title-box { display: inline-block; position: relative; } .all-brand .title-box span { position: absolute; font-size: 26px; opacity: .1; font-weight: 900; left: 16px; top: 14px; } .all-brand .brand-filter { width: 1000px; margin: 0 auto; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #999999; } .all-brand .brand-filter span { margin-left: 5px; display: inline-block; cursor: pointer; height: 22px; line-height: 22px; padding: 0 6px; border-radius: 1px; font-size: 12px; } .all-brand .brand-filter span:hover { background-color: #FA9A05; color: white; } .all-brand .brand-filter span.active { background-color: #FA9A05; color: white; } .all-brand .brand-table{ width: 1000px; margin: 20px auto; } .all-brand .brand-table ul{ display: none; } .all-brand .brand-table>ul.active{ display: block; } .all-brand .brand-table li { display: inline-block; } .all-brand .brand-table li a{ display: block; font-size: 12px; height: 24px; line-height: 24px; padding: 0 5px; overflow: hidden; width: 163px; text-overflow: ellipsis; white-space: nowrap; } .all-brand .brand-table li a:hover { color: #FA9A05; } .m_brand { background: #fff; } .m_brand h3 { height: 40px; line-height: 40px; background: #f6f6f6; padding: 0px 20px; font-size: 14px; color: #444444; font-weight: bold; } .m_brand h4 { padding: 20px; border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; } .m_brand h4 span { display: inline-block; font-size: 14px; background: url(/images/icon/m_icon_02.png) no-repeat right center; display: inline-block; padding: 0px 30px; cursor: pointer; position: relative; font-weight: bold; color: #666; } .m_brand h4 span.active { color: #fa9a05; } /*祝胜写*/ .m_brand span a { display: inline-block; font-size: 14px; display: inline-block; padding: 0px 20px; cursor: pointer; position: relative; font-weight: bold; color: #666; } .m_brand span a.active { color: #fa9a05; } /*结束*/ .m_brand h4 span.active:after { position: absolute; content: ""; display: block; overflow: hidden; width: 0; height: 0; line-height: 0; border: 4px solid; border-color: #fff #fff #7b7b7b #fff; left: 0px; right: 0px; margin: 0 auto; } .m_brand h3 img { float: right; margin-top: 12px; } .m_brand p { padding: 10px 20px; max-height: 46px; overflow: hidden; } .m_brand p a { display: inline-block; color: #a2a2a2; padding: 5px 20px; } .m_brand p a:last-child { background: none; } .m_brand p a:hover { color: #ffa21f; } .m_brand_w h3 { height: 40px; line-height: 40px; background: #f6f6f6; padding: 0px 20px; font-size: 14px; color: #444444; font-weight: bold; } .m_brand_w h3 img { float: right; margin-top: 12px; } .m_brand_w span{ margin-left: 15px; } .m_brand_w span input, .m_brand span input { border: 1px #999999 solid; border-radius: 3px; } #category_clear, #brand_clear { display: inline-block; color: #6E6E6E; background-color: #CACACA; width: 40px; height: 18.8px; } .m_brand_w p { background: #fff; padding: 20px; font-size: 14px; } .m_brand_w p span { padding: 4px; display: inline-block; line-height: 25px; color: #515151; width: 125px; } .m_brand_w p span.active { background: red; color: white; } .m_brand_w p span:hover { background: red; color: white; cursor: pointer; } .m_brand_t { width: 1200px; } .m_brand_t ul li h3 { background: url(/images/icon/m_icon_01.png) no-repeat 5px center; padding-left: 25px; font-size: 14px; color: #444; font-weight: bold; height: 40px; line-height: 40px; } .m_brand_t ul li h3 span { float: right; font-size: 12px; } .m_brand_t ul li h3 span a:hover { color: #fa9a05; } .m_brand_t ul li h3 span a { display: inline-block; background: url(/images/icon/m_icon_02.png) no-repeat right center; padding: 0px 8px; font-weight: normal; color: #666; } .m_brand_t ul li h3 span a:last-child { background: none; } .m_brand_t ul li dd { margin: 0px 2px; float: left; box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.12); margin-top: 4px; width: 196px; border-radius: 3px; background: #fff; position: relative; transition: all .25s ease-out 0s; } .m_brand_t ul li dd:hover { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .m_brand_t ul li dd img { display: block; } .m_brand_img { border-radius: 10px; cursor: pointer; width: 196px; height: 134px; } .m_brand_tc { position: absolute; left: 0px; top: 140px; background: #fff; padding: 20px; z-index: 9; border-radius: 10px; } .m_brand_tc h4 { position: relative; background: #fff; width: 520px; } .m_brand_tc strong { color: #0099cc; } .m_brand_tc p { line-height: 25px; margin-top: 10px; text-indent: 24px; font-size: 12px; line-height: 24px; color: #515151; } .m_brand_tc h6 { text-align: right; margin-top: 10px; } .m_brand_tc a { background: #fa9a05; color: #fff; display: inline-block; padding: 6px 15px; } .m_cool { background: url(/images/icon/m_icon_19.png) no-repeat left top; position: absolute; width: 19px; height: 19px; top: 20px; right: 20px; cursor: pointer; } .brand-info { background: url(/images/img/brand-info-bg.png) no-repeat; background-position: bottom; width: 100%; min-height: 400px; background-color: #ededed; display: flex; } .brand-info .box{ display: flex; align-items: center; padding: 30px 0; } .brand-info .logo-img { display: flex; margin: 0 80px; box-shadow: 0 0 10px 0 #5C73B8; } .brand-info .msg-box { width: 750px; } .brand-info h1 { color: #0B348E; font-size: 24px; margin-bottom: 20px; } .brand-info p { line-height: 32px; text-indent: 2em; } .series-box-title { width: 500px; margin: 0 auto 20px; display: flex; justify-content: center; align-items: center; } .series-box-title .line { width: 60px; border-bottom: 1px solid #333333; } .series-box-title .point { width: 6px; height: 6px; background-color: #FA9A05; border-radius: 50%; margin: 0 10px; } .m_brand_s { background: #f8f8f8; } .m_brand_s dl { position: relative; padding: 20px 20px; padding-left: 80px; } .m_brand_s dl dt { position: absolute; left: 20px; font-weight: bold; color: #696969; line-height: 27px; } .m_brand_s dl dd span a.active:after { content: ""; background: url(/images/icon/m_icon_05.png) no-repeat; width: 7px; height: 6px; display: inline-block; margin-left: 6px; vertical-align: middle; margin-top: -2px; } .m_brand_s dl dd span a.active { background: #0099cc; color: #fff; } .m_brand_s dl dd span a { display: inline-block; vertical-align: top; color: #fff; padding: 5px 15px; color: #696969; } .m_brand_f { padding: 20px; display: flex; } .m_brand_f h3 { width: 70px; font-weight: bold; font-size: 14px; color: #696969; padding: 8px 0; } .m_brand_f ul li { display: inline-block; } .m_brand_f ul li a { display: block; padding: 10px; font-size: 12px; } .m_brand_f ul li a.active { background-color: #fa9a05; color:white; } .m_brand_f ul li a:hover { background-color: #fa9a05; color: white; } .m_brand_c { padding: 30px 0px; color: #66666a; font-size: 13px; } .m_brand_c h3 { display: inline-block; margin-right: 25px; } .m_brand_c h3 a { display: inline-block; padding: 4px 6px; border: 1px solid #dbdbdb; margin-left: 4px; } .m_brand_c h3 a.active, .m_brand_c h3 a:hover { border: 1px solid #fa9a05; } .m_brand_c h4 { display: inline-block; } .m_brand_c h4 a { display: inline-block; padding: 4px 6px; border: 1px solid #dbdbdb; margin-left: 4px; } .m_brand_c h4 i { color: #fa9a05; } .m_brand_c h4 a.active, .m_brand_c h4 a:hover { border: 1px solid #fa9a05; } .m_brand_c em a { float: right; display: block; color: #fa9a05; } .m_brand_c em a:hover { text-decoration: underline; } .brand-series{ display: flex; flex-wrap: wrap; } .brand-series .item:nth-child(5n+1){ margin-left: 0; } .brand-series .item { width: 232px; margin: 10px 0 0 10px; } .brand-series .item .item-box { height: 350px; background-color: white; padding: 20px; text-align: center; } .brand-series .item .series-img{ width: 192px; height: 192px; } .brand-series .item p{ margin-top: 15px; font-size: 12px; } .brand-series .item .name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .brand-series .item .prices { color: #FA9A05 } .brand-series .item .prices span { font-size: 16px; } .brand-series .item .link { display: inline-block; padding: 6px 8px; background-color: #D7D7D7; margin-top: 12px; font-size: 12px; } .brand-series .item:hover .link { background-color: #FA9A05; color: white; } .m_H50 { height: 50px; } .m_brand_select { padding: 5px 4px; width: 71%; font-size: 12px; color: #696969; } .m_brand_select2 { padding: 5px 4px; width: 92%; font-size: 12px; color: #696969; } .m_brand_b { padding: 10px 0px; } .m_brand_b em a { display: block; background: #0099cc; color: #fff; padding: 8px 20px; } .m_brand_b em a:before { content: ""; background: url(/images/icon/m_icon_08.png) no-repeat left center; width: 15px; height: 16px; display: inline-block; margin-right: 10px; vertical-align: top; } .m_brand_b em a:hover { background: #f39800; } .m_brand_k_box { margin-top: 20px; margin-bottom: 50px; } .m_brand_k ul li { float: left; padding: 20px 20px; white-space: nowrap; overflow: hidden; font-size: 12px; color: #696969; text-overflow: ellipsis; } .m_brand_k ul li span { color: #fa9a05; font-weight: bold; } .m_brand_k ul li a { color: #0099cc; } .m_brand_k ul li a:hover { color: #0099cc; text-decoration: underline; } .m_brand_k ul.m_brand_dy { background: #e6e6e6; font-size: 12px; color: #696969; font-weight: bold; } .m_brand_k ul .li1 { width: 15%; } .m_brand_k ul .li2 { width: 20%; } .m_brand_k ul .li3 { width: 20%; } .m_brand_k ul .li4 { width: 15%; } .m_brand_k ul .li5 { width: 20%; } .m_brand_k ul .li6 { width: 10%; } /*购物车*/ .add_sub { margin: 0 auto; text-align: center; width: 114px; margin-top: -6px; float: none; display: block; } .add_sub p, .add_sub input { float: left; } .add_sub input { width: 33px; height: 30px; border: 1px solid #ccc; outline: none; background: #ededed; font-size: 18px; font-weight: bold; } .add_sub p { width: 50px; height: 30px; margin: 0 -1px; line-height: 32px; text-align: center; border: 1px solid #ccc; padding: 0; } .m_shopping { background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); padding: 20px; margin-top: 30px; margin-bottom: 30px; padding-top: 10px; padding-bottom: 50px; } .m_shopping h3 { font-size: 18px; color: #333; border-bottom: 1px solid #dbdbdb; height: 60px; line-height: 60px; font-weight: bold; } .m_shopping h3 span { display: inline-block; border-bottom: 2px solid #f59800; height: 60px; padding: 0px 14px; } .m_shopping_gy ul li { float: left; padding: 15px 20px; font-size: 14px; } .m_shopping_gy ul .li1 { width: 5%; } .m_shopping_gy ul .li2 { width: 17%; } .m_shopping_gy ul .li3 { width: 8%; color: #333; } .m_shopping_gy ul .li4 { width: 15%; } .m_shopping_gy ul .li5 { width: 15%; } .m_shopping_gy ul .li6 { width: 12%; } .m_shopping_gy ul .li7 { width: 10%; } .m_shopping_gy ul .li8 { width: 10%; } .m_shopping_gy ul .li9 { width: 8%; } .m_shopping_gy ul .li1 span { color: red; } .m_shopping_gy ul .li2 div { color: #999999; font-size: 14px; } .m_shopping_gy ul .li2 p { margin-bottom: 10px; } .m_shopping_gy ul .li2 p:last-child { margin-bottom: 0; } .m_shopping_gy ul .li4 b { font-size: 12px; color: #E38A5F; } .m_shopping_gy ul .li5 img { vertical-align: middle; margin-right: 5px; } .m_shopping_gy ul .li6 .numb { font-size: 16px; width: 45px; background: #FFFFFF; text-align: center; margin: 0 -1px 0 -1px; font-weight: normal; } .m_shopping_gy ul .li5 b { color: black; font-weight: normal; } .m_shopping_q { border-top: 1px solid #dbdbdb; margin-top: 20px; border-bottom: 1px solid #dbdbdb; } .m_shopping_q ul li { color: #333; background: #f7f7f7; text-align: center; font-size: 14px; } .m_shopping_t h4 { font-size: 12px; color: #666; } .m_shopping_t h4 span { margin-left: 20px; } .m_shopping_t { margin-top: 10px; } .m_shopping_t dl dt { float: left; width: 100px; } .m_shopping_t dl dt img { width: 100px; height: 100px; } .m_shopping_t dl dd { display: block; } .m_shopping_t a dl dd strong { color: #333; } .m_shopping_t a:hover dl dd strong { color: #f39801; } .m_shopping_t dl dd strong { font-weight: bold; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .m_shopping_t dl dd p { color: black; } .m_shopping_t ul li { text-align: center; } .m_shopping_t ul { border: 1px solid #dbdbdb; padding: 10px 0px; margin-top: 10px; position: relative; } .m_shopping_t ul li a:hover { color: #f39801; } .m_shooping_check { width: 16px; height: 16px; cursor: pointer; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 5px; } .m_shopping_radio { width: 15px; height: 15px; cursor: pointer; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 5px; } .m_shoop_check { position: absolute; height: 16px; top: 50%; margin-top: -8px; } .m_yellow { color: #f39801; } .m_shopping_kc { font-size: 12px; margin-top: 10px; color: #999999; } .m_shopping_a { height: 60px; line-height: 60px; font-size: 14px; background: #ebebeb; margin-top: 25px; } .m_shopping_ar { float: right; color: #666666; } .m_shopping_ar span { margin: 0px 20px; } .m_shopping_ar strong { font-size: 20px; font-weight: bold; } .m_shopping_ar a { display: inline-block; height: 60px; padding: 0px 50px; background: #f39801; color: #fff; font-size: 18px; font-weight: bold; } .m_shopping_ar button[type='button'] { display: inline-block; height: 60px; padding: 0px 50px; background: #f39801; color: #fff; font-size: 18px; font-weight: bold; } .m_shopping_a i { color: #666; margin-left: 5px; cursor: pointer; } .m_shopping_s { border: 1px solid #dbdbdb; margin-top: 20px; } .m_shopping_s ul li { border-bottom: 1px dashed #dbdbdb; font-size: 14px; color: #333; } .m_shopping_title { margin-top: 25px; font-size: 15px; font-weight: bold; color: #333; } .m_shopping_title a { float: right; } .m_shopping_s ul:last-child li { border-bottom: none; } .m_shopping_s ul li { float: left; padding: 20px; } .m_shopping_s ul li a { margin: 0px 3px; } .m_shopping_s ul li a.active { color: #f39801; } .m_shopping_s ul .li1 { width: 10%; } .m_shopping_s ul .li2 { width: 58%; } .m_shopping_s ul .li3 { width: 14%; } .m_shopping_s ul .li4 { width: 18%; } .m_shopping_gy2 ul li { float: left; padding: 15px 20px; font-size: 14px; } .m_shopping_gy2 ul .li1 { width: 20%; text-align: left; padding-left: 15px; } .m_shopping_gy2 ul .li2 { width: 12%; } .m_shopping_gy2 ul .li3 { width: 12%; } .m_shopping_gy2 ul .li4 { width: 10%; } .m_shopping_gy2 ul .li5 { width: 10%; } .m_shopping_gy2 ul .li6 { width: 12%; } .m_shopping_gy2 ul .li7 { width: 12%; } .m_shopping_gy2 ul .li8 { width: 12%; } .m_shopp_t h4 { border-bottom: 1px dashed #dbdbdb; padding-bottom: 1px; color: #666; } .m_shopp_t ul { border: none; border-bottom: 1px dashed #dbdbdb; padding: 0px 0px; margin-top: 0px; } .m_shopp_t ul li { padding: 0px; } .m_shopping_z { font-size: 16px; border-bottom: 1px dashed #dbdbdb; padding: 20px 0px; color: #333; display: flex; } .m_shopping_z span { margin-right: 20px; display: inline-block; font-size: 14px; cursor: pointer; } .m_shopping_z span i { display: inline-block; vertical-align: middle; } .m_shopping_z h5 { padding-left: 50px; display: inline-block; } .m_shopping_z h5 label { margin-right: 10px; } .m_shopping_z span:before { content: ""; background: url(/images/icon/m_icon_09.png) no-repeat left center; width: 13px; height: 13px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 10px; } .m_shopping_z span.active:before { content: ""; background: url(/images/icon/m_icon_10.png) no-repeat left center; width: 13px; height: 13px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 10px; } .m_shopping_c { margin-top: 20px; color: #666; } .m_shopping_c h4 { background: #f5f5f5; padding: 5px; padding-right: 20px; text-align: right; font-size: 16px; } .m_shopping_c h4 p { margin: 5px 0px; } .m_shopping_c h4 p strong { font-size: 20px; color: #1aa0da; font-weight: bold; margin: 0px 5px; } .m_shopping_c h4 p span { margin-left: 10px; } .m_shopping_c h4 i { font-weight: bold; color: #f59800; font-size: 18px; } .m_shopping_c h6 { text-align: right; } .m_shopping_ca { background: #1aa0da; color: #fff; display: inline-block; margin-top: 5px; margin-bottom: 5px; padding: 12px 30px; font-size: 14px; } .m_invoice { padding: 30px; display: none; } .m_invoice h3 { background: url(/images/icon/m_icon_13.png) no-repeat left center; padding-left: 20px; color: #999999; } .m_invoice dl { position: relative; padding-left: 144px; margin-top: 20px; } .m_invoice dl dt { position: absolute; left: 0px; line-height: 34px; font-size: 14px; color: #666666; width: 134px; text-align: right; } .m_invoice dl dd { line-height: 34px; } .m_invoice dl dd label { margin-right: 15px; } .m_invoice dl dd label em { font-size: 14px; color: #666; display: inline-block; margin-left: 6px; } .m_invoice_text { padding: 8px; border: 1px solid #dbdbdb; width: 100%; } .m_invoice span { margin-right: 25px; cursor: pointer; } .m_invoice span:before { content: ""; background: url(/images/icon/m_icon_09.png) no-repeat left center; width: 13px; height: 13px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 10px; } .m_invoice span.active:before { content: ""; background: url(/images/icon/m_icon_10.png) no-repeat left center; width: 13px; height: 13px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 10px; } .m_button { background: #0099cb; padding: 10px 50px; color: #fff; font-size: 16px; } .m_voucher { padding: 30px; display: none; } .m_voucher h3 { background: url(/images/icon/m_icon_13.png) no-repeat left center; padding-left: 26px; color: #999999; } .m_voucher p { border-bottom: 1px solid #f0f0f0; padding-bottom: 40px; margin-top: 35px; } .m_voucher p a { background: #f59800; display: inline-block; color: #fff; padding: 12px 30px; margin-right: 10px; float: left; font-size: 14px; } .m_voucher p span { display: inline-block; line-height: 22px; color: #666666; font-size: 12px; margin-left: 10px; } .m_voucher h4 { background: url(/images/icon/m_icon_14.png) no-repeat left center; padding-left: 25px; color: #666666; font-size: 14px; margin-top: 30px; } .m_voucher_textarea { background: #f0f0f0; padding: 10px; width: 100%; height: 200px; margin-top: 10px; border: none; outline: none; resize: none; margin-top: 20px; } .m_voucher h6 { text-align: center; margin-top: 30px; } .m_upload { text-align: center; padding-top: 80px; padding-bottom: 80px; background: #fff; display: none; } .m_upload em { display: block; width: 70px; margin: 0 auto; } .m_upload p { line-height: 22px; margin-top: 35px; font-size: 14px; } .m_upload p span { color: #666666; } .m_complete em { display: block; width: 90px; margin: 0 auto; } .m_complete { text-align: center; padding-top: 140px; padding-bottom: 140px; } .m_complete strong { font-size: 16px; font-weight: bold; color: #333; margin-top: 50px; display: block; } .m_complete a i { display: inline-block; margin-right: 8px; vertical-align: top; } .m_complete a { display: inline-block; margin: 0px 5px; border: 1px solid #dbdbdb; padding: 8px 14px; margin-top: 50px; border-radius: 3px; } .m_complete a:hover { color: #0096d5; } .m_backgroud { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2; display: none; } .m_brand_tc { display: none; } .reg_header { width: 100%; height: 130px; border-bottom: 2px solid #0099cc; } .reg_head { width: 100%; border-bottom: 1px solid #E6E6E6; height: 34px; font-size: 12px; } .reg_head i { color: #00AFE8; font-size: 16px; margin-right: 5px; } .reg_head .box{ height: 100%; } .reg_head .left { float: left; height: 100%; display: flex; align-items: center; } .reg_head .reg_letter { width: 350px; height: 100%; float: left; margin-left: 50px; display: flex; align-items: center; } .reg_letter .letter { height: 34px; line-height: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .reg_letter .letter a { color: #30A7E0; } .reg_head .left p { color: #666666; } .reg_head .right_ul { float: right; height: 100%; } .reg_head .right_ul .iconliwu { margin-right: 5px; font-size: 14px; } .reg_head .right_ul ul { height: 100%; display: flex; align-items: center; } .reg_head .right_ul .head-tel .dianhua { color: #00AFE8; font-size: 14px; } .reg_head .right_ul li { display: flex; align-items: center; padding-left: 20px; } .reg_head .right_ul .right_ul_img_vip { display: flex; align-items: center; margin-right: 5px; } .reg_head .right_ul li a { color: #666666; vertical-align: middle; } .reg_header_main { margin-top: 27px; } .reg_logo{ display: flex; align-items: center; } .reg_logo a { display: inline-block; vertical-align: top; } .reg_logo h5 { font-size: 24px; color: #333333; padding-left: 20px; border-left: 1px solid #cccccc; margin-left: 20px; } .reg_ban { width: 100%; height: 500px; background: url('/images/img/re_ban.jpg') center center no-repeat; } .reg_main { width: 370px; height: 430px; background: #fff; float: right; margin-top: 35px; padding: 25px; } .reg_main_ul { border-bottom: 1px solid #dbdbdb; } .reg_main_ul li { display: inline-block; vertical-align: top; font-size: 14px; font-weight: bold; line-height: 30px; padding: 0 20px; cursor: pointer; border-bottom: 2px solid #fff; } .reg_main_ul li.act { border-bottom: 2px solid #f39800; } .reg_main_inp { display: none; } .reg_main_inp .inp { margin-top: 20px; position: relative; } .reg_main_inp .inp input[type="text"] { width: 100%; height: 46px; border: 1px solid #dbdbdb; padding-left: 49px; } .reg_main_inp .inp input[type="password"] { width: 100%; height: 46px; border: 1px solid #dbdbdb; padding-left: 49px; } .reg_main_inp .inp img { position: absolute; left: 20px; top: 13px; } .reg_main_inp .check { margin-top: 20px; overflow: hidden; } .reg_main_inp .check input[type="checkbox"] { display: inline-block; vertical-align: middle; cursor: pointer; } .reg_main_inp .check span { display: inline-block; vertical-align: middle; font-size: 12px; color: #999; line-height: 25px; } .reg_main_inp .check a { float: right; line-height: 25px; font-size: 12px; color: #0199cb; } .login_btn { width: 100%; background: #0199cb; height: 46px; line-height: 46px; font-size: 14px; color: #fff; display: block; text-align: center; margin-top: 20px; } .g_external { margin-top: 20px; } .g_external a { display: inline-block; vertical-align: middle; margin-right: 20px; } .g_external img { display: inline-block; vertical-align: middle; } .g_external span { display: inline-block; vertical-align: middle; font-size: 12px; color: #999999; margin-left: 10px; } .g_register { text-align: center; margin-top: 40px; } .g_register a { font-size: 12px; color: #f39800; text-decoration: underline; } .g_register a img { vertical-align: middle; margin-left: 10px; } .footer { width: 100%; min-width: 1200px; background: #fff; } .footer .footer-leli { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; padding: 30px 0; border-bottom: 1px solid #E6E6E6; } .footer .footer-leli .iconfont { font-size: 60px; color: #00AFE8; } .footer .footer-leli .footer-leli-item{ width: 210px; display: flex; align-items: center; justify-content: space-between; } .footer .footer-leli .footer-leli-item div{ height: 100%; display: flex; flex-direction: column; justify-content: space-around; } .footer .footer-leli .footer-leli-item span { font-size: 16px; font-weight: bold; } .footer .footer-leli .footer-leli-item p { color: #999999; } .footer .problem { width: 1200px; margin: 0 auto; padding: 40px 0; display: flex; justify-content: space-between; } .footer_right { width: 65%; display: flex; justify-content: space-between; } .footer_right dt { font-size: 16px; font-weight: bold; color: #666666; margin-bottom: 15px; } .footer_right dd { display: block; margin-bottom: 10px; } .footer_right dd a { font-size: 14px; color: #666666; } .footer-tel-item { font-size: 18px; color: #3BAFE8; font-weight: 500; height: 50%; display: flex; } .footer-tel p { font-size: 16px; padding-top: 10px; } .footer-time-item { font-size: 18px; color: #FF702F; font-weight: 500; height: 50%; display: flex; align-items: center; } .footer-time-tel p { font-size: 16px; padding-top: 10px; } .footer_ewm { text-align: center; } .footer_ewm img { height: 92px; margin-bottom: 10px; } .footer_ewm span { color: #666666; display: block; font-weight: 500; } .footer_bottom { text-align: center; padding: 20px 0; background-color: #4D4D4D; font-weight: 500; font-size: 12px; color: white; } .footer_bottom a { color: white; } .footer_bottom .txt { padding: 5px 0; } .footer_bottom .txt a { padding: 0 20px; border-right: 1px solid #666666; } .footer_bottom .txt a:last-child { border-right: 0; } .footer_bottom p { padding: 5px 0; color: white; } .regi_main { width: 100%; min-width: 1200px; border-top: 3px solid #0099cb; overflow: hidden; } .regi_main_ul { width: 100%; border-bottom: 1px solid #dbdbdb; } .regi_main_ul li { display: inline-block; vertical-align: top; } .regi_main_ul li a { display: block; font-size: 20px; color: #666666; line-height: 3; padding: 0 20px; } .regi_main_ul li.act a { color: #f39800; border-bottom: 1px solid #f39800; } .regi_main_dl dl { display: block; margin-top: 20px; } .regi_main_dl dt { min-width: 154px; font-size: 14px; color: #333333; text-align: right; line-height: 40px; vertical-align: top; } .regi_main_dl dd { width: 400px; } .regi_main_dl dd input[type='text'] { width: 400px; height: 40px; border: 1px solid #dbdbdb; padding-left: 10px; } .regi_main_dl dd input[type='password'] { width: 400px; height: 40px; border: 1px solid #dbdbdb; padding-left: 10px; } .regi_main_dl dd.act input[type='text'] { width: 270px; float: left; } .regi_main_dl dd.act button[type="button"] { width: 120px; height: 40px; display: block; text-align: center; display: inline-block; float: right; background: #999999; color: #fff; line-height: 40px; font-size: 14px; } .regi_main_dl dd .str { display: block; margin-top: 8px; } .regi_main_dl dd .str span { display: inline-block; vertical-align: middle; } .regi_main_dl dd .str em { display: inline-block; width: 32px; height: 10px; background: #6a9f07; vertical-align: middle; } .regi_main_dl dd .str i { display: inline-block; font-size: 12px; color: #666666; vertical-align: middle; margin-left: 8px; } .regi_main_dl dd.act1 input[type="checkbox"] { display: inline-block; vertical-align: middle; } .regi_main_dl dd.act1 span { font-size: 12px; color: #999; } .regi_main_dl dd.act1 a { font-size: 12px; color: #0099cb; } .regi_main_dl_btn { margin-left: 154px; width: 140px; height: 42px; font-size: 14px; color: #fff; display: block; text-align: center; background: #0099cb; line-height: 42px; margin-top: 20px; } .regi_main_le { float: left; width: 560px; } .regi_main_ri { float: right; width: 445px; border-left: 1px solid #e6e6e6; padding-left: 158px; } .regi_main_ri p { font-size: 14px; color: #333333; } .regi_main_ri a { display: block; font-size: 16px; color: #f39800; margin-top: 20px; } .regi_main_ri img { margin-top: 40px; } .pass_head { overflow: hidden; } .pass_head h6 { font-size: 20px; color: #666666; float: left; line-height: 46px; } .pass_head h6 em { font-size: 20px; color: #f39801; } .pass_head img { float: right; } .pass_dl { width: 522px; margin: 0 auto; margin-top: 150px; } .pass_dl dl { margin-top: 20px; } .pass_dl dt { font-size: 14px; color: #333333; text-align: right; min-width: 100px; vertical-align: top; line-height: 40px; } .pass_dl dd { width: 400px; height: 40px; vertical-align: top; overflow: hidden; } .pass_dl dd input[type="text"] { width: 400px; height: 40px; border: 1px solid #dbdbdb; padding-left: 10px; } .pass_dl dd input[type="password"] { width: 400px; height: 40px; border: 1px solid #dbdbdb; padding-left: 10px; } .pass_dl dd.act input[type="text"] { width: 270px; float: left; } .pass_dl dd.act input[type="button"] { width: 120px; float: right; height: 40px; background: #999999; color: #fff; } .pass_dl dd.act button { width: 120px; float: right; height: 40px; background: #999999; color: #fff; } .pass_dl .btn { width: 140px; height: 42px; background: #0099cb; color: #fff; font-size: 14px; display: inline-block; margin-left: 105px; text-align: center; line-height: 40px; margin-top: 20px; } .pass_dui { text-align: center; } .pass_dui a { display: block; width: 140px; height: 46px; margin: 0 auto; border: 1px solid #ddd; text-align: center; line-height: 46px; margin-top: 20px; } .g_header { min-width: 1200px; background: #fff; } .g_header_mian{ width: 1200px; margin: 0 auto; padding: 30px 0; display: flex; justify-content: space-between; } .g_header_mian .logo { width: 22%; } .g_header_mian .logo a { float: left; } .g_header_mian .logo h5 { font-size: 20px; color: #222222; display: block; float: left; border-left: 1px solid #cccccc; padding-left: 15px; margin-left: 10px; line-height: 1; margin-top: 7px; } .g_header_mian .logo h5 em { display: block; font-size: 14px; color: #c3c3c3; margin-top: 5px; } .g_header_mian_inp { width: 48%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .g_header_mian_inp .search-tag{ width: 526px; } .g_header_mian_inp input[type='text'] { width: 435px; height: 36px; border: 2px solid #01AFE8; padding-left: 10px; border-radius: 5px 0 0 5px; } .g_header_mian_inp ::-moz-input-placeholder { color: #d8d7d7; } .g_header_mian_inp ::-webkit-input-placeholder { color: #d8d7d7; } .g_header_mian_inp ::-ms-input-placeholder { color: #d8d7d7; } .g_header_mian_inp input[type='button'] { width: 91px; height: 36px; background: #01AFE8; color: #fff; float: right; border-radius: 0 5px 5px 0; } .g_header_mian_inp .search-tag li { display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: 7px; } .g_header_mian_inp ul li a { font-size: 12px; color: #c3c3c3; } .g_header_mian_inp ul li.act a { font-size: 12px; color: #f39800; } .g_header_ri { width: 30%; display: flex; align-items: flex-start; justify-content: space-between; color: #00AFE8; } .g_header_ri .iconfont { font-size: 20px; margin-right: 8px; } .g_header_ri a { color: #00AFE8; border: 1px solid #00AFE8; border-radius: 4px; height: 36px; width: 110px; display: flex; align-items: center; justify-content: center; } .g_header_ri a:hover { border: 1px solid #FA9B05; color: #FA9B05; } .g_header_ri a:nth-child(3):hover { border: 1px solid #00AFE8; } .g_header_ri-shoppingcart { position: relative; background-color: #00AFE8; color: white !important; } .g_header_ri-shoppingcart .iconfont { color: white; font-size: 22px; } .g_header_ri-shoppingcart .cart-dot { color: #F29700; background-color: white; height: 15px; min-width: 15px; border-radius: 50px 50px 50px 0; position: absolute; left: 32px; top: 3px; display: flex; align-items: center; justify-content: center; font-size: 12px; } .nav { width: 1200px; margin: 0 auto; border-bottom: 1px solid #00AFE8; } .nav ul{ display: flex; padding-left: 40px; } .nav li { position: relative; } .nav li a { margin: 0 30px; height: 32px; line-height: 32px; display: inline-block; } .nav li a:hover { color: #FA9A05; } .nav li.act a { color: #FA9A05; font-weight: bold; } .nav li.odd:before { content: ""; width: 24px; height: 15px; background: url('/images/icon/xin.png') 0 0 no-repeat; position: absolute; right: -25px; top: -13px; } .member_left { width: 190px; background: #fff; box-shadow: 0px 0px 8px #999; float: left; padding-bottom: 20px; } .shadow { box-shadow: 0px 0px 8px #999; padding: 20px; } .member_left dt { display: block; width: 170px; height: 46px; line-height: 46px; background: #f0f0f0; border-left: 2px solid #009acc; text-indent: 22px; font-size: 16px; font-weight: bold; } .member_left dl { padding-top: 20px; } .member_left dl.opip dd { display: block; } .member_left dl dd { display: none; } .member_left dd { display: block; margin-top: 20px; padding-left: 27px; } .member_left dd a { font-size: 14px; color: #333333; } .member_left dd.act a { color: #f39801; } .member_right { float: right; background: #fff; width: 990px; min-height: 686px; } .member_ind_head { width: 990px; float: right; background: #fff; } .member_ind_head_txt { background: #f5f5f5; padding: 10px; border: 1px dashed #e1e1e1; } .member_ind_head_txt p { font-size: 14px; color: #666; } .member_ind_head_txt p a { color: #f39801; text-decoration: underline; } .member_ind_head_mian { border: 1px solid #e6e6e6; padding: 25px 36px; overflow: hidden; margin-top: 20px; } .member_ind_head_mian .mem_tx { float: left; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; border: 0.5px solid #999999; } .member_ind_head_mian_txt { float: left; margin-left: 38px; } .member_ind_head_mian_txt h5 { font-size: 14px; color: #666666; } .member_ind_head_mian_txt li { display: block; margin-top: 20px; } .member_ind_head_mian_txt img { display: inline-block; vertical-align: middle; } .member_ind_head_mian_txt em { display: inline-block; vertical-align: middle; font-size: 14px; color: #ffa21f; font-weight: bold; } .member_ind_head_mian_txt_amount{ display: flex; justify-content: space-between; } .member_ind_head_mian_txt_amount span { margin-left: 5px; color: #FA3751; } .member_ind_head_mian_btn { float: right; display: grid; } .member_ind_head_mian_btn span { font-size: 14px; display: inline-block; vertical-align: middle; color: #333; margin-right: 20px; } .member_ind_head_mian_btn a { display: inline-block; width: 140px; height: 44px; background: #0099cb; font-size: 14px; color: #fff; text-align: center; line-height: 44px; } .member_ind_head_mian_btn button { display: inline-block; width: 140px; height: 44px; background: #0099cb; font-size: 14px; color: #fff; text-align: center; line-height: 44px; } .member_news { width: 990px; float: right; background: #fff; margin-top: 20px; min-height: 599px; } .member_news_li ul { display: inline-block; } .member_news_li h5 { float: right; font-size: 12px; color: #0099cb; line-height: 35px; } .member_news_li li { display: inline-block; } .member_news_li { border-bottom: 1px solid #dbdbdb; } .member_news_li a { font-size: 14px; color: #333; font-weight: bold; line-height: 35px; padding: 0 10px; display: block; } .member_news_li .act { border-bottom: 2px solid #0099cb; } .member_new_main li { display: block; width: 100%; position: relative; padding: 20px 0; border-bottom: 1px dashed #dddddd; padding-left: 38px; } .member_new_main li a { display: inline-block; width: 80%; font-size: 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #999999; } .member_new_main li span { font-size: 12px; color: #999999; float: right; } .member_new_main li:before { content: ""; width: 17px; height: 16px; background: url('/images/icon/tu2.png') 0 0 no-repeat; position: absolute; left: 0; top: 21px; } .member_new_main .act a { font-size: 12px; font-weight: bold; color: #333; } .member_new_main .act:before { content: ""; width: 17px; height: 16px; background: url('/images/icon/tu1.png') 0 0 no-repeat; } .stock_description { margin-top: 50px; } .stock_description p { font-size: 14px; color: #999999; line-height: 2; } .stock_description h5 { font-size: 18px; color: #707070; line-height: 1; margin-bottom: 30px; } .mem_data_head { border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; overflow: hidden; } .mem_data_head span { float: right; } .mem_data_head dl { display: inline-block; } .mem_data_head dt { font-size: 18px; font-weight: bold; color: #333333; } .mem_data_head dd { font-size: 14px; display: inline-block; margin: 0 20px; } .mem_data_head dd a { font-size: 14px; color: #666666; } .mem_data_head dd.act a { color: #f39801; } .mem_data_txt { padding: 17px 38px; background: #f5f5f5; border: 1px dashed #e1e1e1; margin-top: 20px; } .mem_data_txt p { font-size: 14px; color: #666666; display: inline-block; } .mem_data_txt p i { color: #f39801; } .mem_data_txt p a { color: #f39801; text-decoration: underline; } .mem_data_txt span { float: right; font-size: 14px; color: #666666; } .mem_data_dl dl { overflow: hidden; } .mem_data_dl dt { display: inline-block; vertical-align: top; font-size: 14px; color: #666666; line-height: 44px; } .mem_data_dl dd { display: inline-block; vertical-align: top; overflow: hidden; } .mem_data_dl dd .img1 { width: 150px; height: 150px; display: inline-block; vertical-align: middle; margin-right: 27px; } .mem_data_img { float: left; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; border: 0.5px solid #666666; } .mem_data_img img { display: block; width: 100%; height: 100%; } .mem_data_dl_txt { float: left; margin-left: 30px; margin-top: 21px; } .mem_data_dl_txt a { display: block; width: 100px; height: 36px; background: #0199cb; font-size: 14px; color: #fff; text-align: center; line-height: 36px; } .mem_data_dl_txt em { display: block; font-size: 12px; color: #666; margin-top: 10px; } .mem_data_dl dl { margin-top: 20px; } .mem_data_dl dt { width: 100px; text-align: right; } .mem_data_dl dd input[type="text"] { width: 400px; height: 44px; border: 1px solid #dbdbdb; padding-left: 20px; font-size: 14px; color: #666666; } .mem_data_dl dd input[type="password"] { width: 400px; height: 44px; border: 1px solid #dbdbdb; padding-left: 20px; font-size: 14px; color: #666666; } .mem_data_dl dd span { display: inline-block; line-height: 44px; font-size: 12px; color: #f39801; text-decoration: underline; margin-left: 16px; cursor: pointer; } .dl_btn { min-width: 140px; height: 42px; background: #FF4400; font-size: 16px; color: #fff; display: inline-block; text-align: center; line-height: 42px; border-radius: 5px; } .dl_btn1 { min-width: 140px; height: 42px; background: #f39801; font-size: 16px; color: #fff; display: inline-block; padding: 0 10px; text-align: center; line-height: 42px; margin-left: 15px; } .data_pop .head { padding: 20px 0; border-bottom: 1px solid #eaeaea; text-align: center; } .data_pop_dl dl { margin-top: 10px; } .data_pop_dl dt { min-width: 130px; text-align: left; margin-left: 20px; margin-top: 10px; font-size: 14px; color: #666; } .data_pop_dl dd input[type="text"] { width: 313px; height: 36px; border: 1px solid #dbdbdb; background: #f0f0f0; padding-left: 15px; } .data_pop_dl dd.act input[type="text"] { width: 203px; background: none; } .data_pop_dl dd.act button[type="button"] { width: 100px; height: 36px; background: #0099cb; color: #fff; margin-left: 10px; } .data_pop_dl dd .btn { min-width: 140px; height: 42px; background: #0099cb; font-size: 16px; color: #fff; display: inline-block; text-align: center; line-height: 42px; } .data_pop_mian { text-align: center; margin-top: 30px; } .data_pop_mian h6 { font-size: 16px; color: #f39800; margin-top: 20px; } .data_pop_mian p { font-size: 14px; color: #666666; margin-top: 20px; } .address_table table { width: 100%; text-align: center; } .address_table td { border-bottom: 1px dashed #d3d3d3; padding: 30px 0; font-size: 14px; color: #333333; } .address_table td input { display: inline-block; vertical-align: middle; } .address_table td span { display: inline-block; vertical-align: middle; } .address_table td a { font-size: 14px; color: #333333; } .address_table td a.btn { color: #f39801; display: inline-block; margin-right: 20px; } .address_table span { padding: 0 5px; } .dl_btn { color: #fff; } .dl_btn img { display: inline-block; margin-right: 10px; } .data_pop_dl dd select { width: 97px; height: 35px; border: 1px solid #dbdbdb; margin-right: 8px; color: #333333; } .capital_head { border-bottom: 1px solid #dbdbdb; } .capital_head li { display: inline-block; vertical-align: middle; width: 48%; text-align: center; } .capital_head li img { display: inline-block; vertical-align: middle; } .capital_head li .txt { display: inline-block; vertical-align: middle; text-align: left; } .capital_head li .txt p { font-size: 16px; color: #333333; } .capital_head li .txt span { font-size: 18px; font-weight: bold; margin-top: 10px; } .capital_head li .txt span b { font-size: 26px; } .capital_head li .txt a { font-size: 16px; color: #f29901; } .capital_head li:nth-child(1) { border-right: 1px solid #e6e6e6; } .capital_head_li_f_div_s { float: right; margin-right: 20px; display: flex; flex-direction: column; justify-content: space-between; } .capital_head_li_f_div_s img{ margin-right:10px; } .capital_head_li_f_div_s span { display: inline-block; text-align: left; } .capital_head_li_f_div_s div{ cursor: pointer; } table { width: 100%; } .capital_table { text-align: center; } .capital_table th { font-size: 14px; font-weight: bold; color: #333; background: #f7f7f7; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; line-height: 46px; } .capital_table td { font-size: 12px; color: #666666; height: 50px; border-bottom: 1px dashed #dddddd; } .capital_table td.act { color: #0099cb; } .capital_table td.act1 { color: #fa9a05; } .capital_table td.cut { color: #F49900; } /* 分页 */ .m_shuzi { text-align: center; margin-top: 30px; } .m_shuzi ul li { display: inline-block; color: #6b6b6c; } .m_shuzi ul li a { border: 1px solid #dbdbdb; display: block; padding: 8px 12px; color: #6b6b6c; } .m_shuzi ul li a.active, .m_shuzi ul li a:hover { background: #fa9a05; color: #fff; border: 1px solid #fa9a05; } .m_shuzi_text { border: 1px solid #dbdbdb; width: 60px; background: none; margin: 0px 5px; padding: 8px; } .m_shuzi_button { background: none; border: 1px solid #dbdbdb; padding: 8px 10px; margin: 0px 5px; } .m_shuzi_button:hover { background: #fa9a05; color: #fff; border: 1px solid #fa9a05; } .mem_data_txt img { display: inline-block; vertical-align: middle; } .mem_data_txt em { font-size: 12px; color: #999; } .mem_data_dl dd h6 { font-size: 18px; font-weight: bold; color: #f49902; line-height: 44px; } .mem_data_dl dd select { width: 400px; height: 44px; border: 1px solid #dbdbdb; font-size: 14px; color: #666666; padding-left: 20px; } .mem_data_txt1 { margin-top: 20px; } .mem_data_txt1 img { display: inline-block; vertical-align: middle; } .mem_data_txt1 p { font-size: 12px; color: #999999; display: inline-block; vertical-align: middle; margin-left: 8px; } .sign_mian_left { width: 335px; padding-left: 68px; float: left; margin-top: 56px; } .sign_mian_left h5 { font-size: 18px; font-weight: bold; color: #333; } .sign_mian_left h5 b { font-size: 36px; font-weight: bold; color: #f39801; } .sign_mian_left p { font-size: 14px; color: #333333; padding: 20px 0; } .sign_mian_right { float: right; width: 50%; } .add .dl_btn { background: #999999; } .qa_li li { width: 100%; border-bottom: 1px dashed #dedede; padding: 10px 0; padding-left: 56px; position: relative; margin-top: 10px; } .qa_li li:before { content: ""; width: 28px; height: 23px; background: url('/images/icon/wen.png') 0 0 no-repeat; position: absolute; left: 0; top: 50%; margin-top: -14px; } .qa_li li a { display: block; } .qa_li li p { font-size: 14px; color: #666666; display: inline-block; max-width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 25px; vertical-align: top; } .qa_li li em { font-size: 14px; color: #999999; display: inline-block; margin-left: 25px; line-height: 25px; vertical-align: top; } .qa_li li span { float: right; color: #999999; font-size: 14px; line-height: 25px; } .new_btn { float: right; } .new_btn a { background: #f5f5f5; font-size: 12px; color: #666666; border: 1px solid #e0e0e0; padding: 0 20px; line-height: 34px; display: inline-block; vertical-align: middle; margin-left: 18px; } .mem_new_li li { display: block; width: 100%; border-bottom: 1px dashed #dfdfdf; padding: 15px 0; } .mem_new_li li input { display: inline-block; vertical-align: middle; } .mem_new_li li a { display: inline-block; width: 873px; vertical-align: middle; font-size: 12px; color: #999; overflow: hidden; padding-left: 50px; position: relative; } .mem_new_li li a span { float: right; } .mem_new_li li a p { display: inline-block; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mem_new_li li a:before { content: ""; width: 17px; height: 16px; background: url('/images/icon/tu2.png') 0 0 no-repeat; position: absolute; left: 14px; top: 50%; margin-top: -9px; } .mem_new_li li.act a { font-weight: bold; font-size: 12px; color: #4c4c4c; } .mem_new_li li.act a:before { background: url('/images/icon/tu1.png') 0 0 no-repeat; } .inquiry_select span { display: inline-block; vertical-align: middle; font-size: 12px; color: #999; margin-left: 20px; } .inquiry_select span:nth-child(1) { margin-left: 0; } .inquiry_select input[type="text"] { width: 139px; height: 25px; border: 1px solid #cecece; padding-left: 10px; background: #f0f0f0; } .capital_option input[type="text"] { width: 210px; height: 25px; border: 1px solid #cecece; padding-left: 10px; background: #f0f0f0; } .inquiry_select input[type="submit"] { width: 60px; line-height: 25px; background: #0099cb; color: #fff; border-radius: 5px; margin: 0 10px; } .inquiry_select .btn { color: #0099cb; line-height: 25px; display: inline-block; } .inquiry_select select { width: 139px; height: 25px; border: 1px solid #cecece; padding-left: 10px; background: #f0f0f0; color: #999; } .capital_option select { width: 139px; height: 25px; border: 1px solid #cecece; padding-left: 10px; background: #f0f0f0; color: #999; } .inquiry_table { text-align: center; } .inquiry_table th { background: #f7f7f7; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; line-height: 44px; font-size: 14px; color: #333333; text-align: center; } .inquiry_table td { height: 50px; border-bottom: 1px dashed #dddddd; font-size: 14px; color: #666; } .inquiry_table td a { font-size: 14px; color: #333333; } .inquiry_table td .dl_btn1 { width: 60px; height: 30px; line-height: 30px; color: #fff; display: none; min-width: auto; margin-left: 0; } .inquiry_table td .dl_btn { width: 60px; height: 30px; line-height: 30px; color: #fff; min-width: auto; } .inquiry_table td .dl_btn2 { width: 60px; height: 30px; line-height: 30px; color: #fff; min-width: auto; margin: 0; } .relea_head .sc { display: inline-block; vertical-align: middle; width: 139px; height: 38px; background: #fa9a05; color: #fff; font-size: 14px; line-height: 38px; text-align: center; } .relea_head .txt { font-size: 13px; color: #4f4f4f; display: inline-block; vertical-align: middle; margin-left: 10px; margin-bottom: 40px; } .relea_head .txt a { font-size: 13px; text-decoration: underline; color: #0099cc; font-size: 20px; } .relea_head .txt span { color: #B6B6B6; font-size: 16px; } .relea_head_btn img { display: inline-block; vertical-align: middle; } .relea_head_btn p { display: inline-block; vertical-align: middle; font-size: 12px; color: #cac9c9; text-decoration: underline; } .relea_head_btn p a { color: #0099cc; text-decoration: underline; } .yulan_btn { width: 74px; height: 28px; background: #e8e8e8; color: #333; line-height: 28px; text-align: center; display: inline-block; margin-left: 25px; vertical-align: middle; } .relea_text { width: 100%; } .relea_text p { font-size: 14px; color: #4f4f4f; } .relea_text textarea { width: 100%; border: 1px solid #e2e2e2; height: 215px; padding: 10px; } .dl_btn2 { min-width: 140px; height: 42px; background: #c7c7c7; font-size: 16px; color: #fff; display: inline-block; padding: 0 10px; text-align: center; line-height: 42px; margin-left: 15px; } .relea_text .txt { position: relative; } .relea_text_btn { position: absolute; right: 10px; bottom: 20px; width: 74px; height: 28px; background: #e8e8e8; color: #333; line-height: 28px; text-align: center; display: inline-block; margin-left: 25px; vertical-align: middle; } .inquiry_table td.col { color: #f49904; } .inquiry_table td .add1 { width: 68px; text-align: center; background: #0097cc; color: #fff; line-height: 27px; display: inline-block; } .inquiry_table td .add2 { width: 68px; text-align: center; background: #999999; color: #fff; line-height: 27px; display: inline-block; } .inquiry_table td span { color: #333; } .mem_invo_dl dl { margin-top: 20px; } .mem_invo_dl dt { min-width: 186px; font-size: 14px; color: #666666; display: inline-block; vertical-align: top; text-align: right; line-height: 40px; } .mem_invo_dl dd input { width: 400px; height: 40px; border: 1px solid #dbdbdb; padding-left: 15px; color: #666666; } .mem_order_li{ display: flex; justify-content: space-between; } .mem_order_li li { display: inline-block; vertical-align: middle; width: 75px; height: 26px; border: 1px solid #e6e6e6; text-align: center; line-height: 26px; margin-right: 10px; } .mem_order_li li a { font-size: 12px; color: #666666; } .mem_order_li li.act { background: #0099cb; color: #fff; } .mem_order_li li.act a { color: #fff; } .mem_order_table { text-align: center; } .mem_order_table th { font-size: 14px; color: #333333; height: 44px; background: #f7f7f7; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .mem_order_table .time { color: #D0021B; font-weight: bold; } .mem_order_table_head .img { width: 80px; height: 80px; border: 1px solid #e6e6e6; background: #f0f0f0; font-size: 0; float: left; text-align: center; margin-right: 10px; margin-left: 10px; } .mem_order_table_head img { display: inline-block; vertical-align: middle; } .mem_order_table_head .img:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .mem_order_table_head h6 { font-size: 12px; color: #333333; text-align: left; } .mem_order_table_head p { font-size: 12px; color: #999999; width: 150px; text-align: left; line-height: 20px; margin-top: 10px; max-height: 40px; overflow: hidden; } .mem_order_table .txt { font-size: 12px; color: #666666; height: 40px; text-align: left; background: #f0f0f0; line-height: 40px; padding-left: 10px; margin-top: 10px; border: 1px solid #e6e6e6; } .mem_order_table .txt b { display: inline-block; margin-left: 20px; } .mem_order_table .col { font-size: 12px; font-weight: bold; color: #f59800; } .mem_order_table td { font-size: 12px; color: #666666; vertical-align: top; } .mem_order_table .padding_box { padding: 10px 0; } .mem_order_table td .xian:last-of-type { border: 0; } .mem_order_table td.xinjia { padding: 0; } .mem_order_table em { display: block; margin: 0 auto; } .mem_order_table .add { color: #0099cb; text-decoration: underline; font-size: 12px; display: inline-block; } .mem_order_table .add1 { display: block; width: 64px; height: 26px; color: #fff; text-align: center; margin: 0 auto; background: #f59800; line-height: 26px; } .mem_order_table .add2 { display: inline-block; margin-top: 10px; } .mem_order_table_main { border: 1px solid #e6e6e6; border-top: 0; } .mem_order_table_main span { display: inline-block; vertical-align: middle; } .order_det_head .order_status { font-size: 16px; color: #333; padding-left: 24px; position: relative; } .order_det_head span em { color: #f29700; } .order_det_head .order_status:before { content: ""; width: 8px; height: 13px; background: url('/images/icon/san.png') 0 0 no-repeat; position: absolute; left: 0; top: 6px; } .order_det_h6 h6 { font-size: 14px; font-weight: bold; color: #333333; line-height: 40px; background: #f0f0f0; padding-left: 23px; border-bottom: 1px solid #e6e6e6; } .order_det_text { border: 1px solid #e6e6e6; padding-bottom: 30px; } .order_det_text h5 { font-size: 14px; font-weight: bold; position: relative; padding-left: 32px; margin-left: 23px; } .order_det_text h5:before { content: ""; width: 16px; height: 16px; background: url('/images/icon/ren.png') 0 0 no-repeat; position: absolute; left: 0; top: 0; } .order_det_text li { display: inline-block; vertical-align: top; } .order_det_text ul { padding-left: 23px; } .order_det_text li:first-child { margin-right: 100px; } .order_det_text li p { font-size: 12px; color: #666666; margin-top: 25px; } .order_det_table .txt img { display: inline-block; vertical-align: middle; } .order_det_table .txt span { font-size: 14px; color: #333333; font-weight: bold; } .order_det_table .txt p { display: inline-block; vertical-align: middle; margin-left: 35px; font-size: 12px; color: #666666; } .order_det_table.act table { border: 1px solid #e6e6e6; } .mem_order_table.act table { border: 1px solid #e6e6e6; } .mem_order_table_main td .center { text-align: left; display: inline-block; } .mem_order_table_main td .center p { color: #333; width: 210px; } .mem_order_table_main td .center span { color: #999; display: inline-block; margin-top: 5px; } .order_pop { text-align: center; display: none; } .order_pop img { display: block; margin: 0 auto; margin-top: 47px; margin-bottom: 30px; } .order_pop p { font-size: 14px; color: #666; line-height: 28px; width: 407px; display: inline-block; } .mem_order_table_main.act .mem_order_table_head { padding: 10px; display: flex; justify-content: space-between; } .mem_order_table_main.act .mem_order_table_head .goods_img { width: 80px; height: 80px; border: 1px solid #e6e6e6; } .mem_order_table_main.act .mem_order_table_head .goods_info { width: 200px; } .xinjia { text-align: left; } .mem_order_table_main.act .mem_order_table_head p { width: auto; } .purch_main .order_det_text { width: 550px; float: left; height: 278px; } .purch_main_right { width: 340px; border: 1px solid #e6e6e6; float: right; height: 278px; } .purch_main_right li { display: inline-block; vertical-align: top; } .purch_main_right ul { padding-left: 23px; } .purch_main_right li p { font-size: 12px; color: #666666; margin-top: 15px; } .order_det_head .download_box img { display: inline-block; vertical-align: middle; } .order_det_head .download_box span { display: inline-block; vertical-align: middle; font-size: 12px; color: #999999; line-height: 42px; } .order_det_head .dl_btn { margin-left: 15px; margin-top: 20px; cursor: pointer; } .order_det_head .dl_btn:hover{ color: white; } .purch_main_right .dl_btn1 { margin-top: 20px; margin-left: 28px; } .purch_main_right em { display: inline-block; vertical-align: middle; font-size: 12px; color: #666666; margin-left: 10px; } .inquiry_table.act td { border: 0; } .inquiry_table.act tr:nth-child(odd) td { background: #f5f5f5; } .inquiry_table.act tr th { background: #f0f0f0; } .sele_btn { width: 74px; height: 25px; display: inline-block; vertical-align: middle; line-height: 25px; text-align: center; color: #fff; font-size: 12px; background: #009acc; margin-left: 6px; } .order_det_table .txt .left { display: inline-block; vertical-align: top; } .order_det_table .txt .right { vertical-align: top; display: inline-block; } .member_vip_head { display: block; text-align: center; } .member_vip_head .img { text-align: center; } .member_vip_head .img .mar { margin-left: -120px; } .member_vip_head .img .wid { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; } .member_vip_head .txt { margin-top: 20px; } .member_vip_head .txt span { font-size: 16px; color: #666; } .member_vip_main img { display: block; margin: 0 auto; } .member_vip_main .img { width: 854px; height: 54px; margin: 0 auto; position: relative; } .member_vip_main .pos { position: absolute; left: 0; top: 0; width: 12%; height: 54px; background: url('/images/icon/jindu1.png') 0 0 no-repeat; } .member_vip_main .pos:before { content: ""; width: 27px; height: 83px; background: url('/images/icon/qi.png') 0 0 no-repeat; position: absolute; right: 0; bottom: 19px; } .member_vip_main em { position: absolute; bottom: 120px; right: -20px; font-size: 12px; color: #666; } .vip_text h5 { font-size: 18px; color: #333333; line-height: 1; border-left: 2px solid #0099cb; padding-left: 15px; margin-bottom: 30px; } .vip_text p { font-size: 12px; color: #999999; line-height: 2; } .vip_table table { text-align: center; border: 1px solid #e6e6e6; background: #f5f5f5; } .vip_table th { font-weight: normal; color: #f8b62c; font-size: 14px; height: 48px; } .vip_table th.act { font-size: 14px; color: #666; } .vip_table td { font-size: 14px; color: #666; height: 48px; } .evalu_left { width: 170px; float: left; } .evalu_left .img { width: 170px; height: 170px; background: #f6f6f6; border: 1px solid #e8e8e8; text-align: center; font-size: 0; } .evalu_left .img:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .evalu_left .img img { display: inline-block; vertical-align: middle; } .evalu_left h6 { font-size: 14px; font-weight: bold; color: #333; margin-top: 10px; } .evalu_left p { font-size: 12px; margin-top: 10px; color: #999999; line-height: 1.6; } .evalu_right { float: right; width: 950px; } .evalu_right .head { width: 100%; background: #f5f5f5; border: 1px solid #e6e6e6; padding: 0 22px; } .evalu_right .head span { line-height: 40px; font-size: 14px; color: #666666; } .evalu_right .head dl { display: inline-block; float: right; } .evalu_right .head dl dt { line-height: 40px; display: inline-block; vertical-align: middle; font-size: 14px; color: #666666; } .evalu_right .head dl dd { display: inline-block; vertical-align: middle; } .evalu_right textarea { width: 100%; height: 157px; border: 1px solid #e6e6e6; border-top: 0; padding: 20px; display: block; border-bottom: 0; } .tj_img { border: 1px solid #e6e6e6; border-top: 0; padding: 20px 22px; } .tj_img img { margin-right: 10px; } .add_sele td { position: relative; } .td_table { position: absolute; width: 900px; border: 4px solid #f39801; left: 0; top: 49px; background: #fff; z-index: 9999; display: none; } .td_table input[tyoe="text"] { background: none; width: 42px; height: 25px; text-align: center; } .news_main_txt p { font-size: 12px; color: #999; line-height: 36px; } .news_main { border-bottom: 1px dashed #cfcfcf; } .news_main h5 { font-size: 14px; font-weight: bold; color: #4c4c4c; } .news_main span { display: inline-block; margin-top: 30px; font-size: 12px; color: #999; } .news_main span img { display: inline-block; vertical-align: middle; margin-right: 10px; } .new_btn1 { float: right; width: 100px; line-height: 34px; background: #ffa21f; color: #fff; text-align: center; font-size: 12px; } .new_btn1 img { display: inline-block; vertical-align: middle; margin-right: 6px; } .new_btn1 em { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 34px; } .security_left { width: 130px; background: #fff; float: left; } .security_left dt { display: block; position: relative; line-height: 39px; font-size: 14px; color: #666666; background: #f5f5f5; padding-left: 39px; font-weight: bold; } .security_left dt:before { content: ""; width: 9px; height: 5px; background: url(/images/img/san.png) 0 0 no-repeat; position: absolute; left: 18px; top: 18px; } .security_left dd { display: block; position: relative; padding-left: 40px; line-height: 1; margin-top: 18px; } .security_left dd:before { content: ""; width: 5px; height: 9px; background: url(/images/img/san_ri.png) 0 0 no-repeat; position: absolute; left: 20px; top: 3px; } .security_left dd a { font-size: 12px; color: #888888; } .security_left dd.act a { color: #0099cc; font-weight: bold; } .security_left dl dd:last-child { margin-bottom: 18px; } .security_left dl:last-child { padding-bottom: 22px; } .security { overflow: hidden; margin-bottom: 37px; } .security_right { width: 1060px; background: #fff; float: right; min-height: 877px; } .security_right_head { height: 51px; border-bottom: 1px dashed #ebebeb; line-height: 51px; padding-left: 25px; } .security_right_head a { color: #989898; font-size: 12px; } .security_right_head .act { color: #666666; } .security_right_head span { color: #989898; font-size: 12px; } .security_list { padding: 10px; } .security_list h5 { line-height: 39px; background: #f5f5f5; padding-left: 27px; font-size: 12px; color: #0099cc; } .security_list ul { padding: 0 0px; } .security_list li { line-height: 1; margin-top: 16px; } .security_list li a { font-size: 14px; color: #666; } .security_list li:hover a { color: #fa9a05; } .security_mian { padding: 36px 50px; } .security_mian h5 { font-size: 24px; color: #504f4f; margin-bottom: 35px; } .security_mian .txt p { font-size: 14px; color: #666666; line-height: 30px; } .arrow { overflow: hidden; margin-top: 50px; } .arrow .prev { float: left; } .arrow .next { float: right; } .arrow p { font-size: 14px; color: #666666; } .arrow p a { color: #fa9a05; } .like { width: 86px; height: 86px; border-radius: 50%; text-align: center; background: #c9c9c9; padding-top: 19px; margin: 0 auto; cursor: pointer; margin-top: 84px; } .like img { display: block; margin: 0 auto; } .like em { font-size: 13px; color: #ffffff; font-weight: bold; margin-top: 6px; display: inline-block; } .inpu_tab { width: 100%; } .inpu_tab table { width: 100%; text-align: center; } .inpu_tab .tab_head th { background: #f7f7f7; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; line-height: 44px; font-size: 14px; color: #333333; } .inpu_tab .tab_head th:first-child { padding-left: 24px; } .inpu_tab td { height: 50px; border-bottom: 1px dashed #dddddd; font-size: 14px; color: #666; } .inpu_tab td .img { margin-right: 10px; vertical-align: middle; cursor: pointer; } .inpu_tab td a { font-size: 14px; color: #666; display: inline-block; vertical-align: middle; } .inpu_tab td span { display: inline-block; vertical-align: middle; } .inpu_tab td em { color: #f39801; } .add_tab { position: relative; } .inqu_det_tab table { text-align: center; } .inqu_det_tab { max-height: 300px; overflow-x: auto; } .inqu_det_tab th { background: #f7f7f7; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; line-height: 44px; font-size: 14px; color: #333333; } .inqu_det_tab td input[type="checkbox"] { display: inline-block; vertical-align: middle; margin-right: 8px; } .inqu_det_tab td span { display: inline-block; vertical-align: middle; } .inqu_det_tab td input[type="text"] { width: 40px; background: none; text-align: center; border: 1px solid #fff; } .inpu_tab td i { font-size: 12px; display: inline-block; vertical-align: middle; } .inqu_det_tab td .dl_btn { width: 60px; height: 30px; line-height: 30px; color: #fff; min-width: auto; } .inqu_det_tab td .dl_btn1 { width: 60px; height: 30px; line-height: 30px; color: #fff; min-width: auto; display: none; margin: 0; } .inqu_det_sele { display: block; padding: 10px 0; text-align: left; } .inqu_det_sele input[type="checkbox"] { display: inline-block; vertical-align: middle; margin-left: 27px; margin-right: 3px; } .inqu_det_sele select { display: inline-block; vertical-align: middle; width: 139px; height: 29px; border: 1px solid #cecece; color: #333; } .inqu_det_sele_btn { width: 86px; height: 29px; display: inline-block; vertical-align: middle; background: #ff4600; color: #fff !important; text-align: center; line-height: 29px; margin-left: 10px; } .inqu_det_sele p { display: inline-block; vertical-align: middle; font-size: 12px; color: #333; line-height: 29px; margin-left: 20px; } .inqu_det_sele .btn { text-decoration: underline; color: #0099cb; font-size: 12px; margin-left: 20px; } .tu1 img { width: 150px; height: 150px; border: 1px solid #dbdbdb; padding: 10px; } .tu1 p { display: block; clear: both; text-align: center; } .tu1 { display: inline-block; margin-right: 10px; vertical-align: top; } .imglist { display: inline-block; vertical-align: top; } .input_normal { margin: 20px 0; } /*询单列表*/ .confirm_head h6 { text-align: center; font-size: 36px; color: #333333; font-weight: bold; line-height: 1; margin-top: 30px; margin-bottom: 40px; } .confirm_title { background: #fff7eb; line-height: 38px; font-size: 12px; color: #9e9e9e; padding-left: 22px; } .confirm_g { overflow: hidden; line-height: 45px; } .confirm_g em { font-size: 12px; color: #808080; display: inline-block; padding-left: 22px; } .confirm_g a { float: right; color: #0099cc; font-size: 12px; text-decoration: underline; } .confirm_table table { width: 100%; text-align: center; } .confirm_table th { background: #ebebeb; line-height: 43px; font-size: 12px; color: #808080; } .confirm_table td { font-size: 12px; color: #808080; height: 43px; } .confirm_table tr { background: #f8f7f8; } .confirm_table tr:nth-child(even) { background: #fff; } /*积分商城*/ .points_mall_content{ margin: 0 auto; width: 1200px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; } .points_mall_content_box { width: 580px; height: 290px; margin-top: 40px; display: flex; border-radius: 15px; background-color: white; } .points_mall_content_box div:nth-child(2) { width: 50%; font-size: 15px; } .points_mall_content_box_title{ margin: 0 auto; width: 80%; height: 40%; display: flex; justify-content: center; align-items: center; } .points_mall_content_box_prices { width: 100%; height: 20%; display: flex; justify-content: center; align-items: center; color: #f7c078; } .points_mall_content_box_prices img { vertical-align: middle; margin-right: 10px; } .points_mall_content_box_prices b{ font-size: 18px; } .points_mall_content_box_btn { width: 100%; height: 20%; display: flex; justify-content: center; align-items: center; color: #f7c078; } .points_mall_content_box_btn div { width: 70%; height: 30px; background-color: #1294d8; border-radius: 8px; color: white; display: flex; justify-content: center; align-items: center; cursor: pointer; } .points_mall_content_box_inventory { width: 100%; height: 10%; display: flex; justify-content: center; align-items: center; font-size: 14px; } .member_right_div_t { font-size: 16px; color: #666; } .member_right_div_f { margin-left: 20px; color: #666; } .member_right_div_f .mem_order_li li{ cursor: pointer; } .member_right_div_f input { margin: 0 10px; width: 120px; height: 25px; border: 1px #999 solid; } .member_right_div_f b{ color: #fa9a05; } .member_right_div_f em{ font-size: 12px; } .dashed { margin: 40px 0 20px 0; border: 1px dashed #dddddd; } .member_right_amount { background-color: #F5F5F5; width: 100%; height: 60px; line-height: 60px; padding-left: 20px; margin-bottom: 20px; } .member_right_btn { background-color: #F29700; color: white; width: 140px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 5px; cursor: pointer; } .brand_xx_icon_tip{ display: flex; } .brand_xx_icon_tip_mandi{ width: 17px; height: 17px; vertical-align: middle; } .brand_xx_icon_tip_manfan { width: 17px; height: 17px; vertical-align: middle; margin: 0 0 0 5px; } .search_the_spot_icon_tip { display: flex; } .search_the_spot_icon_tip_mandi { width: 17px; height: 17px; vertical-align: middle; } .search_the_spot_icon_tip_manfan { width: 17px; height: 17px; vertical-align: middle; margin: 0 0 0 5px; } .member_inquiry_icon_tip { color: #f6ad3d; } .shopping_icon_tip { display: flex; } .shopping_icon_tip_mandi { width: 17px; height: 17px; vertical-align: middle; } .shopping_icon_tip_manfan { width: 17px; height: 17px; vertical-align: middle; margin: 0 0 0 5px; } /*产品详情*/ .productDetails_content { width: 1200px; margin: 0 auto; padding-bottom: 40px; } .productDetails_content_msg { width: 1200px; padding: 20px; background-color: #FFFFFF; display: flex; justify-content: space-between; } .productDetails_content_msg_img { width: 260px; height: 260px; border: 1px solid #E5E5E5; position: relative; } .tag-box{ position: absolute; top: 10px; right: 10px; } .productDetails_content_msg_img img { width: 100%; height: 100%; } .productDetails_content_msg_content { width: 640px; } .productDetails_content_msg_content_model { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #E5E5E5; font-size: 16px; font-weight: bold; } .productDetails_content_msg_content_item { width: 100%; padding: 10px 0; border-bottom: 1px dashed #E5E5E5; } .productDetails_content_msg_content_item span { margin-right: 20px; } .productDetails_content_msg_content_item_prices { border-bottom: 0; } .productDetails_content_msg_content_item a { color: #008ACC; } .productDetails_content_msg_content_item del { color: #999999; margin-right: 20px; } .productDetails_content_msg_content_item b { color: #F29700; font-size: 18px; } .productDetails_content_msg_content_btn { display: flex; margin-top: 20px; } .productDetails_content_msg_content_btn_inquiry { width: 165px; height: 50px; background-color: #0075C2; color: #FFFFFF; font-size: 16px; border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .productDetails_content_msg_content_btn_buy { width: 165px; height: 50px; background-color: #F6AD3E; color: #FFFFFF; font-size: 16px; border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .productDetails_content_msg_content_btn_add { width: 165px; height: 50px; color: #F6AD3E; border: 1px solid #F6AD3E; font-size: 16px; border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .productDetails_content_msg_content_btn_fav { width: 165px; height: 50px; background-color: #F6AD3E; color: #FFFFFF; font-size: 16px; margin-left: 40px; border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .productDetails_content_msg_r { width: 220px; border-radius: 2px; border: 1px solid #DBDBDB; padding: 0 10px 5px 10px; text-align: center; } .productDetails_content_msg_r_logo { height: 76px; overflow: hidden; } .productDetails_content_msg_r_feature { display: flex; justify-content: space-between; flex-wrap: wrap; } .feature_item { width: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; } .feature_item .iconfont { color: #FA9A05; font-size: 22px; padding-right: 5px; } .productDetails_content_msg_r hr { margin-top: 10px; border-color: #E6E6E6; } .productDetails_content_msg_service{ text-align: left; position: relative; line-height: 19px; } .productDetails_content_msg_service h3 { margin: 7px 0 5px 0; } .productDetails_content_msg_r_logo img { -webkit-transform: scale(1.5); } .productDetails_content_msg_r_com { padding: 25px 0; text-align: left; } .productDetails_content_msg_r_com .title{ font-size: 12px; margin-top: 15px; } .productDetails_content_msg_r_com .title .iconfont { color: #FBAE35; font-size: 12px; margin-right: 5px; } .productDetails_content_msg_r_com .introduction { font-size: 12px; margin-top: 15px; } .productDetails_content_msg_r_com .introduction .iconfont { color: #FBAE35; font-size: 12px; margin-right: 5px; } .productDetails_content_msg_r_com span{ line-height: 18px; } .productDetails_content_msg_service .qq-adjective a { background: url("/images/icon/qq-cai.png") no-repeat; background-position-y: center; text-align: right; width: 60px; position: absolute; right: 4px; bottom: 0; } .productDetails_content_details { width: 1200px; display: flex; justify-content: space-between; margin-top: 20px; } .productDetails_content_details_recommnd { width: 330px; height: max-content; padding-bottom: 20px; background-color: #FFFFFF; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .productDetails_content_details_recommnd_title { width: 100%; height: 45px; padding: 0 20px; background-color: #E5E5E5; display: flex; align-items: center; } .productDetails_content_details_recommnd_title h4 { padding-left: 10px; border-left: 2px solid #0075C2; } .productDetails_content_details_msg { width: 850px; padding-bottom: 20px; background-color: #FFFFFF; } .productDetails_content_details_msg_title { width: 100%; height: 45px; background-color: #E5E5E5; display: flex; } .productDetails_content_details_msg_title h4 { width: max-content; height: 100%; padding: 0 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .productDetails_content_details_msg_title .h4_active { width: max-content; height: 100%; padding: 0 40px; background-color: #FFFFFF; display: flex; align-items: center; justify-content: center; border-top: 2px solid #F39800; color: #F39800; } .productDetails_content_details_download { padding: 18px 10px; border: 1px solid; margin: 20px 35px; display: inline-block; } .productDetails_content_details_download span { color: blue; padding-left: 20px; } .productDetails_content_details_item:nth-child(2) { text-align: center; } .productDetails_content_recommend_content_item { width: 260px; height: 350px; margin-top: 20px; border: 1px solid #E4E4E4; display: flex; flex-wrap: wrap; } .productDetails_content_recommend_content_item:hover { -webkit-box-shadow: #E4E4E4 0px 0px 10px; -moz-box-shadow: #E4E4E4 0px 0px 10px; box-shadow: #E4E4E4 0px 0px 10px; } .productDetails_content_recommend_content_item img { width: 260px; height: 260px; } .productDetails_content_recommend_content_item_model { width: 100%; display: flex; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .productDetails_content_recommend_content_item_model label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .productDetails_content_recommend_content_item_prices { width: 50%; color: #F39801; display: flex; justify-content: center; font-size: 12px; } .productDetails_content_recommend_content_item_prices label { font-size: 16px; } .productDetails_content_recommend_content_item_shipmentDate { width: 50%; color: #666666; display: flex; justify-content: center; font-size: 12px; } .productDetails_content_recommend_content_item_details { width: 100%; display: flex; justify-content: center; align-items: center; } .productDetails_content_recommend_content_item_details_btn { padding: 3px 15px; border: 1px solid #E5E5E5; background-color: #F9F9F9; color: #F39801; border-radius: 5px; cursor: pointer; } .productDetails_content_recommend_content_item_details_btn:hover { border: 1px solid #F39801; background-color: #F39801; color: white; } .productDetails_content_product { width: 1200px; margin-top: 20px; } .productDetails_content_product_list { max-height: 323px; overflow-y: hidden; } .productDetails_content_product_list:hover { overflow: auto; } .productDetails_content_product_list::-webkit-scrollbar { /*滚动条整体样式*/ width: 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .productDetails_content_product_list::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #2EA7E0; } .productDetails_content_product_list::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed; } .productDetails_scrollbar { width: 10px; margin: 0 auto; } .product_details { border: 1px solid #959595; color: #959595; background: #FFFFFF; margin-top: 10px; } /*库存尾货*/ .stock-body { width: 100%; background-color: white; } .stock-body .layui-table, .layui-table-view { margin: 0px; } .stock-body thead tr, .stock-body tbody tr:hover, .stock-body .layui-table[lay-even] tr:nth-child(even) { background-color: #F7F7F7 !important; } .stock-body tbody tr { border-bottom: 1px solid #F0F0F0; } .stock-body .stock-table-info-img { width: 100px; height: 100px; overflow: hidden; border-radius: 3px; } .stock-body .stock-table-info-img img { width: 100%; max-height: none; border: 1px solid #E7E7E7; } .stock-body .stock-table-info { display: flex; align-items: center; } .stock-body .stock-table-info-text { width: 80%; } .stock-body .stock-table-info-item { padding: 3px 0; display: flex; } .stock-body .stock-table-info-item label { width: 25%; display: inline-block; } .stock-body .stock-table-info-item span { width: 80%; word-wrap: break-word; } .stock-body .layui-table { text-align: center; } .stock-body .layui-table th { text-align: center; } .stock-body b { font-size: 16px; color: #F29700; } .stock-body .stock-table-shop { width: 100%; } .stock-body .stock-table-shop i { padding: 3px 5px; background-color: red; color: white; border-radius: 50px; } .stock-body .stock-table-shop a:hover { cursor: pointer; color: blue; } .stock-body .stock-table-flag { display: flex; justify-content: space-between; align-items: center; } .stock-body .stock-table-flag img { height: 16px; } .stock-body .stock-none { text-align: center; padding: 80px 0; } /*标签*/ .tag{ padding: 3px; border-radius: 2px; cursor: pointer; font-size: 12px; color: white; } .tag_lljx { background-color: #FAA013; } .tag_lljx:before { content: "乐利精选" } .tag_wqpp { background-color: red; } .tag_wqpp:before { content: "完全匹配" } /*搜索框*/ .autoComplete_result { padding: 10px; max-width: 100%; border: 0.05rem solid #e3e3e3; list-style: none; color: rgb(123, 123, 123); transition: all 0.1s ease-in-out; background-color: #fff; font-size: 12px; } .autoComplete_result:hover { cursor: pointer; background-color: rgba(255, 248, 248, 1); border-left: 2px solid #01afe8; border-right: 2px solid #01afe8; } .autoComplete_selected { cursor: pointer; background-color: rgba(255, 248, 248, 1); border-left: 2px solid #01afe8; border-right: 2px solid #01afe8; border-top: 2px solid transparent; border-bottom: 2px solid transparent; } .autoComplete_highlighted { opacity: 1; color: rgba(255, 122, 122, 1); font-weight: bold; } .autoComplete_list { width: 526px; position: absolute; z-index: 1000; transition: all .1s ease-in-out; text-align: left; } /*优惠券*/ .coupon_item { position: relative; width: 235px; height: 100px; } .coupon { width: 100%; height: 100%; display: flex; align-items: center; background: #fff; -webkit-mask-image: radial-gradient(circle at right 30px bottom 5px, transparent 5px, red 5.5px), linear-gradient(transparent 25%, red 0, red 75%, transparent 0); -webkit-mask-size: 100%, 1px 12px; -webkit-mask-repeat: repeat, repeat-y; -webkit-mask-position: 0 5px, calc(100% - 29.5px); -webkit-mask-composite: source-out; mask-composite: subtract; } .coupon-right { width: 30px; box-sizing: border-box; display: flex; font-size: 12px; writing-mode: vertical-lr; align-items: center; letter-spacing: 5px; color: #FAA013; cursor: pointer; } .coupon-right .disabled { color: #666666; cursor: default; } .coupon-right .get_btn[visibility='True'] { display: inline-block; } .coupon-right .get_btn[visibility='False'] { display: none; } .coupon-left { width: 205px; padding: 20px; display: flex; flex-wrap: wrap; } .coupon-amount { width: 50%; color: #FAA013; font-size: 14px; } .coupon-amount span { font-size: 28px; } .coupon-info { width: 50%; line-height: 18px; } .coupon-min { color: #333333; font-size: 12px; margin: 0; } .coupon-date { color: #666666; font-size: 12px; margin: 0; } .coupon-note { width: 100%; color: #999999; font-size: 12px; } .coupon-type { color: #333333; vertical-align: middle; } .show-note { width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; display: inline-block; } .coupon_item .desc_box { position: absolute; top: 62px; left: 170px; } .coupon_item .desc_box .tip_icon { display: inline-block; width: 16px; height: 16px; background-color: #666666; color: white; border-radius: 50%; text-align: center; line-height: 16px; cursor: pointer; vertical-align: middle; font-size: 12px; } .coupon_item .desc_box .all_desc { width: 200px; box-sizing: border-box; box-shadow: 0 0 2px 2px rgb(0 0 0 / 4%); background: white; min-height: 50px; padding: 10px; display: none; color: #333333; font-size: 12px; border-radius: 4px; position: absolute; z-index: 1000; top: 10px; left: 20px; } .tip_icon:hover + .all_desc { display: inline-block; } /*优惠券*/