/* ========================================================================== 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 { 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; } /** * 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; outline: 0; } /** * Address `outline` inconsistency between Chrome and other browsers. */ /** * 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; } /** * 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 { 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; } /* 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` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style 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 style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style 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*/ 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 style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style 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 */ 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; } /* Border-radius*/ .gt-square { border-radius: 0; } .gt-radius { border-radius: 5px; } .gt-round { border-radius: 1000px; } .gt-circle { border-radius: 50%; } /* Float blocks*/ .gt-cf:before, .gt-cf:after { content: " "; display: table; } .gt-cf:after { clear: both; } .gt-fl { float: left; } .gt-fr { float: right; } .gt-nbfc { overflow: hidden; } .gt-center { display: block; margin-left: auto; margin-right: auto; } /* Display */ .gt-block { display: block !important; } .gt-inline { display: inline !important; } .gt-inline-block { display: inline-block !important; } .gt-hide { display: none !important; visibility: hidden !important; } /* * Remove whitespace between child elements when using `inline-block` */ .gt-vertical-align { font-size: 0.001px; } /* * The `@{ns}vertical-align` container needs a specific height */ .gt-vertical-align:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } /* * Sub-object which can have any height * 1. Reset whitespace hack */ .gt-vertical-align-middle, .gt-vertical-align-bottom { display: inline-block; font-size: 16px; /* 1 */ max-width: 100%; } .gt-vertical-align-middle { vertical-align: middle; } .gt-vertical-align-bottom { vertical-align: bottom; } .gt-responsive-width { box-sizing: border-box; max-width: 100%; height: auto; } .gt-text-primary { color: #2B9AFF; } .gt-text-secondary { color: #78beff; } .gt-text-success { color: #5eb95e; } .gt-text-warning { color: #F37B1D; } .gt-text-danger { color: #dd514c; } .gt-link-muted { color: #666; } .gt-link-muted a { color: #666; } .gt-link-muted:hover, .gt-link-muted a:hover { color: #555; } .gt-text-default { font-size: 16px; } /* .@{ns}text-xxs { font-size: @font-size-xxs; } */ .gt-text-xs { font-size: 12px; } .gt-text-sm { font-size: 14px; } .gt-text-lg { font-size: 18px; } .gt-text-xl { font-size: 24px; } .gt-text-xxl { font-size: 32px; } .gt-text-xxxl { font-size: 42px; } .gt-ellipsis, .gt-text-truncate { word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .gt-text-break { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .gt-text-nowrap { white-space: nowrap; } [class*='gt-align-'] { margin-bottom: 1rem; } .gt-align-left { margin-right: 1rem; float: left; } .gt-align-right { margin-left: 1rem; float: right; } /** Only display content to screen readers * See: http://a11yproject.com/posts/how-to-hide-content/ */ .gt-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* Text Image Replacement */ .gt-text-ir { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } /* Text align */ .gt-text-left { text-align: left !important; } .gt-text-right { text-align: right !important; } .gt-text-top { vertical-align: top !important; } .gt-text-middle { vertical-align: middle !important; } .gt-text-bottom { vertical-align: bottom !important; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .gt-wrapper { width: 1200px; margin: 0 auto; } .gt-well { clear: both; padding: 10px; text-align: center; } .gt-well .gt-btn + .gt-btn { margin-left: 20px; } .gt-btn { width: 115px; height: 35px; line-height: 35px; font-size: 14px; } .gt-btn.gt-btn-auto { width: auto; } .gt-btn.gt-btn-big { height: 35px; line-height: 16px; font-size: 16px; } .gt-margin { margin: 10px; } .gt-margin-h { margin-left: 10px; margin-right: 10px; } .gt-margin-v { margin-top: 10px; margin-bottom: 10px; } .gt-padding-h { padding-left: 10px!important; padding-right: 10px!important; } .gt-padding-v { padding-top: 15px!important; padding-bottom: 15px!important; } .gt-padding-v-big { padding-top: 30px!important; padding-bottom: 30px!important; } .gt-text-center { text-align: center!important; } .gt-price { font-size: 14px; } a { color: #2B9AFF; } ul { list-style-type: none; padding: 0px; margin: 0px; } ul li { padding: 0px; margin: 0px; } i { font-style: normal; } body.reg { background-color: #FFF; } body { color: #333; background-color: #f8f8f8; 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-size: 14px; text-align: center; } body .gt-header { background-color: #FFF; color: #FFF; padding: 9px 0px; font-size: 12px; min-width: 1200px; border-bottom: 1px solid #DCDCDC; } body .gt-header table { width: 100%; } body .gt-header table td:nth-child(1) { width: 340px; } body .gt-header table td i { color: #f6cf47; font-style: normal; display: inline-block; *display: inline; *zoom: 1; margin-left: 3px; } body .gt-header a { color: #878787; font-size: 14px; } body .gt-header .header-search { font-size: 0px; } body .gt-header .header-search input { font-size: 16px; color: #333333; border-radius: 0px !important; height: 28px; line-height: 28px; box-sizing: content-box; width: 253px; padding-left: 10px; border: 1px solid #D2D2D2; } body .gt-header .header-search input::-webkit-input-placeholder { color: #ABAAAA; } body .gt-header .header-search input::-moz-placeholder { color: #ABAAAA; } body .gt-header .header-search input:-ms-input-placeholder { color: #ABAAAA; } body .gt-header .header-search input::-ms-input-placeholder { color: #ABAAAA; } body .gt-header .header-search input::placeholder { color: #ABAAAA; } body .gt-header .header-search .search-btn { width: 52px; height: 32px; line-height: 32px; text-align: center; background-repeat: no-repeat; display: inline-block; *display: inline; *zoom: 1; background-color: #2B9AFF; background-position: center; cursor: pointer; color: #FFF; font-size: 14px; } body .gt-header .header-login { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAMAAACOacfrAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAzK9PStpsaDwxCMOWPTMgHZOlgsoAAABFSURBVAjXbcdHEsAgDATBlUgGx/3/Z01ScWFO02iVeKUC6yQphoete+ro8lt9XS9mWqGwclU2OKkSPz5wFByQuIpQWekPSfkEKbuJ/UEAAAAASUVORK5CYII=); background-repeat: no-repeat; display: inline-block; *display: inline; *zoom: 1; background-position: left 3px; padding-left: 23px; } body .gt-header .header-logout { display: inline-block; *display: inline; *zoom: 1; margin-left: 5px; color: #d70a30; } body .gt-top { min-width: 1200px; background: #FFF; font-size: 16px; } body .gt-top table { width: 100%; } body .gt-top table td { height: 70px; } body .gt-top .logo { width: 150px; margin-top: 7px; text-align: left; } body .gt-top .logo span { display: inline-block; *display: inline; *zoom: 1; margin-left: 20px; padding-left: 20px; font-size: 24px; } body .gt-top.reg table { width: 100%; } body .gt-top.reg table td { height: 95px; } body .gt-top.reg .logo { width: 300px; } body .gt-top.reg table td:nth-child(2) { vertical-align: top; padding-top: 15px; font-size: 14px; } .gt-split-v { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAMAAADeMYNYAAAAV1BMVEVaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpp1sUWAAAAHHRSTlPz6uDPxbWllYZ5bmZaSTskD9W+rJyMUEQvLRwbYKr6rAAAAEhJREFUCNcNjEcSgCAAAxdREBHFXuD/7ySHzGRSlkxh5WPhITETmQiMXHgcBwM9lo0OA1TJyFuluzrHidc66BX1vkkivSL+5AZi9AIf0GCHsAAAAABJRU5ErkJggg==); background-position: left center; background-repeat: no-repeat; } .gt-split-v2 { display: inline-block; *display: inline; *zoom: 1; width: 20px; text-align: center; } .gt-split-v3 { display: inline-block; *display: inline; *zoom: 1; width: 24px; height: 12px; text-align: center; color: #878787; line-height: 15px; vertical-align: center; } .gt-top-weixin { display: inline-block; *display: inline; *zoom: 1; background: url(../i/top_weibo_weixin1.png?v=20250630070508) no-repeat scroll 0px 0px; background-size: 100% 100%; width: 23px; height: 19px; vertical-align: bottom; margin-left: 1px; } .gt-top-weibo { display: inline-block; *display: inline; *zoom: 1; background: transparent url(../i/top_weibo_weixin.png?v=20250630070508) no-repeat scroll -32px 0px; width: 20px; height: 16px; margin-left: 15px; vertical-align: bottom; } .gt-arrow-up { border-style: solid; border-width: 0px 10px 10px 10px; height: 0; width: 0; display: inline-block; *display: inline; *zoom: 1; } .top-image-big { position: absolute; margin-left: -77px; margin-top: 25px; display: none; } .gt-top-weibo:hover > #top-weibo-big { position: absolute; margin-left: -77px; margin-top: 25px; display: block; z-index: 999999999999999999999; } .gt-top-weixin:hover > #top-weixin-big { position: absolute; margin-left: -77px; margin-top: 25px; display: block; z-index: 999999999999999999999; } .gt-footer { min-width: 1200px; border-top: 1px solid #DCDCDC; background-color: #FFF; clear: both; } .gt-footer .links { padding: 18px 0 10px 0; text-align: left; } .gt-footer .links .link.download { padding-top: 5px; } .gt-footer .links .download { font-size: 0px; } .gt-footer .links .download table { width: 405px; } .gt-footer .links .download table td { text-align: right; } .gt-footer .links .link { width: 15%; display: inline-block; *display: inline; *zoom: 1; text-align: left; vertical-align: top; } .gt-footer .links .link h2 { color: #262c64; font-size: 16px; font-weight: normal; padding: 0 0 0 25px; margin: 5px 0; } .gt-footer .links .link h2.quanyi { background: url(../i/common/footer_quanyi.png?v=20250630070508) no-repeat left center; } .gt-footer .links .link h2.service { background: url(../i/common/footer_service.png?v=20250630070508) no-repeat left center; } .gt-footer .links .link h2.bars { background: url(../i/common/footer_bars.png?v=20250630070508) no-repeat left center; } .gt-footer .links .link h2.about { background: url(../i/common/footer_about.png?v=20250630070508) no-repeat left center; } .gt-footer .links .link h2.download { background: url(../i/common/footer_download.png?v=20250630070508) no-repeat left center; } .gt-footer .links .link ul { margin: 0px; padding: 0px; list-style-type: disc; } .gt-footer .links .link ul li { margin: 10px 10px 10px 20px; padding: 0px; color: #5a5a5a; } .gt-footer .links .link ul li a, .gt-footer .links .link ul li a:visited { color: #5a5a5a; font-size: 14px; } .gt-footer .links .link ul li a:hover { text-decoration: underline; } .gt-footer .links .link:nth-last-child(1) { padding-top: 7px; } .gt-footer .links .link:nth-child(1) { width: 20%; } .gt-footer .copyright { background: #f8f8f8; line-height: 40px; font-size: 12px; color: #999999; margin-bottom: 40px; margin-top: 10px; text-align: center; } .gt-footer .copyright .foot-zj-block { text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .gt-footer .contactus { position: fixed; width: 100%; bottom: 0px; background: #DCDCDC; height: 34px; line-height: 34px; font-size: 14px; color: #d70a30; text-align: left; z-index: 1; } .gt-footer .contactus .gt-wrapper { position: relative; } .gt-footer .contactus .gt-wrapper .help-btn { position: absolute; right: 200px; top: -13px; height: 48px; width: 132px; background: url(../i/help_ai.png?v=20250630070508) no-repeat; } .gt-footer .contactus .gt-wrapper .gongshang { position: absolute; left: 390px; padding-left: 15px; display: inline-block; *display: inline; *zoom: 1; } .gt-footer .contactus .gt-wrapper .tel-btn { position: absolute; right: 60px; background: url(../i/icon_tel.png?v=20250630070508) no-repeat left center; padding-left: 15px; display: inline-block; *display: inline; *zoom: 1; } .gt-footer .contactus .gt-wrapper .go-top { position: absolute; right: 0px; top: 3px; font-size: 12px; padding-top: 5px; } .gt-footer .contactus .gt-wrapper .arrow-up { position: absolute; top: 10px; right: 19px; border-color: transparent transparent #d70a30 transparent; border-width: 0px 5px 5px 5px; display: inline-block; *display: inline; *zoom: 1; } .gt-tips { position: fixed; top: 0px; left: 0px; z-index: 12; border: 2px solid #c8c8c8; background-color: #FFF; max-width: 470px; text-align: center; padding-bottom: 20px; min-width: 325px; } .gt-tips .tips-close { position: absolute; right: 10px; top: 5px; color: #FFF; width: 15px; height: 15px; font-size: 0; } .gt-tips .tips-close::before, .gt-tips .tips-close::after { content: ""; position: absolute; /*方便进行定位*/ height: 15px; width: 1.5px; top: 2px; right: 9px; /*设置top和right使图像在20*20框中居中*/ background: white; } .gt-tips .tips-close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); /*进行旋转*/ } .gt-tips .tips-close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .gt-tips .tips-title { font-size: 14px; font-weight: normal; text-align: center; background-color: #2B9AFF; color: #FFF; line-height: 30px; height: 30px; margin: 0; padding: 0; } .gt-tips .tips-content { line-height: 20px; padding: 20px 40px; text-align: center; } .gt-tips .tips-content p { display: inline-block; text-align: left; padding: 0; margin: 0; } .gt-tips .tips-bottom { padding: 0px 10px; } .gt-tips .tips-btn { min-width: 100px; } .gt-tips .tips-btn-fixed + .tips-btn-fixed { margin-left: 10%; } .gt-tips-big { min-width: 450px!important; } .gt-mark { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; background: url(../i/common/bg_op_65.png?v=20250630070508); } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes jump { from { top: 15px; } to { top: 17px; } } .gt-mao { position: fixed; text-align: center; top: 43%; left: 49%; color: #FFF; font-weight: 700; z-index: 2; width: 35px; height: 35px; } .gt-loading.active { display: block; } .gt-loading { display: none; position: relative; padding: 10px; min-height: 50px; } .gt-loading span { background: url(../i/common/loading.gif?v=20250630070508) no-repeat; width: 36px; height: 36px; background-size: 36px 36px; position: absolute; left: 45%; z-index: 2; } .gt-menu-mar { margin-right: -30px; } .gt-menu ul { margin: 0px; padding: 0px; list-style-type: none; } .gt-menu ul li { display: inline-block; *display: inline; *zoom: 1; margin: 0px 0 -1px 0; padding: 30px 0 16px; width: 130px; text-align: center; position: relative; } .gt-menu ul li a { display: block; height: 28px; line-height: 28px; color: #080708; font-weight: 500; font-size: 16px; cursor: pointer; } .gt-menu ul li a.noborder { border-left: none; } .gt-menu ul li .hot { position: absolute; right: 0; top: 15px; } .gt-menu ul li.active a { position: relative; } .gt-menu ul li.active .border::after { display: inline-block; content: ''; width: 72px; height: 5px; background-color: #2B9AFF; position: absolute; top: 38px; left: 30px; } .gt-menu ul li.active .noborder::after { display: inline-block; content: ''; width: 50px; height: 5px; background-color: #2B9AFF; position: absolute; top: 38px; left: 39px; } .gt-main { margin-top: 20px; text-align: left; margin-bottom: 10px; background: #FFF; } .gt-main + .gt-slider, .gt-main + .gt-content.left { background: #F8f8f8; } .gt-content { width: 980px; float: right; background: #FFF; } .gt-content h2 { margin: 0 20px; padding: 10px 0; color: #262c64; font-weight: normal; font-size: 20px; border-bottom: 1px solid #e4e4e4; } .gt-content.left { width: 830px; float: left; background: #FFF; } .gt-content.full { width: 1200px; float: left; background: #FFF; } .gt-slider.right { width: 355px; float: right; background: #FFF; text-align: left; margin-bottom: 20px; } .gt-slider { width: 204px; float: left; background: #FFF; text-align: left; margin-bottom: 20px; } .gt-slider h2 { line-height: 40px; height: 40px; font-size: 16px; font-weight: normal; margin: 0px; padding: 0px; border-top: 1px dotted #e4e4e4; border-bottom: 1px dotted #e4e4e4; } .gt-slider h2 span { border-left: 5px solid #2B9AFF; padding-left: 20px; display: inline-block; *display: inline; *zoom: 1; height: 22px; line-height: 22px; } .gt-slider h2:nth-child(1) { border-top: none; } .gt-slider ul { margin: 0px 0 5px 0px; padding: 0px; } .gt-slider ul li.active { background-color: #e8f3ff; } .gt-slider ul li.active a { background: url(../i/common/slider_active.png?v=20250630070508) no-repeat left 30px; color: #2B9AFF; } .gt-slider ul li.disable a { color: #5a5a5a; } .gt-slider ul li { list-style-type: none; font-size: 14px; height: 40px; padding: 5px 0px 0px 20px; margin: 0px; display: block; } .gt-slider ul li a { padding-left: 5px; background: url(../i/common/slider.png?v=20250630070508) no-repeat left 30px; display: block; color: #8e8e8e; margin: 0; height: 30px; line-height: 30px; } .gt-slider ul li a:hover { background: url(../i/common/slider_active.png?v=20250630070508) no-repeat left 30px; color: #2B9AFF; } .gt-slider ul li a.icon-slider-home { padding-left: 25px; background-position: 0 6px; } .gt-slider ul li a.icon-slider-info { padding-left: 25px; background-position: 0 -31px; } .gt-slider ul li a.icon-slider-password { padding-left: 25px; background-position: 0 -68px; } .gt-slider ul li a.icon-slider-bank { padding-left: 25px; background-position: 0 -107px; } .gt-slider ul li a.icon-slider-zican { padding-left: 25px; background-position: 0 -186px; } .gt-slider ul li a.icon-slider-dingtou { padding-left: 25px; background-position: 0 -223px; } .gt-slider ul li a.icon-slider-history { padding-left: 25px; background-position: 0 -262px; } .gt-slider ul li a.icon-slider-chongzhi { padding-left: 25px; background-position: 0 -341px; } .gt-slider ul li a.icon-slider-quxian { padding-left: 25px; background-position: 0 -381px; } .gt-slider ul li a.icon-slider-convert { padding-left: 25px; background-position: 0 -418px; } .gt-slider ul li a.icon-slider-ordercancel { padding-left: 25px; background-position: 0 -453px; } .gt-slider ul li a.icon-slider-fenhong { padding-left: 25px; background-position: 0 -491px; } .gt-slider ul li a.icon-slider-trustin { padding-left: 25px; background-position: 0 -528px; } .gt-slider ul li a.icon-slider-trustout { padding-left: 25px; background-position: 0 -564px; } .gt-input-error { line-height: 15px; padding-left: 18px; display: none; font-size: 12px; } .gt-input-error.active { background: url(../i/common/error_tips.png?v=20250630070508) no-repeat left center; display: block; } .gt-input-error.margin-left-small { margin-left: 80px; } .gt-input-error.margin-left-big { margin-left: 100px; } .J_template { display: none; } .gt-font-red { color: #d70a30 !important; } .gt-font-green { color: #1a7e13 !important; } .gt-font-gray { color: #7A7A7A !important; } #datepicker { background: #f7f7f7; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); border-radius: 3px; width: 300px; padding: 10px; margin-top: 10px; margin-bottom: 20px; } #datepicker input { margin-bottom: 15px; } #datepicker .datepicker-inline { width: 100%; } #datepicker .datepicker table { width: 100% !important; } .gt-table-blue-light { border-bottom: 1px solid #f8f8f8; } .gt-table-blue-light th { background: #e8f3ff; font-weight: normal; text-align: center; padding: 10px 0!important; } .gt-table-blue-light tbody tr:nth-child(odd) { background: #f8f8f8; } .gt-table-blue-light tbody tr td { font-size: 12px; padding: 10px 0!important; text-align: center; vertical-align: middle!important; } .gt-table-blue-light th.sorted.ascending:after { content: " \2191"; } .gt-table-blue-light th.sorted.descending:after { content: " \2193"; } .gt-table-gray { border-bottom: 1px solid #f8f8f8; } .gt-table-gray th { background: #f8f8f8; font-weight: normal; text-align: center; padding: 10px 0!important; } .gt-table-gray tbody tr:nth-child(even) { background: #f8f8f8; } .gt-table-gray tbody tr td { font-size: 14px; padding: 10px 0 ; text-align: center; vertical-align: middle!important; } .gt-table-gray th.sorted.ascending:after { content: " \2191"; } .gt-table-gray th.sorted.descending:after { content: " \2193"; } .gt-table-noborder th, .gt-table-noborder td { border: none!important; } .gt-line { border-top: 1px solid #e4e4e4; font-size: 0px; } /* 中奖时猫的一些样式 */ @-webkit-keyframes jump-candy { 0% { top: -14px; left: 28px; } 50% { top: -11px; left: 23px; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 100% { top: -14px; left: 28px; } } @-webkit-keyframes jump-tom { 0% { width: 94px; height: 83px; -webkit-transform: rotate(70deg); transform: rotate(70deg); } 50% { right: -5px; top: 9px; -webkit-transform: rotate(80deg); transform: rotate(80deg); } 100% { width: 94px; height: 83px; -webkit-transform: rotate(70deg); transform: rotate(70deg); } } @-webkit-keyframes jump-tom-home { 0% { top: -13px; left: 22px; } 50% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 100% { top: -13px; left: 22px; } } @-webkit-keyframes jump-candy-home { 0% { top: -13px; left: 22px; } 50% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 100% { top: -13px; left: 22px; } } .findcat-win { position: fixed; z-index: 99; display: none; } .findcat-win .cat { z-index: 2; position: relative; } .findcat-win .cloud { position: absolute; background: url(../i/active/findcat/cloud.png?v=20250630070508) no-repeat; top: 120px; left: 65px; z-index: 1; width: 120px; height: 56px; } .findcat-win .cloud.tom { top: 140px; } .findcat-win .cat.candy { background: url(../i/active/findcat/candy.png?v=20250630070508) no-repeat; background-size: 214px 167px; width: 214px; height: 167px; } .findcat-win .cat.candy span { background: url(../i/active/findcat/chat4.png?v=20250630070508) no-repeat; width: 94px; height: 83px; background-size: 94px 83px; top: -14px; left: 28px; position: absolute; animation: jump-candy 0.5s infinite linear; -moz-animation: jump-candy 0.5s infinite linear; -webkit-animation: jump-candy 0.5s infinite linear; -o-animation: jump-candy 0.5s infinite linear; } .findcat-win .cat.tom { background: url(../i/active/findcat/tom.png?v=20250630070508) no-repeat; background-size: 214px 178px; width: 214px; height: 178px; position: relative; } .findcat-win .cat.tom span { background: url(../i/active/findcat/chat4.png?v=20250630070508) no-repeat; width: 94px; height: 83px; background-size: 94px 83px; position: absolute; right: 0px; top: 3px; -webkit-transform: rotate(70deg); transform: rotate(70deg); animation: jump-tom 0.5s infinite linear; -moz-animation: jump-tom 0.5s infinite linear; -webkit-animation: jump-tom 0.5s infinite linear; -o-animation: jump-tom 0.5s infinite linear; } .findcat-win-pop.active { display: block; } .findcat-win-pop { display: none; position: fixed; width: 390px; height: 244px; z-index: 12; top: 0; left: 0; } .findcat-win-pop span { width: 70px; height: 35px; line-height: 35px; display: block; font-size: 32px; color: #fff337; position: absolute; text-align: center; } .findcat-win-pop em { position: absolute; font-style: normal; color: #b4b4b4; font-size: 14px; text-align: left; bottom: -25px; width: 470px; left: -8px; } .findcat-win-pop a.win-award { position: absolute; bottom: 60px; right: 10px; font-size: 14px; color: #FFF; text-decoration: underline; } .findcat-win-pop .btn-award.active { display: block; } .findcat-win-pop .btn-award { width: 100%; position: absolute; top: 90px; text-align: center; display: none; } .findcat-win-pop .btn-award .button.active { background-color: #0A72C9; color: #FFF; } .findcat-win-pop .btn-award .button { background-color: #b4b4b4; width: 113px; height: 35px; line-height: 35px; font-size: 16px; border: none; text-align: center; border-radius: 5px; cursor: pointer; background-color: #FFF; color: #0A72C9; display: inline-block; } .findcat-win-pop .btn-award .button + .button { margin-left: 20px; } .findcat-win-pop .close { width: 21px; height: 21px; background: url(../i/active/findcat/close.png?v=20250630070508) no-repeat; position: absolute; right: -10px; top: -10px; z-index: 2; cursor: pointer; } .findcat-win-pop.candy { background: url(../i/active/findcat/win_candy.png?v=20250630070508) no-repeat; } .findcat-win-pop.candy span { left: 141px; top: 49px; } .findcat-win-pop.tom { background: url(../i/active/findcat/win_tom.png?v=20250630070508) no-repeat; } .findcat-win-pop.tom span { left: 220px; top: 30px; } /* ========================================================================== Component: Button ============================================================================ */ .gt-btn { display: inline-block; margin-bottom: 0; padding: 0.5em 1em; vertical-align: middle; font-size: 14px; font-weight: normal; line-height: 1.4; text-align: center; white-space: nowrap; background-image: none; border: 1px solid transparent; border-radius: 0; cursor: pointer; outline: 0; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: background-color 300ms ease-out, border-color 300ms ease-out; } .gt-btn:focus, .gt-btn:active:focus { outline: thin dotted; outline: 1px auto -webkit-focus-ring-color; outline-offset: -2px; } .gt-btn:hover, .gt-btn:focus { color: #333; text-decoration: none; } .gt-btn:active, .gt-btn.gt-active { background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15); } .gt-btn.gt-disabled, .gt-btn[disabled], fieldset[disabled] .gt-btn { pointer-events: none; border-color: transparent; cursor: not-allowed; opacity: 0.45; box-shadow: none; } .gt-btn.gt-round { border-radius: 1000px; } .gt-btn.gt-radius { border-radius: 4px; } .gt-btn-default { color: #333; background-color: #e9e8e2; border-color: #e9e8e2; } a.gt-btn-default:visited { color: #333; } .gt-btn-default:hover, .gt-btn-default:focus, .gt-btn-default:active, .gt-btn-default.gt-active, .gt-active .gt-btn-default.gt-dropdown-toggle { color: #333; border-color: #cfccbf; } .gt-btn-default:hover, .gt-btn-default:focus { background-color: #dad8ce; } .gt-btn-default:active, .gt-btn-default.gt-active, .gt-active .gt-btn-default.gt-dropdown-toggle { background-image: none; background-color: #cac8b9; } .gt-btn-default.gt-disabled, .gt-btn-default[disabled], fieldset[disabled] .gt-btn-default, .gt-btn-default.gt-disabled:hover, .gt-btn-default[disabled]:hover, fieldset[disabled] .gt-btn-default:hover, .gt-btn-default.gt-disabled:focus, .gt-btn-default[disabled]:focus, fieldset[disabled] .gt-btn-default:focus, .gt-btn-default.gt-disabled:active, .gt-btn-default[disabled]:active, fieldset[disabled] .gt-btn-default:active, .gt-btn-default.gt-disabled.gt-active, .gt-btn-default[disabled].gt-active, fieldset[disabled] .gt-btn-default.gt-active { background-color: #e9e8e2; border-color: #e9e8e2; } .gt-btn-group .gt-btn-default, .gt-btn-group-stacked .gt-btn-default { border-color: #dedcd3; } .gt-btn-primary { color: #fff; background-color: #2B9AFF; border-color: #2B9AFF; } a.gt-btn-primary:visited { color: #fff; } .gt-btn-primary:hover, .gt-btn-primary:focus, .gt-btn-primary:active, .gt-btn-primary.gt-active, .gt-active .gt-btn-primary.gt-dropdown-toggle { color: #fff; border-color: #007ced; } .gt-btn-primary:hover, .gt-btn-primary:focus { background-color: #0789ff; } .gt-btn-primary:active, .gt-btn-primary.gt-active, .gt-active .gt-btn-primary.gt-dropdown-toggle { background-image: none; background-color: #0077e3; } .gt-btn-primary.gt-disabled, .gt-btn-primary[disabled], fieldset[disabled] .gt-btn-primary, .gt-btn-primary.gt-disabled:hover, .gt-btn-primary[disabled]:hover, fieldset[disabled] .gt-btn-primary:hover, .gt-btn-primary.gt-disabled:focus, .gt-btn-primary[disabled]:focus, fieldset[disabled] .gt-btn-primary:focus, .gt-btn-primary.gt-disabled:active, .gt-btn-primary[disabled]:active, fieldset[disabled] .gt-btn-primary:active, .gt-btn-primary.gt-disabled.gt-active, .gt-btn-primary[disabled].gt-active, fieldset[disabled] .gt-btn-primary.gt-active { background-color: #2B9AFF; border-color: #2B9AFF; } .gt-btn-group .gt-btn-primary, .gt-btn-group-stacked .gt-btn-primary { border-color: #128eff; } .gt-btn-warning { color: #fff; background-color: #F37B1D; border-color: #F37B1D; } a.gt-btn-warning:visited { color: #fff; } .gt-btn-warning:hover, .gt-btn-warning:focus, .gt-btn-warning:active, .gt-btn-warning.gt-active, .gt-active .gt-btn-warning.gt-dropdown-toggle { color: #fff; border-color: #c85e0b; } .gt-btn-warning:hover, .gt-btn-warning:focus { background-color: #e0690c; } .gt-btn-warning:active, .gt-btn-warning.gt-active, .gt-active .gt-btn-warning.gt-dropdown-toggle { background-image: none; background-color: #be590a; } .gt-btn-warning.gt-disabled, .gt-btn-warning[disabled], fieldset[disabled] .gt-btn-warning, .gt-btn-warning.gt-disabled:hover, .gt-btn-warning[disabled]:hover, fieldset[disabled] .gt-btn-warning:hover, .gt-btn-warning.gt-disabled:focus, .gt-btn-warning[disabled]:focus, fieldset[disabled] .gt-btn-warning:focus, .gt-btn-warning.gt-disabled:active, .gt-btn-warning[disabled]:active, fieldset[disabled] .gt-btn-warning:active, .gt-btn-warning.gt-disabled.gt-active, .gt-btn-warning[disabled].gt-active, fieldset[disabled] .gt-btn-warning.gt-active { background-color: #F37B1D; border-color: #F37B1D; } .gt-btn-group .gt-btn-warning, .gt-btn-group-stacked .gt-btn-warning { border-color: #ea6e0c; } .gt-btn-danger { color: #fff; background-color: #dd514c; border-color: #dd514c; } a.gt-btn-danger:visited { color: #fff; } .gt-btn-danger:hover, .gt-btn-danger:focus, .gt-btn-danger:active, .gt-btn-danger.gt-active, .gt-active .gt-btn-danger.gt-dropdown-toggle { color: #fff; border-color: #c62b26; } .gt-btn-danger:hover, .gt-btn-danger:focus { background-color: #d7342e; } .gt-btn-danger:active, .gt-btn-danger.gt-active, .gt-active .gt-btn-danger.gt-dropdown-toggle { background-image: none; background-color: #be2924; } .gt-btn-danger.gt-disabled, .gt-btn-danger[disabled], fieldset[disabled] .gt-btn-danger, .gt-btn-danger.gt-disabled:hover, .gt-btn-danger[disabled]:hover, fieldset[disabled] .gt-btn-danger:hover, .gt-btn-danger.gt-disabled:focus, .gt-btn-danger[disabled]:focus, fieldset[disabled] .gt-btn-danger:focus, .gt-btn-danger.gt-disabled:active, .gt-btn-danger[disabled]:active, fieldset[disabled] .gt-btn-danger:active, .gt-btn-danger.gt-disabled.gt-active, .gt-btn-danger[disabled].gt-active, fieldset[disabled] .gt-btn-danger.gt-active { background-color: #dd514c; border-color: #dd514c; } .gt-btn-group .gt-btn-danger, .gt-btn-group-stacked .gt-btn-danger { border-color: #d93c37; } .gt-btn-success { color: #fff; background-color: #5eb95e; border-color: #5eb95e; } a.gt-btn-success:visited { color: #fff; } .gt-btn-success:hover, .gt-btn-success:focus, .gt-btn-success:active, .gt-btn-success.gt-active, .gt-active .gt-btn-success.gt-dropdown-toggle { color: #fff; border-color: #429842; } .gt-btn-success:hover, .gt-btn-success:focus { background-color: #4aaa4a; } .gt-btn-success:active, .gt-btn-success.gt-active, .gt-active .gt-btn-success.gt-dropdown-toggle { background-image: none; background-color: #3f913f; } .gt-btn-success.gt-disabled, .gt-btn-success[disabled], fieldset[disabled] .gt-btn-success, .gt-btn-success.gt-disabled:hover, .gt-btn-success[disabled]:hover, fieldset[disabled] .gt-btn-success:hover, .gt-btn-success.gt-disabled:focus, .gt-btn-success[disabled]:focus, fieldset[disabled] .gt-btn-success:focus, .gt-btn-success.gt-disabled:active, .gt-btn-success[disabled]:active, fieldset[disabled] .gt-btn-success:active, .gt-btn-success.gt-disabled.gt-active, .gt-btn-success[disabled].gt-active, fieldset[disabled] .gt-btn-success.gt-active { background-color: #5eb95e; border-color: #5eb95e; } .gt-btn-group .gt-btn-success, .gt-btn-group-stacked .gt-btn-success { border-color: #4db14d; } .gt-btn-secondary { color: #2B9AFF; background-color: #FFF; border-color: #2B9AFF; } a.gt-btn-secondary:visited { color: #2B9AFF; } .gt-btn-secondary:hover, .gt-btn-secondary:focus, .gt-btn-secondary:active, .gt-btn-secondary.gt-active, .gt-active .gt-btn-secondary.gt-dropdown-toggle { color: #2B9AFF; border-color: #007ced; } .gt-btn-secondary:hover, .gt-btn-secondary:focus { background-color: #ededed; } .gt-btn-secondary:active, .gt-btn-secondary.gt-active, .gt-active .gt-btn-secondary.gt-dropdown-toggle { background-image: none; background-color: #dbdbdb; } .gt-btn-secondary.gt-disabled, .gt-btn-secondary[disabled], fieldset[disabled] .gt-btn-secondary, .gt-btn-secondary.gt-disabled:hover, .gt-btn-secondary[disabled]:hover, fieldset[disabled] .gt-btn-secondary:hover, .gt-btn-secondary.gt-disabled:focus, .gt-btn-secondary[disabled]:focus, fieldset[disabled] .gt-btn-secondary:focus, .gt-btn-secondary.gt-disabled:active, .gt-btn-secondary[disabled]:active, fieldset[disabled] .gt-btn-secondary:active, .gt-btn-secondary.gt-disabled.gt-active, .gt-btn-secondary[disabled].gt-active, fieldset[disabled] .gt-btn-secondary.gt-active { background-color: #FFF; border-color: #2B9AFF; } .gt-btn-group .gt-btn-secondary, .gt-btn-group-stacked .gt-btn-secondary { border-color: #f2f2f2; } /* Style links like a button */ .gt-btn-link { color: #2B9AFF; font-weight: normal; cursor: pointer; border-radius: 0; } .gt-btn-link, .gt-btn-link:active, .gt-btn-link[disabled], fieldset[disabled] .gt-btn-link { background-color: transparent; box-shadow: none; } .gt-btn-link, .gt-btn-link:hover, .gt-btn-link:focus, .gt-btn-link:active { border-color: transparent; } .gt-btn-link:hover, .gt-btn-link:focus { color: #0074de; text-decoration: underline; background-color: transparent; } .gt-btn-link[disabled]:hover, fieldset[disabled] .gt-btn-link:hover, .gt-btn-link[disabled]:focus, fieldset[disabled] .gt-btn-link:focus { color: #c1c1c1; text-decoration: none; } /* button size */ .gt-btn-xs { font-size: 12px; } .gt-btn-sm { font-size: 14px; } .gt-btn-lg { font-size: 16px; line-height: 18px; } .gt-btn-xl { font-size: 30px; } /* Block button */ .gt-btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; } /* Multiple block buttons vertically space */ .gt-btn-block + .gt-btn-block { margin-top: 5px; } /* Specificity overrides */ input[type="submit"].gt-btn-block, input[type="reset"].gt-btn-block, input[type="button"].gt-btn-block { width: 100%; } /* Button with loading spinner */ .gt-btn.gt-btn-loading .gt-icon-spin { margin-right: 5px; } /* ========================================================================== Component: Table ============================================================================ */ table { max-width: 100%; background-color: transparent; empty-cells: show; } table code { white-space: normal; } th { text-align: left; } .gt-table { width: 100%; margin-bottom: 16px; border-spacing: 0; border-collapse: separate; } .gt-table > thead > tr > th, .gt-table > tbody > tr > th, .gt-table > tfoot > tr > th, .gt-table > thead > tr > td, .gt-table > tbody > tr > td, .gt-table > tfoot > tr > td { padding: 0.7rem; line-height: 16px; vertical-align: top; border-top: 1px solid #e4e4e4; } .gt-table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #e4e4e4; } .gt-table > caption + thead > tr:first-child > th, .gt-table > colgroup + thead > tr:first-child > th, .gt-table > thead:first-child > tr:first-child > th, .gt-table > caption + thead > tr:first-child > td, .gt-table > colgroup + thead > tr:first-child > td, .gt-table > thead:first-child > tr:first-child > td { border-top: 0; } .gt-table > tbody + tbody tr:first-child td { border-top: 2px solid #e4e4e4; } /* Bordered version */ .gt-table-bordered { border: 1px solid #e4e4e4; border-left: none; } .gt-table-bordered > thead > tr > th, .gt-table-bordered > tbody > tr > th, .gt-table-bordered > tfoot > tr > th, .gt-table-bordered > thead > tr > td, .gt-table-bordered > tbody > tr > td, .gt-table-bordered > tfoot > tr > td { border-left: 1px solid #e4e4e4; /*&:first-child { border-left: none; }*/ } .gt-table-bordered > tbody > tr:first-child > th, .gt-table-bordered > tbody > tr:first-child > td { border-top: none; } .gt-table-bordered > thead + tbody > tr:first-child > th, .gt-table-bordered > thead + tbody > tr:first-child > td { border-top: 1px solid #e4e4e4; } /* Border-radius version */ .gt-table-radius { border: 1px solid #e4e4e4; border-radius: 4px; } .gt-table-radius > thead > tr:first-child > th:first-child, .gt-table-radius > thead > tr:first-child > td:first-child { border-top-left-radius: 4px; border-left: none; } .gt-table-radius > thead > tr:first-child > th:last-child, .gt-table-radius > thead > tr:first-child > td:last-child { border-top-right-radius: 4px; border-right: none; } .gt-table-radius > tbody > tr > th:first-child, .gt-table-radius > tbody > tr > td:first-child { border-left: none; } .gt-table-radius > tbody > tr > th:last-child, .gt-table-radius > tbody > tr > td:last-child { border-right: none; } .gt-table-radius > tbody > tr:last-child > th, .gt-table-radius > tbody > tr:last-child > td { border-bottom: none; } .gt-table-radius > tbody > tr:last-child > th:first-child, .gt-table-radius > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 4px; } .gt-table-radius > tbody > tr:last-child > th:last-child, .gt-table-radius > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 4px; } /* Zebra-striping */ .gt-table-striped > tbody > tr:nth-child(odd) > td, .gt-table-striped > tbody > tr:nth-child(odd) > th { background-color: #f8f8f8; } /* Hover effect */ .gt-table-hover > tbody > tr:hover > td, .gt-table-hover > tbody > tr:hover > th { background-color: #e9e9e9; } .gt-table-compact > thead > tr > th, .gt-table-compact > tbody > tr > th, .gt-table-compact > tfoot > tr > th, .gt-table-compact > thead > tr > td, .gt-table-compact > tbody > tr > td, .gt-table-compact > tfoot > tr > td { padding: 0.4rem; } .gt-table-centered > thead > tr > th, .gt-table-centered > tbody > tr > th, .gt-table-centered > tfoot > tr > th, .gt-table-centered > thead > tr > td, .gt-table-centered > tbody > tr > td, .gt-table-centered > tfoot > tr > td { text-align: center; } .gt-table > thead > tr > td.gt-active, .gt-table > tbody > tr > td.gt-active, .gt-table > tfoot > tr > td.gt-active, .gt-table > thead > tr > th.gt-active, .gt-table > tbody > tr > th.gt-active, .gt-table > tfoot > tr > th.gt-active, .gt-table > thead > tr.gt-active > td, .gt-table > tbody > tr.gt-active > td, .gt-table > tfoot > tr.gt-active > td, .gt-table > thead > tr.gt-active > th, .gt-table > tbody > tr.gt-active > th, .gt-table > tfoot > tr.gt-active > th { background-color: #ffd; } .gt-table > thead > tr > td.gt-disabled, .gt-table > tbody > tr > td.gt-disabled, .gt-table > tfoot > tr > td.gt-disabled, .gt-table > thead > tr > th.gt-disabled, .gt-table > tbody > tr > th.gt-disabled, .gt-table > tfoot > tr > th.gt-disabled, .gt-table > thead > tr.gt-disabled > td, .gt-table > tbody > tr.gt-disabled > td, .gt-table > tfoot > tr.gt-disabled > td, .gt-table > thead > tr.gt-disabled > th, .gt-table > tbody > tr.gt-disabled > th, .gt-table > tfoot > tr.gt-disabled > th { color: #c1c1c1; } .gt-table > thead > tr > td.gt-primary, .gt-table > tbody > tr > td.gt-primary, .gt-table > tfoot > tr > td.gt-primary, .gt-table > thead > tr > th.gt-primary, .gt-table > tbody > tr > th.gt-primary, .gt-table > tfoot > tr > th.gt-primary, .gt-table > thead > tr.gt-primary > td, .gt-table > tbody > tr.gt-primary > td, .gt-table > tfoot > tr.gt-primary > td, .gt-table > thead > tr.gt-primary > th, .gt-table > tbody > tr.gt-primary > th, .gt-table > tfoot > tr.gt-primary > th { color: #0287ff; background-color: rgba(43, 154, 255, 0.115); } .gt-table > thead > tr > td.gt-success, .gt-table > tbody > tr > td.gt-success, .gt-table > tfoot > tr > td.gt-success, .gt-table > thead > tr > th.gt-success, .gt-table > tbody > tr > th.gt-success, .gt-table > tfoot > tr > th.gt-success, .gt-table > thead > tr.gt-success > td, .gt-table > tbody > tr.gt-success > td, .gt-table > tfoot > tr.gt-success > td, .gt-table > thead > tr.gt-success > th, .gt-table > tbody > tr.gt-success > th, .gt-table > tfoot > tr.gt-success > th { color: #5eb95e; background-color: rgba(94, 185, 94, 0.115); } .gt-table > thead > tr > td.gt-warning, .gt-table > tbody > tr > td.gt-warning, .gt-table > tfoot > tr > td.gt-warning, .gt-table > thead > tr > th.gt-warning, .gt-table > tbody > tr > th.gt-warning, .gt-table > tfoot > tr > th.gt-warning, .gt-table > thead > tr.gt-warning > td, .gt-table > tbody > tr.gt-warning > td, .gt-table > tfoot > tr.gt-warning > td, .gt-table > thead > tr.gt-warning > th, .gt-table > tbody > tr.gt-warning > th, .gt-table > tfoot > tr.gt-warning > th { color: #F37B1D; background-color: rgba(243, 123, 29, 0.115); } .gt-table > thead > tr > td.gt-danger, .gt-table > tbody > tr > td.gt-danger, .gt-table > tfoot > tr > td.gt-danger, .gt-table > thead > tr > th.gt-danger, .gt-table > tbody > tr > th.gt-danger, .gt-table > tfoot > tr > th.gt-danger, .gt-table > thead > tr.gt-danger > td, .gt-table > tbody > tr.gt-danger > td, .gt-table > tfoot > tr.gt-danger > td, .gt-table > thead > tr.gt-danger > th, .gt-table > tbody > tr.gt-danger > th, .gt-table > tfoot > tr.gt-danger > th { color: #dd514c; background-color: rgba(221, 81, 76, 0.115); } .sma-welcome .banner { height: 320px; background-image: url(../i/sma/gdlc/header.png?v=20250630070508); background-position: center center; background-size: 100% 100%; } .sma-welcome .banner .banner-content { position: relative; } .sma-welcome .banner .img-wrapper { width: 100%; height: 320px; } .sma-welcome .banner .img-wrapper img { margin-top: 50px; float: left; } .sma-welcome .banner .sidebar { position: absolute; top: 25px; right: 0; width: 360px; height: 270px; color: #fff; background: rgba(0, 0, 0, 0.55); border-radius: 4px; text-align: center; } .sma-welcome .banner .sidebar .login { margin-top: 74px; font-size: 30px; } .sma-welcome .banner .sidebar .auth { margin-top: 40px; font-size: 30px; line-height: 60px; font-weight: 400; } .sma-welcome .banner .sidebar .my { margin-top: 50px; font-size: 20px; } .sma-welcome .banner .sidebar .my .icon { display: inline-block; width: 26px; height: 16px; margin-left: 10px; background-size: 100%; background-repeat: no-repeat; background-position: center center; vertical-align: middle; cursor: pointer; } .sma-welcome .banner .sidebar .my .open { background-image: url(../i/sma/eyes-open.png?v=20250630070508); } .sma-welcome .banner .sidebar .my .close { background-image: url(../i/sma/eyes-close.png?v=20250630070508); } .sma-welcome .banner .sidebar .my .number { margin-top: 26px; font-size: 42px; } .sma-welcome .banner .sidebar .btn { position: absolute; left: 60px; bottom: 59px; width: 230px; height: 41px; border: 2px solid #fff; } .sma-welcome .banner .sidebar .btn a { display: inline-block; width: 100%; line-height: 38px; color: #fff; font-size: 18px; text-align: center; } .sma-ads { position: relative; } .sma-ads .top { background: transparent; position: absolute; top: 0; left: 0; width: 1200px; padding-top: 36px; } .sma-ads .top .block { display: inline-block; background-color: #fff; z-index: 10; padding-right: 10px; margin-left: 168px; float: left; } .sma-ads .top .block p { text-align: left; margin: 0; padding: 0; font-size: 15px; font-weight: bold; } .sma-ads .top .block p:first-child { color: #3c4071; } .sma-ads .top .block p:last-child { color: #ccc; padding-top: 5px; padding-bottom: 10px; } .sma-ads .top .block-2 { margin-left: 132px; } .sma-ads .top .block-3 { margin-left: 157px; } .sma-ads .what { position: absolute; bottom: 0; } .sma-ads .what .img-1, .sma-ads .what .img-2, .sma-ads .what .img-3, .sma-ads .what .img-4 { position: absolute; width: 20px; background: #fff; z-index: 10; } .sma-ads .what .img-1 { top: 25px; left: 104px; } .sma-ads .what .img-2 { top: 25px; left: 694px; } .sma-ads .what .img-3 { top: 189px; left: 104px; } .sma-ads .what .img-4 { top: 189px; left: 694px; } .sma-ads img { width: 100%; } .sma-production { overflow: hidden; width: 100%; height: 564px; background-image: url(../i/sma/welcome_bg.png?v=20250630070508); background-position: center center; background-size: 100% 100%; } .sma-production .production-wrapper { width: 1200px; margin: 0 auto; } .sma-production .production-wrapper .prod-card { height: 392px; margin-top: 72px; padding: 4px 0 6px 0; background-color: #fff; } .sma-production .production-wrapper .prod-card .content { width: 100%; height: 382px; } .sma-production .production-wrapper .prod-card .content .left { position: relative; width: 424px; height: 382px; padding: 0 14px 0 20px; border-right: 1px solid #dcdcdc; } .sma-production .production-wrapper .prod-card .content .left table { height: 382px; text-align: left; } .sma-production .production-wrapper .prod-card .content .left table td { vertical-align: baseline; } .sma-production .production-wrapper .prod-card .content .left table .fund-name { display: inline-block; margin: 0; padding: 20px 0 0 0; font-size: 26px; font-weight: bold; color: #010101; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sma-production .production-wrapper .prod-card .content .left table .name { font-size: 16px; color: #888888; font-weight: bold; } .sma-production .production-wrapper .prod-card .content .left table .code { padding-left: 10px; padding-top: 48px; font-size: 20px; color: #666666; } .sma-production .production-wrapper .prod-card .content .left table .rate { padding-left: 10px; font-size: 30px; font-weight: bold; color: #d70a30; } .sma-production .production-wrapper .prod-card .content .left table .date { padding-left: 10px; padding-top: 28px; font-size: 20px; color: #666666; } .sma-production .production-wrapper .prod-card .content .left table .date .date-rule { height: 60px; overflow: hidden; } .sma-production .production-wrapper .prod-card .content .left table .none { color: #666666; } .sma-production .production-wrapper .prod-card .content .left a.viewBtn { display: inline-block; position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 424px; height: 382px; cursor: pointer; } .sma-production .production-wrapper .prod-card .content .right { position: relative; height: 382px; padding-top: 20px ; } .sma-production .production-wrapper .prod-card .content .right .swiper-container { width: 722px; height: 333px; margin: 0 auto; padding-bottom: 10px; } .sma-production .production-wrapper .prod-card .content .right .swiper-container .swiper-wrapper { position: relative; } .sma-production .production-wrapper .prod-card .content .right .swiper-container .swiper-wrapper .swiper-slide { height: 293px!important; } .sma-production .production-wrapper .prod-card .content .right .swiper-container .swiper-wrapper img { width: 100%; height: 100%; } .sma-production .production-wrapper .prod-card .content .right .swiper-container .swiper-wrapper .text { position: absolute; z-index: 10; left: 0; top: 204px; width: 100%; padding-bottom: 30px; background-color: #c3ad8c; } .sma-production .production-wrapper .prod-card .content .right .swiper-container .swiper-wrapper .text div { color: #fefefe; font-size: 16px; width: 192px; text-align: left; display: inline-block; } .sma-production .production-wrapper .prod-card .content .right .swiper-container .pagination { position: absolute; bottom: 0px; height: 30px; width: 100%; text-align: center; color: #fff; } .sma-production .production-wrapper .prod-card .content .right .swiper-container .pagination .swiper-pagination-switch { display: inline-block; width: 7px; height: 7px; border-radius: 7px; background: #000; margin: 0 3px; cursor: pointer; opacity: 0.3; } .sma-production .production-wrapper .prod-card .content .right .swiper-container .pagination .swiper-active-switch { background-color: #d70a30; opacity: 1; } .sma-production .production-wrapper .more { float: right; width: 166px; height: 36px; margin-top: 18px; border: 1px solid #fff; } .sma-production .production-wrapper .more a { display: inline-block; width: 100%; height: 100%; color: #fff; line-height: 34px; text-align: center; } .sma-production-list .nav-wrapper { height: 100px; margin-left: 30px; } .sma-production-list .nav-wrapper .search-bar { position: relative; } .sma-production-list .nav-wrapper .search-bar input { float: right; margin-top: 29px; font-size: 14px; padding: 0 30px 0 10px; width: 360px; height: 40px; line-height: 40px; color: #BCBCBC; border-radius: 2px; border: 1px solid #BCBCBC; font-weight: normal; } .sma-production-list .nav-wrapper .search-bar input:focus { color: #000; outline: none; } .sma-production-list .nav-wrapper .search-bar .search-btn { position: absolute; right: 24px; top: 36px; width: 24px; height: 24px; background-image: url(../i/sma/icon_search.png?v=20250630070508); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; } .sma-production-list .list-container { border-top: 4px solid #262C64; padding: 0 0 65px 0; background-color: #fff; } .sma-production-list .list-container .list-item { width: 1115px; height: 244px; margin: 32px auto 0 auto; padding: 10px 0; border: 1px solid #BCBCBC; } .sma-production-list .list-container .list-item table { width: 100%; } .sma-production-list .list-container .list-item table .left { width: 880px; border-right: 1px solid #F4F4F4; padding-left: 36px; } .sma-production-list .list-container .list-item table .left table { width: 880px; height: 224px; } .sma-production-list .list-container .list-item table .left table .header { text-align: left; } .sma-production-list .list-container .list-item table .left table .name { display: inline-block; margin: 0; padding: 0; font-size: 24px; font-weight: bold; vertical-align: middle; } .sma-production-list .list-container .list-item table .left table .code { margin-left: 11px; font-size: 18px; color: #888; vertical-align: middle; } .sma-production-list .list-container .list-item table .left table .title { font-size: 18px; color: #888; vertical-align: middle; font-weight: bold; } .sma-production-list .list-container .list-item table .left table .time { font-size: 36px; font-weight: bold; color: #D70A30; vertical-align: middle; } .sma-production-list .list-container .list-item table .left table .rate, .sma-production-list .list-container .list-item table .left table .risk, .sma-production-list .list-container .list-item table .left table .date, .sma-production-list .list-container .list-item table .left table .type { font-size: 20px; color: #333333; font-weight: bold; vertical-align: middle; } .sma-production-list .list-container .list-item table .left table .date .date-rule { overflow: hidden; height: 30px; } .sma-production-list .list-container .list-item table .left table .type { width: 150px; } .sma-production-list .list-container .list-item table .left table .none { color: #333; font-size: 20px; } .sma-production-list .list-container .list-item table .right { text-align: center; } .sma-production-list .list-container .list-item table .right .slogan { margin: 10px 0 50px 0; font-size: 30px; font-weight: bold; color: #D70A30; } .sma-production-list .list-container .list-item table .right a.buy-btn { display: inline-block; width: 170px; height: 50px; margin: 0 auto; font-size: 20px; color: #fff; } .sma-production-list .list-container .list-item table .right .none { color: #333; } .sma-production-list .list-container .null-tips { margin-top: 50px; font-size: 20px; } .sma-production-list .pagination-wrapper { float: right; margin: 25px 37px 44px 0; } .sma-production-list .pagination-wrapper ul { float: right; font-size: 24px; } .sma-production-list .pagination-wrapper ul li { display: inline-block; } .sma-production-list .pagination-wrapper ul li.clickable { color: #333; cursor: pointer; } .sma-production-list .pagination-wrapper ul li.actived { color: #2B9AFF; cursor: pointer; } .sma-production-list .pagination-wrapper ul li + li { margin-left: 10px; } .auth-tip { position: fixed; top: 50%; left: 50%; width: 500px; height: 270px; background: #fff; border: 2px solid #aaa; z-index: 20; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .auth-tip .content { margin-top: 15px; padding: 0 30px; } .auth-tip .title { height: 36px; margin: 0; font-size: 16px; font-weight: normal; line-height: 36px; color: #fff; background-color: #0a72c9; } .auth-tip .desc { margin-bottom: 35px; font-size: 14px; text-align: left; } .auth-tip .bottom { position: relative; margin-bottom: 30px; height: 40px; } .auth-tip .bottom button { width: 180px; height: 40px; } .auth-tip .bottom .confirm { position: absolute; width: 150px; margin: 0; padding: 0; left: 10px; text-align: center; } .auth-tip .bottom .confirm a { display: inline-block; width: 100%; height: 100%; line-height: 40px; color: #fff; cursor: pointer; } .auth-tip .bottom .cancel { position: absolute; right: 10px; } .auth-tip .tips { color: #aaa; text-align: left; } .auth-tip .tips span { margin-bottom: 15px; } .sma-view { background-color: #f5f5f5; } .sma-view .prod-name { position: relative; margin: 0 0 20px 0; padding: 0; width: 100%; height: 95px; font-size: 30px; line-height: 95px; padding-left: 42px; font-weight: bold; color: #262C64; } .sma-view .prod-name span { padding-left: 20px; } .sma-view .prod-name :before { position: absolute; left: 0; top: 50%; margin-top: -11px; display: inline-block; content: ''; width: 0; height: 0; border: 9px solid transparent; border-left: 9px solid #d70a30; } .sma-view .fund-detail-card { padding: 0 64px 51px 68px; background-color: #fff; } .sma-view .fund-detail-card div.line { border-bottom: 1px solid #e4e4e4; } .sma-view .fund-detail-card .card-title { color: #262C64; font-size: 16px; padding: 35px 0 19px 0; } .sma-view .fund-detail-card table.base { width: 100%; height: 56px; margin: 13px 0 11px 0; } .sma-view .fund-detail-card table.base tr th { width: 25%; color: #5A5A5A; text-align: left; font-size: 14px; font-weight: normal; } .sma-view .fund-detail-card table.base tr td { font-size: 26px; color: #333333; font-weight: bold; } .sma-view .fund-detail-card table.base tr td span { font-size: 20px; display: inline-block; margin-left: 5px; } .sma-view .fund-detail-card table.base tr td.red { color: #d70a30; } .sma-view .fund-detail-card table.base tr td.green { color: #50c34d; } .sma-view .fund-detail-card .contract { height: 65px; padding: 21px 0 26px 0; font-size: 14px; } .sma-view .fund-detail-card .contract li { float: left; margin-right: 15px; } .sma-view .fund-detail-card .contract .name { color: #5A5A5A; margin-right: 0; } .sma-view .fund-detail-card .contract a { font-size: 14px; } .sma-view .fund-detail-card .growth-history { margin-top: 10px; font-size: 14px; } .sma-view .fund-detail-card .growth-history table.content { width: 100%; height: 150px; margin: 25px 0 14px 0; font-size: 16px; color: #5A5A5A; border: 1px solid #e4e4e4; border-width: 1px 0 0 1px; text-align: center; } .sma-view .fund-detail-card .growth-history table.content td { border: 1px solid #e4e4e4; border-width: 0 1px 1px 0; } .sma-view .fund-detail-card .growth-history table.content .gray + tr { font-size: 22px; } .sma-view .fund-detail-card .growth-history table.content .gray { background-color: #fafafa; } .sma-view .fund-detail-card .growth-history table.content td.name { font-weight: bold; } .sma-view .fund-detail-card .growth-history table.content td.red { color: #d70a30; } .sma-view .fund-detail-card .growth-history table.content td.green { color: #50c34d; } .sma-view .fund-detail-card .tips { color: #B3B3B3; font-size: 12px; text-align: right; } .sma-view .fund-detail-card .shengouBtn { width: 130px; height: 40px; } .sma-view .fund-detail-card .shengouBtn a { padding: 0; margin: 0; margin-top: 15px; width: 100%; height: 100%; line-height: 40px; font-size: 14px; } .sma-view table.extra { width: 100%; } .sma-view table.extra tr td { color: #5a5a5a; padding: 5px 0; font-size: 16px; } .sma-view table.extra tr td span.big { font-size: 24px; } .sma-view table.extra tr td ul { display: inline-block; } .sma-view table.extra tr td ul li { display: inline-block; margin-right: 10px; } .sma-view table.extra tr td ul li + li:before { content: '、'; } .sma-view .life { display: none; } .sma-view .life table { width: 100%; } .sma-view .detail { border-top: 36px solid #f5f5f5; background-color: #fff; } .sma-view .detail .tabs { border-bottom: 2px solid #262c64; } .sma-view .detail .tabs ul { padding: 18px 0; } .sma-view .detail .tabs ul li { width: 150px; display: inline-block; color: #333333; font-size: 16px; text-align: center; cursor: pointer; } .sma-view .detail .tabs ul li.active { font-size: 18px; color: #262c64; font-weight: bold; position: relative; } .sma-view .detail .tabs ul li.active:after { content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #262c64; border-top: 5px solid transparent; position: absolute; left: 50%; bottom: -18px; font-size: 0; width: 0; height: 0; } .sma-view .detail .tabs ul li + li { border-left: 1px solid #c1c1c1; } .sma-view .detail .tab-content { display: none; } .sma-view .detail .tab-content .fund-info table { width: 100%; } .sma-view .detail .tab-content .fund-info table tr:nth-child(odd) { background-color: #fafafa; } .sma-view .detail .tab-content .fund-info table tr { color: #5a5a5a; } .sma-view .detail .tab-content .fund-info table tr th, .sma-view .detail .tab-content .fund-info table tr td { padding: 18px; } .sma-view .detail .tab-content .fund-info table tr th { width: 150px; font-size: 16px; text-align: center; border-right: 1px solid #ededed; } .sma-view .detail .tab-content .fund-info table tr td { font-size: 14px; } .sma-view .detail .tab-content .manager { padding: 18px; } .sma-view .detail .tab-content .manager table { width: 100%; } .sma-view .detail .tab-content .manager table tr { color: #5a5a5a; } .sma-view .detail .tab-content .manager table tr th, .sma-view .detail .tab-content .manager table tr td { vertical-align: top; padding: 20px; } .sma-view .detail .tab-content .manager table tr th { font-size: 16px; } .sma-view .detail .tab-content .manager table tr th img { width: 135px; } .sma-view .detail .tab-content .manager table tr td { line-height: 30px; padding-left: 20px; } .sma-view .detail .tab-content .fees table { width: 100%; color: #5a5a5a; } .sma-view .detail .tab-content .fees table th, .sma-view .detail .tab-content .fees table td { padding: 16px; } .sma-view .detail .tab-content .fees table td { text-align: center; background: #FFFFFF; border: 1px solid #e4e4e4; } .sma-view .detail .tab-content .fees table th { width: 150px; text-align: center; background: #f8f8f8; font-size: 16px; border: 1px solid #e4e4e4; } .sma-view .detail .tab-content .info { font-size: 14px; color: #5a5a5a; padding: 0 40px 20px 40px; } .sma-view .detail .tab-content .info .gap { margin: 20px 0 0 10px; border-bottom: 1px dotted #e4e4e4; height: 40px; line-height: 40px; } .sma-view .detail .tab-content .info .gap h3 { margin: 10px 0 15px 0; font-weight: normal; font-size: 16px; } .sma-view .detail .tab-content .info .gap .J_more { float: right; vertical-align: middle; font-size: 14px; color: #8e8e8e; } .sma-view .detail .tab-content .info .baseinfo { width: 100%; margin-top: 20px; border-top: 1px solid #ededed; border-left: 1px solid #ededed; } .sma-view .detail .tab-content .info .baseinfo tr:nth-child(odd) { background-color: #fafafa; } .sma-view .detail .tab-content .info .baseinfo tr { color: #5a5a5a; } .sma-view .detail .tab-content .info .baseinfo tr th, .sma-view .detail .tab-content .info .baseinfo tr td { padding: 5px 20px; } .sma-view .detail .tab-content .info .baseinfo tr th { width: 150px; font-size: 18px; text-align: center; } .sma-view .detail .tab-content .info .baseinfo tr td { height: 40px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; font-size: 14px; } .sma-view .detail .tab-content .info .baseinfo tr td a { color: #333333; } .sma-view .detail .tab-content .info .more-title { margin-top: 20px; font-size: 16px; } .sma-view .detail .tab-content .info .more-title .tab_3_back { cursor: pointer; } .sma-view .detail .tab-content .info .page_report { margin-top: 20px; } .sma-view .detail .tab-content .info .page_report span { margin-right: 15px; } .sma-view .detail .tab-content .info .page_report a { color: #333333; margin-right: 10px; } .sma-view .detail .tab-content .info .page_report a.current { font-size: 18px; color: #0a72c9; cursor: default; }