@charset "utf-8"; /* CSS Document */ @import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin'); * { margin: 0; padding: 0; list-style: none; } /*! Amaze UI v2.7.2 | by Amaze UI Team | (c) 2016 AllMobilize, Inc. | Licensed under MIT | 2016-08-17T16:17:24+0800 */ /* ========================================================================== Component: Base ============================================================================ */ /** * Fix the flawed CSS box model - Yes, IE6's box model is better * Browser support: IE8+ * via: http://paulirish.com/2012/box-sizing-border-box-ftw/ */ *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* normalize.css v3.0.2 | git.io/normalize */ /* Set and to inherit the height of the viewport */ html, body { min-height: 100%; } /** * 1. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust */ html { -ms-text-size-adjust: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 1 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. * hgroup has been removed from the HTML5 (W3C) specification * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hgroup */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template, script { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Remove text-decoration */ ins, a { text-decoration: none; } a{ display: block; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * 1. Corrects max-width behavior (2.) if padding and border are used * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height * 3. Remove the gap between images and the bottom of their containers * 4. Remove border when inside `a` element in IE 8/9. * remove 2. for Issue #502 */ img { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ vertical-align: middle; /* 3 */ border: 0; /* 4 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 0; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` css inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` css inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to css clickable `input` types in iOS. * 3. Improve usability and consistency of cursor css between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* * 1. Improves consistency of cursor style for clickable elements * 2. Removes excess padding in IE 8/9. * 3. Address box sizing set to `content-box` in IE 8/9/10. */ input[type="radio"], input[type="checkbox"] { cursor: pointer; /*1*/ padding: 0; /*2*/ -webkit-box-sizing: border-box; box-sizing: border-box; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Fix the cursor css for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor css of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ resize: vertical; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* AMUI Base ========================================================================== */ /** * `font-size` is set in `html` element to support the `rem` unit for font-sizes * NOTE: IE9 & IE10 do not recognize `rem` units when used with the `font` shorthand property. */ html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; font-weight: normal; line-height: 1.4285em; color: #333333; font-size: 1.4rem; margin: 0px; padding: 0px; overflow-x: hidden; min-width: 320px; background-color: #f7f7f7; font-smoothing: antialiased; } /** * 1. http://usabilitypost.com/2012/11/15/w-optimizelegibility-on-mobile-devices/ * 2. http://maxvoltar.com/archive/-webkit-font-smoothing * NOTE: http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/ * 3. http://maximilianhoffmann.com/posts/better-font-rendering-on-osx * http://jaydenseric.com/blog/css-font-smoothing-for-firefox-mac */ body, input, textarea, select, button { text-rendering: optimizeLegibility; /* 1 */ -webkit-font-smoothing: antialiased; /* 2 */ -moz-osx-font-smoothing: grayscale; /* 3 Default: auto */ -moz-font-feature-settings: "liga", "kern"; } /*Only phones */ @media only screen and (max-width: 640px) { /** * Break strings if their length exceeds the width of their container */ body { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } } /** * links */ a { color: #333; } a:hover, a:focus { color: #d3694c; } a:focus { outline: thin dotted; outline: 1px auto -webkit-focus-ring-color; outline-offset: -2px; } /* Insert */ ins { background: #ffa; color: #333333; } /** * Mark * Note: Addresses styling not present in IE 8/9. */ mark { background: #ffa; color: #333333; } /** * Abbreviation and definition */ abbr[title], dfn[title] { cursor: help; } dfn[title] { border-bottom: 1px dotted; font-style: normal; } /* Spacing for block elements */ p, hr, ul, ol, dl, blockquote, pre, address, fieldset, figure { margin: 0 0 1rem 0; } * + p, * + hr, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure { margin-top: 1.6rem; } /* Headings ========================================================================== */ h1, h2, h3, h4, h5, h6 { margin: 0 0 1.6rem 0; font-weight: normal; font-size: 100%; } h1 { font-size: 1.5em; } h2 { font-size: 1.25em; } * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top:0.5em; } /* Ordered and unordered lists */ ul, ol { padding-left: 2em; } /* Reset margin for nested lists */ ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 1em 0; } /* Description lists */ dt { font-weight: normal; } dt + dd { margin-top: .5em; } dd { margin-left: 0; } dd + dt { margin-top: 1em; } /** * Horizontal rule * 1. Address differences between Firefox and other browsers. */ hr { display: block; padding: 0; border: 0; height: 0; border-top: 1px solid #eeeeee; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ } /* Address */ address { font-style: normal; } /* Quotes */ blockquote { padding-top: 5px; padding-bottom: 5px; padding-left: 15px; border-left: 4px solid #ddd; font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif; /* Small print for identifying the source */ /* Smaller margin if `small` follows */ } blockquote small { display: block; color: #999999; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; text-align: right; } blockquote p:last-of-type { margin-bottom: 0; } /* iframe */ iframe { border: 0; } /* Forms ========================================================================== */ /** * Vertical alignment * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text */ button, input:not([type="radio"]):not([type="checkbox"]), select { vertical-align: middle; } /** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td /* table elements 表格元素 */ { margin: 0; padding: 0; } button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } h1, h2, h3, h4, h5 { font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.28571429em; font-weight: bold; padding: 0em; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp { font-family: courier new, courier, monospace; } /** 重置列表元素 **/ ul, ol { list-style: none; } /** 重置文本格式元素 **/ a { text-decoration: none; } a:hover { text-decoration: none; } /** 重置表单元素 **/ legend { color: #000; } /* for ie6 */ fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */ button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */ /* 注：optgroup 无法扶正 */ /** 重置表格元素 **/ table { border-collapse: collapse; border-spacing: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; 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 { padding: 0; border: 0 } input { line-height: normal; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } input {-webkit-appearance:none;} input[type="submit"],input[type="reset"],input[type="button"],input{-webkit-appearance:none;} input{ border:none; } /*去除webkit的滚动条 */ element::-webkit-scrollbar{ display: none; } /*去除button在ios上的默认样式*/ button{ -webkit-appearance: none; border-radius: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } address, cite, dfn, em, var { font-style: normal } code, kbd, pre, samp { font-family: courier new, courier, monospace } img { border: 0; vertical-align: middle } img{ display:block } em, i, u { font-style: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } legend { color: #000 } fieldset, img { border: 0 } button, input, select, textarea { font-size: 100% } table { border-collapse: collapse; border-spacing: 0 } button { border-radius: 0; } /*通用样式*/ /* 清除浮动 */ .clear:after { content: '\20'; display: block; height: 0; clear: both; } .clear { *zoom: 1; } .clear, .clr { display: block; overflow: hidden; clear: both; height: 0; line-height: 0; font-size: 0 } .clearfix:before,.clearfix:after { content: ' '; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { *zoom: 1 } .fl { float: left } .fr { float: right } .al { text-align: left } .ac { text-align: center } .ar { text-align: right } .hide { display: none } .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; } .mr30 { margin-right: 30px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml40 { margin-left: 40px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .p10 { padding: 10px; } .p20 { padding: 20px; } .p30 { padding: 30px; } .plr15{ padding: 0 15px; } .plr20{ padding: 0 20px; } .plr15b20{ padding: 0 15px 20px 15px; } .pt15lr20b20{ padding: 15px 15px 20px 15px; } .ptb20{ padding: 20px 0; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .f12 { font-size: 12px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .f24 { font-size: 24px; } .body-white{ background-color: #FFFFFF; } /*字体颜色*/ /*灰*/ .gray1 { color: #e6e8eb; } .gray1 a, a.gray1 { color: #e6e8eb; } .gray1 a:hover, a:hover.gray1 { color: #db2828; } .gray2 { color: #a4abb1; } .gray2 a, a.gray2 { color: #a4abb1; } .gray2 a:hover, a:hover.gray2 { color: #db2828; } .gray3 { color: #999999; } .gray3 a, a.gray3 { color: #999999; } .gray3 a:hover, a:hover.gray3 { color: #db2828; } /*红*/ .red { color: #435981; } .red a, a.red { color: #d01919; } .red a:hover, a:hover.red { color: #000; } /*橙色*/ .orange { color: #435981; } .orange a, a.orange { color: #ba5046; } .orange a:hover, a:hover.orange { color: #000; } /*黄色*/ .yellow { color: #FBBD08; } .yellow a, a.yellow { color: #FBBD08; } .yellow a:hover, a:hover.yellow { color: #000; } /*绿色*/ .green { color: #d36a4d; } .green a, a.green { color: #21BA45; } .green a:hover, a:hover.green { color: #000; } /*蓝色*/ .blue { color: #435981; } .blue a, a.blue { color: #2185D0; } .blue a:hover, a:hover.blue { color: #000; } /*个别颜色*/ /*橙色*/ .orange2 { color: #fe6101; } .orange2 a, a.orange2 { color: #fe6101; } .orange2 a:hover, a:hover.orange2 { color: #000; } /*绿色*/ .green2 { color: #009932; } .green2 a, a.green2 { color: #009932; } .green2 a:hover, a:hover.green2 { color: #000; } /*黄色*/ .yellow2 { color: #cda000; } .yellow2 a, a.yellow2 { color: #cda000; } .yellow2 a:hover, a:hover.yellow2 { color: #000; } /*褐色*/ .brown { color: #8b5300; } .brown a, a.brown { color: #8b5300; } .brown a:hover, a:hover.brown { color: #000; } /*枚红色*/ .Rosered { color: #a61830; } /*草绿色*/ .Grassgreen { color: #84ab0d; } /*粉红*/ .pink { color: #ff635c; } /*姜黄*/ .turmeric { color: #cda000; } /*边框*/ .bor1 { border: 1px solid #ebebeb; } .bor2 { border: 1px solid #ebebeb; border-top: 0; } .bor3 { border-bottom: 1px solid #ebebeb; } .bor-top { border-top: 1px solid #ebebeb; } .bor-left { border-left: 1px solid #ebebeb; } /*边开始*/ .bdr-tb { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-width: 1px 0 1px 0; background-color: #fff; } .bdr-t { border-top: 1px solid #ebebeb; border-width: 1px 0 0 0; background-color: #fff; } /*通用下边上边*/ .border-1px-bottom-middle { position: relative; } .border-1px-bottom-middle:after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); background-color: #f1f1f1; -webkit-transform-origin: top left; transform-origin: top left; } .border-1px-top-middle { position: relative; } .border-1px-top-middle:before { border-top: 1px solid #ebebeb; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } /*通用上下边*/ .bdb-1px{ position: relative; } .bdb-1px:before,.bdb-1px:after { border-top: 1px solid #ebebeb; content: " "; width: 100%; display: block; position: absolute; right: 0; bottom: 0; } .border-1px:before { top: 0; } .border-1px:after { bottom: 0; } .border-1px:before, .border-1px:after { border-top: 1px solid #ebebeb; content: ' '; display: block; width: 100%; position: absolute; left: 0; } /*边结束*/ /*宽度*/ .w80 { width: 80px; } /*上下篇*/ .pageArticle { width: 100%; color: #727272; border-bottom: 1px solid #e6e8eb; border-top: 1px solid #e6e8eb; background-color: #FFFFFF; padding:10px; line-height: 2.0rem; } .pageArticle li { display: block; width: 100%; color: #999999; font-size: 1.2rem; padding-bottom: 5px; } .pageArticle li span{ display: block; } .pageArticle a { color: #ba5046; text-decoration: underline; line-height: 1.8rem; } .mt49{ margin-top: 49px; } h3.ui.header{ height: auto !important; } /*.header{ width: 100%; height: 49px; line-height: 49px; padding: 0 10px; }*/ .header-fixed{ position: fixed; top: 0; left: 0; z-index: 10; } .header .header-left{ left: 0px; position: absolute; top: 0; height: 4rem; line-height: 4rem; width: 49px; text-align: center; } .header .header-right{ right: 0px; position: absolute; top: 0; height: 4rem; line-height: 4rem; width: 49px; text-align: center; } .header .header-title{ width: 70%; } .header .header-title{ font-weight: normal; text-align: center; display: block; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 8px 0; } .header .header-title a{ position: absolute; left: 10px; top: 6px; } .header.theme-header .header-title{padding: 0;margin: 0;position: absolute;top: 0;left: 16%;} .header.theme-header{ position: relative; height: 4rem; padding-top: .7rem; color: #FFFFFF; background: rgb(100,204,255); background: linear-gradient(180deg, rgba(100,204,255,1) 0%, rgba(117,157,255,1) 100%); } .header.theme-header.index { z-index: 100; position: fixed; width: 100%; top: 0; } .header.theme-header .header-tag-text a,.header.theme-header .header-tag a{ color: #FFFFFF; } .header.header-white .header-tag a{ color: #FFFFFF; } .header .header-tag-text { font-size: 12px; line-height: 13px; } .header .header-tag-text i{ line-height: 20px; display: block; font-size: 20px; text-align: center; margin-top: 10px; } .header .header-title h1{ line-height: 4rem; font-size: 16px; font-weight: normal; } .ui.input input{ padding: 5.5px 10px !important; line-height: 20px !important; } /*内页白背景头部*/ .header.inner-header{ background-color: #FFFFFF; } .header .header-tag i{ display: block; line-height: 3.7rem; font-size: 1.6rem; } .header .header-tag i.iconliebiaokaobei { font-size: 1.1rem; } .header.inner-header .header-tag i{ color: #686868; } /* .header.inner-header{ border-bottom: 1px solid #e5e5e5; } */ /*产品浮层头部*/ .float-header{ position: fixed; top: 0; left: 0; z-index: 10; } .float-header .header-left{ left: 10px; top: 10px; width: 39px; line-height: 39px; } .float-header .header-right{ right: 10px; top: 10px; width: 39px; line-height: 39px; } .float-header .header-tag a{ color: #FFFFFF; background-color: rgba(0,0,0,0.5); border-radius: 50%; display: block; } .float-header .header-tag a i{ line-height: 39px; } /*产品下拉头部*/ .pro-header-drop{ position: fixed; top: 0; left: 0; z-index: 10; background-color: #FFFFFF; border-bottom: 1px solid #dedede; } .pro-header-drop .header-title li{ width: 33.3%; text-align: center; color: #999999; float: left; line-height: 33px; position: relative; } .pro-header-drop .header-title li.active{ color: #ba5046; } .pro-header-drop .header-title li.active:after{ content: " "; position: absolute; left: 0; bottom: -7px; width: 100%; height: 1px; background-color: #ba5046; } .body-white{ background-color: #FFFFFF; } .index-body{ background-color: #f7f7f7; } body{padding-bottom: 5.5rem;} .ui.uncover.sidebar{ z-index: 102 !important; } /*轮播图改变箭头大小与颜色以及小点点的颜色*/ .swiper-button-next, .swiper-container-rtl .swiper-button-prev { width: 1.3rem !important;height: 2.3rem !important; background-size: cover !important;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d26b28'%2F%3E%3C%2Fsvg%3E") !important; display: none !important; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { width: 1.3rem !important;height: 2.3rem !important; background-size: cover !important; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d26b28'%2F%3E%3C%2Fsvg%3E") !important; display: none !important; } .swiper-pagination-bullet-active { opacity: 1;background: #fff !important; } .tu img { width: 100%; } .floatrightfoot { z-index: 9999; right: 5px; bottom: 100px; margin: 0 auto; margin-top: 10px; } .floatrightfoot > a { display: inline-block !important; height: 2.5rem; margin-right: .8rem; } .floatrightfoot > a:last-child { margin-right: 0; } .floatrightfoot img{ width: auto; height: 100%; }