@charset "utf-8"; .btns:hover, .btns_info:hover, a{ text-decoration: none } a, img { outline: 0 } img, input { vertical-align: middle } .btns { display: inline-block; width: 158px; font-size: 18px; margin-bottom: 0; line-height: 48px; color: #fff; text-align: center; cursor: pointer; border-radius: 5px; border: 1px solid #c7181e; background-color: #c7181e } .btns:hover { border: 1px solid #e6292f; background-color: #e6292f } .btns_info { color: #fc383e; border: 1px solid #fc383e; background-color: #fff } .btns_info:hover { color: #fff; background-color: #fc383e } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0 } html { -webkit-text-size-adjust: none } body { font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti; font-size: 13px; color: #666666; background-color: #f4f4f4; min-width: 1300px; } ul { list-style: none } a { color: #666666 } table { border-collapse: collapse } input { border: 0 } a:hover { text-decoration: underline } .clearfix:after { content: '\20'; display: block; height: 0; clear: both } .clearfix { zoom: 1 } .w1180 { width: 1200px; margin: 0 auto; overflow: hidden } .w1190 { width: 1190px; margin: 0 auto; overflow: hidden } .hide { display: none } #mall_footer .w1180, #mall_header .w1180 { width: 1200px; margin: 0 auto; overflow: visible } #mall_footer .w1000, #mall_header .w1000 { width: 1000px; margin: 0 auto } #mall_header .topTips { height: 34px; line-height: 34px; background-color: #fbeeb1; text-align: center; border-bottom: 1px solid #aaa } #mall_header .topbar { background-color: #f2f2f2; height: 35px; line-height: 35px; color: #666666; } #mall_header .toplink { float: left; position: relative; } #mall_header .topbar i { display: inline-block; margin-right: 5px; vertical-align: middle; position: relative; top: -2px } #mall_header .topbar i.home { width: 12px; height: 10px; background-position: -336px 0 } #mall_header .topbar i.tel { width: 16px; height: 16px; background-position: -336px -16px } #mall_header .topmenu { float: right; text-align: right; color: #ccc } #mall_header .topmenu .msn_box { display: none; position: absolute; top: 30px; right: 0; border: 1px solid #e6e6e6; background-color: #fff; text-align: left; padding: 5px 10px; color: #c7181e; line-height: 180%; z-index: 10; white-space: nowrap } #mall_header .topmenu .msn.hover .msn_box { display: block } #mall_header .topmenu .msn_box a { color: #3078bf } #mall_header .topmenu .msn span { color: #c7181e; margin: 0 0 0 4px; font-weight: 700; font-family: serif } #mall_header .header_box { height: 100px } #mall_header .logo { float: left; width: 246px; height: 100px; } #mall_header h1 { float: left; margin: 13px 0 0 20px; padding-left: 20px; height: 54px; line-height: 54px; font-weight: 400; color: #666; border-left: 1px solid #e6e6e6 } #mall_header .nav { overflow: hidden; float: left; margin-left: 80px } #mall_header .nav li { float: left; height: 36px; text-align: center; padding: 44px 0 20px; font-size: 16px; margin-right: 5px } #mall_header .nav li a { color: #333; display: block; height: 36px; padding: 0 25px; line-height: 36px; border-radius: 4px } #mall_header .nav li.on a, #mall_header .nav li.on a:hover { color: #fff; text-decoration: none; background: #c7181e } #mall_header .nav li a:hover { color: #f07230; text-decoration: none } #mall_header .nav li a.hot { position: relative } #mall_header .nav li a.hot .icon_hot { position: absolute; right: -10px; top: -8px; width: 24px; height: 15px; background-position: -370px -45px } #mall_header .shopCar { float: right; z-index: 11; height: 36px; margin-top: 34px; margin-right: 33px; position: relative; } #mall_header .shopCar .default { width: 134px; height: 35px; background: url(../../img/comm/top_btn.png) no-repeat; text-align: center; line-height: 35px; font-size: 15px; position: relative; display: block; color: #ffffff; text-decoration: none; } #mall_header .shopCar .default i{ font-size: 24px; display: inline-block; } #mall_header .shopCar .default span{ display: inline-block; vertical-align: top; } #mall_header .subtitle .nav { float: right } #mall_header .subtitle h1 { float: left; font-size: 24px; margin: 13px 0 0 20px; padding-left: 20px; height: 54px; line-height: 54px; font-weight: 400; color: #666; border-left: 1px solid #e6e6e6 } #mall_footer a { color: #333 } #mall_help{ margin-top: 20px; } #mall_help .w1180{ background: #ffffff; } #mall_help .advantage { overflow: hidden; padding: 30px 0; border-bottom: 1px #eff4ef solid; } #mall_help .advantage li { float: left; width: 33.33%; font-size: 18px; position: relative } #mall_help .advantage li i{ font-size: 60px; margin-left: 40px; float: left; color: #ff7b00; } #mall_help .advantage li div{ float: left; margin-left: 10px; margin-top: 10px; } #mall_help .advantage li div b{ font-size: 16px; color: #333333; } #mall_help .advantage li div p{ font-size: 14px; line-height: 2; } #mall_help .help_box{ margin-top: 0; } #mall_help .help_link { margin: 40px 0; overflow: hidden; width: 596px; float: left; } #mall_help .help_link li { float: left; color: #999; line-height: 200%; width: 24.33%; padding-left: 9%; } #mall_help .help_link dt { font-size: 16px; color: #333333; padding: 0 0 15px } #mall_help .help_box .help_right{ float: left; border-left: 1px #eff4ef solid; height: 225px; width: 500px; } .help_contact{ float: left; margin-left: 50px; } .help_contact h3{ font-size: 20px; font-weight: 400; line-height: 2.5; color: #333333; letter-spacing: 1px; } .help_qr_code{ float: right; } .help_qr_code span{ text-align: center; line-height: 2.5; } .help_contact,.help_qr_code{ margin-top: 40px; } #mall_help .help_box .help_right span{ display: block; font-size: 16px; color: #333; } #mall_footer p { padding: 15px 0 0; color: #333 } #mall_footer .copyright { text-align: center; padding: 30px 0 20px; } #hm_t_undefined { display: none!important } .slidesjs-container a { display: none } .slidesjs-pagination { margin: 7px 0 0; float: right; list-style: none } .slidesjs-pagination li { float: left; margin: 0 1px } .slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-position: 0 0; float: left; overflow: hidden } .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover, .slidesjs-pagination li a:hover.active { background-position: 0 -13px } /*替换头部背景色以及房子图标*/ #mall_header:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; } #mall_header .topbar { background: #e7e7e7; } #mall_header .toplink a{ color: #222222; padding: 0 5px; } #mall_header .topmenu a,#mall_header .topmenu .menu_link, #mall_header .topmenu span { color: #666; } #mall_header .topmenu .menu_link{ padding:0 10px; display: inline-block; vertical-align: top; position: relative; float: left; cursor: pointer; } #mall_header .topmenu .menu_link em{ width: 1px; height: 12px; background: #999; position: absolute; right: 0; top:50%; margin-top: -6px; z-index: 0; } .menu_list_box{ position: absolute; z-index: 3; top:35px; background: #ffffff; display: none; border-left: 1px #e3e4e5 solid; border-right: 1px #e3e4e5 solid; border-bottom: 1px #e3e4e5 solid; } .cartbox .menu_list_box{ width: 250%; right: -1px; text-align: center; padding: 20px 0; } .menu_user .menu_list_box{ width: 200%; left: -1px; text-align: center; } .menu_user .menu_list_box .un_login{ padding: 15px 0; display: block; } .menu_user .menu_list_box .un_login img{ margin-right: 5px; width: 45px; height: 45px; border-radius: 50%; } .menu_user .menu_list_box .user_list{ margin:0 15px 15px; overflow: hidden; } .menu_user .menu_list_box .user_list li{ width: 50%; float: left; line-height: 2; } #mall_header .menu_link:hover{ background: #ffffff; border-left: 1px #e3e4e5 solid; border-right: 1px #e3e4e5 solid; } #mall_header .menu_link.un_hover:hover{ background: no-repeat; border: none; } #mall_header .menu_link:hover em{ display: none; } #mall_header .menu_link:hover .icon-arrow_bottom{ color: #ef722f; } #mall_header .menu_link:hover .icon-arrow_bottom:before{ content: "\e734"!important; } #mall_header .menu_link .menu_list_box{ width: 160px; } #mall_header .menu_link:hover .menu_list_box{ display: block; left: -1px; } #mall_header .toplink .menu_link .menu_list_box li{ float: left; width: 50%; text-align: center; line-height: 1; } .company-list-list{position: absolute!important; left: 260px; margin-left: 0!important; top:0; width:200px;} .company-list-list .menu_list_box{ width: 240px!important; padding-bottom: 10px; } .company-list-list .text-red{ padding-right: 5px; vertical-align: middle; color: #ef722f!important; } .company-list-list .text-red + i{ color: #f39616!important; display: inline-block; vertical-align: middle; } .company-list-list .menu_list_box li{ width: 100%!important; padding: 10px 0; text-align: left!important; box-sizing: border-box; padding-left: 20px; border-bottom: 1px #cccccc solid; cursor: pointer; } .company-list-list .menu_list_box li:last-child{ border-bottom: none; } #mall_header .menu_link:hover .menu_list_box li i{ font-size: 25px; color: #999999; } .company-list-list .menu_list_box li i{ font-size: 18px!important; color: #f39616!important } #mall_header .menu_link:hover .menu_list_box ul{ margin-top: 20px; } .toplink .menu_link{ margin-left: 140px; padding: 0 20px; position: relative; }.toplink span{ float: left; } .tel_box{ margin-left: 5px; display: inline-block; vertical-align: top; } .tel_box i{ font-size: 22px; color: #515151; vertical-align: top; } .tel_box span{ font-size: 16px; color: #222; } .icon-arrow_bottom{ font-size: 14px!important; color: #999; top:-1px!important; margin-right: 0!important; } .cartbox .icon-cart{ color: #ef722f; font-size: 30px; margin-right: 0!important; } .cartbox span{ background-color: #ef722f; padding: 2px 10px; font-size: 12px; color: #ffffff!important; border-radius:10px ; margin:0 5px; } /*更改导航文字颜色*/ #mall_header .nav { margin-left: 50px; } #mall_header .nav li { margin-right: 0; } #mall_header .nav li a { color: #555; /*font-weight: bold;*/ margin-right: 25px; padding: 0; } #mall_header .nav li.on a, #mall_header .nav li.on a:hover { background: none; color: #ef722f; } #mall_header .logo { background: url("../../img/comm/index-logo.png") no-repeat; background-size:auto 100%; } .icons{ display: inline-block; background: url('../../img/comm/icon.png?162292adb05') no-repeat; } .fixed{ position: fixed; top:50%; right: 0; z-index: 10; margin-top: -55px; text-align: center; width: 45px; background: #e5e5e5; padding: 5px 0; font-size: 12px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .fixed li{ padding: 5px 0; border-bottom: 1px #f4f4f4 solid; } .fixed li a:hover{ text-decoration: none; } .fixed li .cart_right{ position: relative; cursor: pointer; padding-left: 20px; margin-left: -20px; } .fixed li .cart_right .menu_list_box{ width: 320px; right: 55px; top:50%; margin-top: -40px; z-index: 10; padding: 20px 0; border-top: 1px #e3e4e5 solid; } .fixed li .cart_right .menu_list_box.gzh_box{ width: 180px; margin-top: -90px; } .fixed li .cart_right:hover .menu_list_box{ display: block; } .fixed li .cart_right .menu_list_box i{ position: absolute; background: url(../../img/comm/a_r.png) no-repeat; width: 7px; height: 10px; right:-7px; top:50%; margin-top: -5px; } .fixed li i{ font-size: 20px; } .fixed li span{ display: block; line-height: 1; } .fixed li span.num{ background-color: #ef722f; padding: 2px 10px; font-size: 12px; color: #ffffff!important; border-radius: 10px; margin: 0 5px; display: inline-block; } .fixed li.last{ border-bottom: none; } .circle { width: 4px; height: 4px; display: inline-block; border-radius: 50%; background: #ef722f; margin-right: 5px; vertical-align: middle; } samp{ font-family: inherit; } .yellow_text{ color: #ef722f; } .red_text{ color: #ff3300; } /*分页*/ .paging{text-align: center;width: 100%;margin: 30px auto 50px;} .paging .keuInput { padding: 0 5px; width: 30px; border: solid thin #ddd; height: 29px; outline: none; text-align: center; font-size: 16px; } .paging .btnSure { padding: 6px 25px; outline: none; border: none; text-align: center; font-size: 14px; color: #ffffff; background: #666666; position: relative; top: 2px; margin-left: 10px; } .pageMenu{display: inline-block;position: relative;} .pageMenu li{border: solid thin #ddd;margin: 3px;float: left;padding: 8px 13px;cursor: pointer;background: #fff;} .pageMenu li.firstPage{} .pageMenu li.prevPage{} .pageMenu li.pageNum{} .pageMenu li.nextPage{} .pageMenu li.lastPage{} .pageMenu li.disabled{ background-color: #DDDDDD; cursor: not-allowed;} .pageMenu li.active{ border: solid thin #fc6b00;background-color: #fc6b00;color: white;} .pageMenu li.last{background: transparent;border:0;position: relative;top: -5px;} .page .keuInput{padding: 0 5px;width: 30px;border: solid thin #ddd;height: 29px;outline: none;text-align: center;font-size: 16px;} .page .btnSure{padding: 4px 8px;border: solid thin #ddd;outline: none;text-align: center;font-size: 16px;background: #fff;position: relative;top: 2px;} .page .btnSure:hover{cursor: pointer;} .pageObj{float: left;} .tooltips { position: relative; cursor: pointer; display: inline-block; } .tooltips span { position: absolute; color: #333; background: #fff; padding:10px; width:140px; border: 1px #ef722f solid; text-align: center; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .tooltips > span img{max-width:140px;} .tooltips[tooltip-position="top"] span{ margin-left:10px; } .tooltips[tooltip-position="left"] span{ margin-top:30px; } .tooltips[tooltip-position="right"] span{ margin-top:-20px; width: 200px; padding: 20px; } .tooltips span:after,.tooltips span:before { content: ''; position: absolute; width: 0; height: 0; } .tooltips[tooltip-position="top"] span:after{ top: 100%; left: 50%; margin-left: -5px; border-top: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; } .tooltips[tooltip-position="bottom"] span:after{ bottom: 100%; left: 50%; margin-left: -5px; border-bottom: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; } .tooltips[tooltip-position="bottom"] span:before{ bottom: 100%; left: 50%; margin-left: -6px; border-bottom: 6px solid #ef722f; border-right: 6px solid transparent; border-left: 6px solid transparent; } .tooltips[tooltip-position="left"] span:after{ top: 50%; left: 100%; margin-top: -5px; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .tooltips[tooltip-position="right"] span:after{ top: 50%; right: 100%; margin-top: -5px; border-right: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .tooltips[tooltip-position="right"] span:before{ top: 50%; right: 100%; margin-top: -6px; border-right: 6px solid #ef722f; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .tooltips:hover span { visibility: visible; opacity: 1; z-index: 999; filter: alpha(opacity=100); } .tooltips[tooltip-position="top"]:hover span{ bottom: 30px; left: 50%; margin-left: -76px; } .tooltips[tooltip-position="bottom"]:hover span{ top: 20px; left: 50%; margin-left: -76px; } .tooltips[tooltip-position="left"]:hover span{ right: 100%; top: 50%; margin-top: -15px; margin-right: 15px; } .tooltips[tooltip-position="right"]:hover span{ left:100%; top: 50%; margin-top: -31px; margin-left: 5px; font-weight: bold; } .tooltips[tooltip-type="primary"] > span { background-color:#2980b9; } .tooltips[tooltip-type="primary"][tooltip-position="top"] > span:after{ border-top: 8px solid #2980b9; } .tooltips[tooltip-type="primary"][tooltip-position="bottom"] > span:after{ border-bottom: 8px solid #2980b9; } .tooltips[tooltip-type="primary"][tooltip-position="left"] > span:after{ border-left: 8px solid #2980b9; } .tooltips[tooltip-type="primary"][tooltip-position="right"] > span:after{ border-right: 8px solid #2980b9; } .tooltip-box { position: relative; cursor: pointer; } .tooltip-box .tooltip-c{ margin-left:10px; position: absolute; color: #333; background: #fff; padding:20px; width:320px; border: 2px #ef722f solid; text-align: center; visibility: hidden; opacity: 0; filter: alpha(opacity=0); text-align: left; line-height: 1.8; } .tooltip-box.btns-box{ float: left; } .tooltip-box:hover .tooltip-c{ visibility: visible; opacity: 1; z-index: 999; filter: alpha(opacity=100); } .tooltip-box:hover .tooltip-c{ bottom: 28px; left: 50%; margin-left: -191px; } .tooltip-box .tooltip-c:after,.tooltip-box .tooltip-c:before { content: ''; position: absolute; width: 0; height: 0; } .tooltip-box .tooltip-c:after{ top: 100%; left: 50%; margin-left: -5px; border-top: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; } .tooltip-box .tooltip-c:before{ top: 100%; left: 50%; margin-left: -7px; border-top: 7px solid #ef722f; border-right: 7px solid transparent; border-left: 7px solid transparent; } .btns-box { position: relative; cursor: pointer; } .btns-box .tooltip-c{ margin-left:10px; position: absolute; color: #333; background: #fff; padding:20px; width:120px; border: 2px #ef722f solid; text-align: center; visibility: hidden; opacity: 0; filter: alpha(opacity=0); text-align: left; line-height: 1.8; } .btns-box{ float: left; } .btns-box .on + .tooltip-c{ visibility: visible; opacity: 1; z-index: 999; filter: alpha(opacity=100); left: 50%; margin-left: -80px; text-align: center; bottom:35px; } .btns-box .tooltip-c:after,.btns-box .tooltip-c:before { content: ''; position: absolute; width: 0; height: 0; } .btns-box .tooltip-c:after{ top: 100%; left: 50%; margin-left: -5px; border-top: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; } .btns-box .tooltip-c:before{ top: 100%; left: 50%; margin-left: -7px; border-top: 7px solid #ef722f; border-right: 7px solid transparent; border-left: 7px solid transparent; } .icon-quality{ font-size: 20px!important; color: #ef722f; vertical-align: middle; font-weight: normal!important } .icon-recovery{ font-size: 20px!important; color: #0866ff; vertical-align: middle; font-weight: normal!important } .city-picker-input { opacity: 0 !important; top: -9999px; left: -9999px; position: absolute; } .city-picker-span { position: relative; display: inline-block; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-bottom: 1px solid #ccc; background-color: #fff; color: #ccc; cursor: pointer; } .city-picker-span .title{ padding-left: 5px; } .city-picker-span > .placeholder { color: #aaa; } .city-picker-span > .arrow { position: absolute; top: 50%; right: 8px; width: 10px; margin-top: -3px; height: 5px; background: url(../../img/comm/drop-arrow.png) -10px -25px no-repeat; } .city-picker-span.focus, .city-picker-span.open { border-bottom-color: #46A4FF; } .city-picker-span.open > .arrow { background-position: -10px -10px; } .city-picker-span > .title > span { color: #333; padding: 5px; border-radius: 3px; } .city-picker-span > .title > span:hover { background-color: #f1f8ff; } .city-picker-dropdown { position: absolute; width: 315px; left: -9999px; top: -9999px; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 999999; display: none; min-width: 330px; margin-bottom: 20px; } .city-select-wrap { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } .city-select-tab { border-bottom: 1px solid #ccc; background: #f0f0f0; font-size: 13px; min-width: 360px; } .city-select-tab > a { display: inline-block; padding: 8px 22px; border-left: 1px solid #ccc; border-bottom: 1px solid transparent; color: #4D4D4D; text-align: center; outline: 0; text-decoration: none; cursor: pointer; font-size: 14px; margin-bottom: -1px; } .city-select-tab > a.active { background: #fff; border-bottom: 1px solid #fff; color: #46A4FF; } .city-select-tab > a:first-child { border-left: none; } .city-select-tab > a:last-child.active { border-right: 1px solid #ccc; } .city-select-content { width: 100%; min-height: 10px; background-color: #fff; padding: 10px 15px; } .city-select { font-size: 13px; } .city-select dl { line-height: 2; clear: both; padding: 3px 0; margin: 0; } .city-select dt { position: absolute; width: 2.5em; font-weight: 500; text-align: right; line-height: 2; } .city-select dd { margin-left: 0; line-height: 2; } .city-select.province dd { margin-left: 3em; } .city-select a { display: inline-block; padding: 0 10px; outline: 0; text-decoration: none; white-space: nowrap; margin-right: 2px; text-decoration: none; color: #333; cursor: pointer; } .city-select a:hover, .city-select a:focus { background-color: #f1f8ff; border-radius: 2px; color: #46A4FF; } .city-select a.active { background-color: #46A4FF; color: #fff; border-radius: 2px; } .toast, .t { color: #fff; padding: 15px 40px; background: rgba(0, 0, 0, .5); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } .t i.success { color: #8fc320; } .t i.error { color: #ff7b00; } .t i.success:before { content: "\e640"; } .t i.error:before { content: "\e664"; } .select-box { width: 225px; height: 48px; padding: 10px; border: none; } .toast_bgm { width: 100%; height: 100%; background: rgba(0, 0, 0, .5); position: fixed; left: 0; top: 0; } .toast_bgm span { display: inline-block; vertical-align: middle; } .toast_bgm i { display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: 1px; font-size: 24px; }

      国产成人精品一区二区秒拍,免费观看又色又爽又黄的视频免费,亚洲不卡AV不卡一区二区

      品牌简介

      {转码主词}