/* ========================================================================== 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: #313131; 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=20250623064331) 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=20250623064331) 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=20250623064331) no-repeat left center; } .gt-footer .links .link h2.service { background: url(../i/common/footer_service.png?v=20250623064331) no-repeat left center; } .gt-footer .links .link h2.bars { background: url(../i/common/footer_bars.png?v=20250623064331) no-repeat left center; } .gt-footer .links .link h2.about { background: url(../i/common/footer_about.png?v=20250623064331) no-repeat left center; } .gt-footer .links .link h2.download { background: url(../i/common/footer_download.png?v=20250623064331) 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=20250623064331) 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=20250623064331) 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=20250623064331); } @-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=20250623064331) 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=20250623064331) 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=20250623064331) 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=20250623064331) 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=20250623064331) 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=20250623064331) 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=20250623064331) no-repeat; background-size: 214px 167px; width: 214px; height: 167px; } .findcat-win .cat.candy span { background: url(../i/active/findcat/chat4.png?v=20250623064331) 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=20250623064331) 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=20250623064331) 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=20250623064331) 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=20250623064331) no-repeat; } .findcat-win-pop.candy span { left: 141px; top: 49px; } .findcat-win-pop.tom { background: url(../i/active/findcat/win_tom.png?v=20250623064331) no-repeat; } .findcat-win-pop.tom span { left: 220px; top: 30px; } [class*=icon-bank-] { background-image: url(../i/icons_bank.png?v=20250623064331); background-repeat: no-repeat; width: 127px; height: 28px; display: inline-block; } [class*=icon-bank-].small { background-image: url(../i/icons_bank_small.png?v=20250623064331); background-repeat: no-repeat; width: 108px; height: 20px; display: inline-block; } [class*=icon-bank-].common { background-image: url(../i/icons_bank.png?v=20250623064331); background-repeat: no-repeat; width: 170px; height: 28px; display: inline-block; } .icon-bank- { background-position: 0 30px; } .icon-bank-.small { background-position: 0 30px; } .icon-bank-gongshang { background-position: 0 0; } .icon-bank-gongshang.small { width: 97px!important; } .icon-bank-zhongguo { background-position: -185px 0; } .icon-bank-zhongguo.small { width: 89px; } .icon-bank-jiaotong { background-position: -376px 0; } .icon-bank-zhaoshang { background-position: -565px 0; } .icon-bank-zhaoshang.small { width: 88px; } .icon-bank-pufa { background-position: -751px 0; width: 152px; } .icon-bank-pufa.small { background-position: -751px 0; width: 135px; } .icon-bank-nongye { background-position: 0 -74px; } .icon-bank-nongye.small { background-position: 0 -76px; } .icon-bank-jianshe { background-position: -185px -74px; } .icon-bank-jianshe.small { background-position: -188px -77px; width: 100px; } .icon-bank-huaxia { background-position: -376px -75px; } .icon-bank-huaxia.small { background-position: -376px -77px; width: 90px; } .icon-bank-xingye { background-position: -565px -74px; width: 152px; } .icon-bank-xingye.small { width: 90px; background-position: -565px -75px; } .icon-bank-pingan { background-position: -756px -74px; } .icon-bank-pingan.small { background-position: -756px -75px; } .icon-bank-guangfa { background-position: 0 -150px; } .icon-bank-guangfa.small { background-position: 0 -153px; } .icon-bank-minsheng { background-position: -185px -153px; width: 152px; } .icon-bank-minsheng.small { background-position: -185px -153px; width: 135px; } .icon-bank-guangda { background-position: -376px -153px; width: 152px; } .icon-bank-guangda.small { width: 107px; } .icon-bank-shanghai { background-position: -565px -153px; } .icon-bank-shanghai.small { background-position: -565px -151px; } .icon-bank-dalian { background-position: -754px -151px; } .icon-bank-dalian.small { background-position: -754px -151px; } .icon-bank-zheshang { background-position: 0 -226px; } .icon-bank-zheshang.small { background-position: 0 -226px; } .icon-bank-youzheng { background-position: -185px -226px; } .icon-bank-youzheng.small { background-position: -185px -226px; } .icon-bank-zhongxin { background-position: -376px -226px; } .icon-bank-zhongxin.small { background-position: -376px -226px; width: 87px; } .icon-bank-nanjing { background-position: -565px -226px; } .icon-bank-nanjing.small { background-position: -565px -226px; } .icon-bank-jinhua { background-position: -756px -226px; } .icon-bank-jinhua.small { background-position: -756px -226px; } .icon-bank-shunnong { background-position: 0 -299px; width: 152px; } .icon-bank-shunnong.small { background-position: 0 -301px; width: 135px; } .icon-bank-shangnong { background-position: -185px -301px; width: 140px; } .icon-bank-shangnong.small { background-position: -185px -301px; } .icon-bank-hankou { background-position: -376px -299px; } .icon-bank-hankou.small { background-position: -376px -299px; } .icon-bank-wenzhou { background-position: -565px -301px; } .icon-bank-wenzhou.small { background-position: -565px -301px; } .icon-bank-alipay { background-position: -20px -426px; } .icon-bank-alipay.small { background-position: -20px -426px; } .icon-bank-tiantianying { background-position: -212px -427px; } .icon-bank-jingdong { background-position: -395px -427px; } .icon-bank-jingdong.small { background-position: -390px -427px; } .icon-bank-360 { background-position: -395px -427px; } .icon-bank-360.small { background-position: -743px -422px; } .icon-bank-beijingnongshang { background-position: -755px -298px; } .icon-bank-beijingnongshang.small { background-position: -755px -298px; } .icon-bank-qq { background-position: -580px -427px; } .icon-bank-qq.small { background-position: -574px -427px; } [class*=icon-bankarrow-] { background-repeat: no-repeat; width: 37px; height: 37px; display: inline-block; } [class*=icon-bankarrow-].right { background-repeat: no-repeat; width: 48px; height: 48px; display: inline-block; } /** * 银行选择的角标 */ .icon-bankarrow-zhilian { background-image: url(../i/trade/arrow_zhilian.png?v=20250623064331); } .icon-bankarrow-tonglian { background-image: url(../i/trade/arrow_tonglian.png?v=20250623064331); } .icon-bankarrow-360 { background-image: url(../i/trade/arrow_360.png?v=20250623064331); } .icon-bankarrow-yinlian { background-image: url(../i/trade/arrow_yinlian.png?v=20250623064331); } .icon-bankarrow-alipay { background-image: url(../i/trade/arrow_alipay.png?v=20250623064331); } .icon-bankarrow-tiantian { background-image: url(../i/trade/arrow_tiantian.png?v=20250623064331); } .icon-bankarrow-jingdong { background-image: url(../i/trade/arrow_jingdong.png?v=20250623064331); } .icon-bankarrow-zhilian.right { background-image: url(../i/trade/arrow_zhilian_right.png?v=20250623064331); } .icon-bankarrow-tonglian.right { background-image: url(../i/trade/arrow_tonglian_right.png?v=20250623064331); } .icon-bankarrow-yinlian.right { background-image: url(../i/trade/arrow_yinlian_right.png?v=20250623064331); } .icon-bankarrow-alipay.right { background-image: url(../i/trade/arrow_alipay_right.png?v=20250623064331); } .icon-bankarrow-tiantian.right { background-image: url(../i/trade/arrow_tiantian_right.png?v=20250623064331); } .icon-bankarrow-jingdong.right { background-image: url(../i/trade/arrow_jingdong_right.png?v=20250623064331); } /* ========================================================================== 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: Badge ============================================================================ */ .gt-badge { display: inline-block; min-width: 10px; padding: 0.25em 0.625em; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #c1c1c1; border-radius: 0; } .gt-badge:empty { display: none; } .gt-badge.gt-square { border-radius: 0; } .gt-badge.gt-radius { border-radius: 4px; } .gt-badge.gt-round { border-radius: 1000px; } a.gt-badge:hover, a.gt-badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .gt-badge-primary { background-color: #2B9AFF; } .gt-badge-secondary { background-color: #78beff; } .gt-badge-success { background-color: #5eb95e; } .gt-badge-warning { background-color: #F37B1D; } .gt-badge-danger { background-color: #dd514c; } .gt-badge-kuai { background-color: #f6cf47; padding: 0.3rem; } /* ========================================================================== Component: Form ============================================================================ */ /* Normalize */ fieldset { border: none; } legend { display: block; width: 100%; margin-bottom: 256px; font-size: 17.5px; line-height: inherit; color: #646464; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.5rem; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } input[type="search"] { box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } select[multiple], select[size] { height: auto; } select optgroup { font-size: inherit; font-style: inherit; font-family: inherit; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 1px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; } output { display: block; padding-top: 16px; font-size: 16px; line-height: 16px; color: #5a5a5a; vertical-align: middle; } /* Common form controls */ .gt-form select, .gt-form textarea, .gt-form input[type="text"], .gt-form input[type="password"], .gt-form input[type="datetime"], .gt-form input[type="datetime-local"], .gt-form input[type="date"], .gt-form input[type="month"], .gt-form input[type="time"], .gt-form input[type="week"], .gt-form input[type="number"], .gt-form input[type="email"], .gt-form input[type="url"], .gt-form input[type="search"], .gt-form input[type="tel"], .gt-form input[type="color"], .gt-form-field { display: block; width: 100%; padding: 0.5em 0.5em 0.4em 0.5em; font-size: 14px; line-height: 1.2; color: #5a5a5a; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-appearance: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .gt-form select:focus, .gt-form textarea:focus, .gt-form input[type="text"]:focus, .gt-form input[type="password"]:focus, .gt-form input[type="datetime"]:focus, .gt-form input[type="datetime-local"]:focus, .gt-form input[type="date"]:focus, .gt-form input[type="month"]:focus, .gt-form input[type="time"]:focus, .gt-form input[type="week"]:focus, .gt-form input[type="number"]:focus, .gt-form input[type="email"]:focus, .gt-form input[type="url"]:focus, .gt-form input[type="search"]:focus, .gt-form input[type="tel"]:focus, .gt-form input[type="color"]:focus, .gt-form-field:focus { outline: 0; } .gt-form select:focus, .gt-form textarea:focus, .gt-form input[type="text"]:focus, .gt-form input[type="password"]:focus, .gt-form input[type="datetime"]:focus, .gt-form input[type="datetime-local"]:focus, .gt-form input[type="date"]:focus, .gt-form input[type="month"]:focus, .gt-form input[type="time"]:focus, .gt-form input[type="week"]:focus, .gt-form input[type="number"]:focus, .gt-form input[type="email"]:focus, .gt-form input[type="url"]:focus, .gt-form input[type="search"]:focus, .gt-form input[type="tel"]:focus, .gt-form input[type="color"]:focus, .gt-form-field:focus { background-color: #fefffe; border-color: #78beff; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(120, 190, 255, 0.3); } .gt-form select::-webkit-input-placeholder, .gt-form textarea::-webkit-input-placeholder, .gt-form input[type="text"]::-webkit-input-placeholder, .gt-form input[type="password"]::-webkit-input-placeholder, .gt-form input[type="datetime"]::-webkit-input-placeholder, .gt-form input[type="datetime-local"]::-webkit-input-placeholder, .gt-form input[type="date"]::-webkit-input-placeholder, .gt-form input[type="month"]::-webkit-input-placeholder, .gt-form input[type="time"]::-webkit-input-placeholder, .gt-form input[type="week"]::-webkit-input-placeholder, .gt-form input[type="number"]::-webkit-input-placeholder, .gt-form input[type="email"]::-webkit-input-placeholder, .gt-form input[type="url"]::-webkit-input-placeholder, .gt-form input[type="search"]::-webkit-input-placeholder, .gt-form input[type="tel"]::-webkit-input-placeholder, .gt-form input[type="color"]::-webkit-input-placeholder, .gt-form-field::-webkit-input-placeholder { color: #c1c1c1; } .gt-form select::-moz-placeholder, .gt-form textarea::-moz-placeholder, .gt-form input[type="text"]::-moz-placeholder, .gt-form input[type="password"]::-moz-placeholder, .gt-form input[type="datetime"]::-moz-placeholder, .gt-form input[type="datetime-local"]::-moz-placeholder, .gt-form input[type="date"]::-moz-placeholder, .gt-form input[type="month"]::-moz-placeholder, .gt-form input[type="time"]::-moz-placeholder, .gt-form input[type="week"]::-moz-placeholder, .gt-form input[type="number"]::-moz-placeholder, .gt-form input[type="email"]::-moz-placeholder, .gt-form input[type="url"]::-moz-placeholder, .gt-form input[type="search"]::-moz-placeholder, .gt-form input[type="tel"]::-moz-placeholder, .gt-form input[type="color"]::-moz-placeholder, .gt-form-field::-moz-placeholder { color: #c1c1c1; } .gt-form select:-ms-input-placeholder, .gt-form textarea:-ms-input-placeholder, .gt-form input[type="text"]:-ms-input-placeholder, .gt-form input[type="password"]:-ms-input-placeholder, .gt-form input[type="datetime"]:-ms-input-placeholder, .gt-form input[type="datetime-local"]:-ms-input-placeholder, .gt-form input[type="date"]:-ms-input-placeholder, .gt-form input[type="month"]:-ms-input-placeholder, .gt-form input[type="time"]:-ms-input-placeholder, .gt-form input[type="week"]:-ms-input-placeholder, .gt-form input[type="number"]:-ms-input-placeholder, .gt-form input[type="email"]:-ms-input-placeholder, .gt-form input[type="url"]:-ms-input-placeholder, .gt-form input[type="search"]:-ms-input-placeholder, .gt-form input[type="tel"]:-ms-input-placeholder, .gt-form input[type="color"]:-ms-input-placeholder, .gt-form-field:-ms-input-placeholder { color: #c1c1c1; } .gt-form select::-ms-input-placeholder, .gt-form textarea::-ms-input-placeholder, .gt-form input[type="text"]::-ms-input-placeholder, .gt-form input[type="password"]::-ms-input-placeholder, .gt-form input[type="datetime"]::-ms-input-placeholder, .gt-form input[type="datetime-local"]::-ms-input-placeholder, .gt-form input[type="date"]::-ms-input-placeholder, .gt-form input[type="month"]::-ms-input-placeholder, .gt-form input[type="time"]::-ms-input-placeholder, .gt-form input[type="week"]::-ms-input-placeholder, .gt-form input[type="number"]::-ms-input-placeholder, .gt-form input[type="email"]::-ms-input-placeholder, .gt-form input[type="url"]::-ms-input-placeholder, .gt-form input[type="search"]::-ms-input-placeholder, .gt-form input[type="tel"]::-ms-input-placeholder, .gt-form input[type="color"]::-ms-input-placeholder, .gt-form-field::-ms-input-placeholder { color: #c1c1c1; } .gt-form select::placeholder, .gt-form textarea::placeholder, .gt-form input[type="text"]::placeholder, .gt-form input[type="password"]::placeholder, .gt-form input[type="datetime"]::placeholder, .gt-form input[type="datetime-local"]::placeholder, .gt-form input[type="date"]::placeholder, .gt-form input[type="month"]::placeholder, .gt-form input[type="time"]::placeholder, .gt-form input[type="week"]::placeholder, .gt-form input[type="number"]::placeholder, .gt-form input[type="email"]::placeholder, .gt-form input[type="url"]::placeholder, .gt-form input[type="search"]::placeholder, .gt-form input[type="tel"]::placeholder, .gt-form input[type="color"]::placeholder, .gt-form-field::placeholder { color: #c1c1c1; } .gt-form select::-moz-placeholder, .gt-form textarea::-moz-placeholder, .gt-form input[type="text"]::-moz-placeholder, .gt-form input[type="password"]::-moz-placeholder, .gt-form input[type="datetime"]::-moz-placeholder, .gt-form input[type="datetime-local"]::-moz-placeholder, .gt-form input[type="date"]::-moz-placeholder, .gt-form input[type="month"]::-moz-placeholder, .gt-form input[type="time"]::-moz-placeholder, .gt-form input[type="week"]::-moz-placeholder, .gt-form input[type="number"]::-moz-placeholder, .gt-form input[type="email"]::-moz-placeholder, .gt-form input[type="url"]::-moz-placeholder, .gt-form input[type="search"]::-moz-placeholder, .gt-form input[type="tel"]::-moz-placeholder, .gt-form input[type="color"]::-moz-placeholder, .gt-form-field::-moz-placeholder { opacity: 1; } .gt-form select[disabled], .gt-form textarea[disabled], .gt-form input[type="text"][disabled], .gt-form input[type="password"][disabled], .gt-form input[type="datetime"][disabled], .gt-form input[type="datetime-local"][disabled], .gt-form input[type="date"][disabled], .gt-form input[type="month"][disabled], .gt-form input[type="time"][disabled], .gt-form input[type="week"][disabled], .gt-form input[type="number"][disabled], .gt-form input[type="email"][disabled], .gt-form input[type="url"][disabled], .gt-form input[type="search"][disabled], .gt-form input[type="tel"][disabled], .gt-form input[type="color"][disabled], .gt-form-field[disabled], .gt-form select[readonly], .gt-form textarea[readonly], .gt-form input[type="text"][readonly], .gt-form input[type="password"][readonly], .gt-form input[type="datetime"][readonly], .gt-form input[type="datetime-local"][readonly], .gt-form input[type="date"][readonly], .gt-form input[type="month"][readonly], .gt-form input[type="time"][readonly], .gt-form input[type="week"][readonly], .gt-form input[type="number"][readonly], .gt-form input[type="email"][readonly], .gt-form input[type="url"][readonly], .gt-form input[type="search"][readonly], .gt-form input[type="tel"][readonly], .gt-form input[type="color"][readonly], .gt-form-field[readonly], fieldset[disabled] .gt-form select, fieldset[disabled] .gt-form textarea, fieldset[disabled] .gt-form input[type="text"], fieldset[disabled] .gt-form input[type="password"], fieldset[disabled] .gt-form input[type="datetime"], fieldset[disabled] .gt-form input[type="datetime-local"], fieldset[disabled] .gt-form input[type="date"], fieldset[disabled] .gt-form input[type="month"], fieldset[disabled] .gt-form input[type="time"], fieldset[disabled] .gt-form input[type="week"], fieldset[disabled] .gt-form input[type="number"], fieldset[disabled] .gt-form input[type="email"], fieldset[disabled] .gt-form input[type="url"], fieldset[disabled] .gt-form input[type="search"], fieldset[disabled] .gt-form input[type="tel"], fieldset[disabled] .gt-form input[type="color"], fieldset[disabled] .gt-form-field { cursor: not-allowed; background-color: #8e8e8e; } .gt-form select.gt-radius, .gt-form textarea.gt-radius, .gt-form input[type="text"].gt-radius, .gt-form input[type="password"].gt-radius, .gt-form input[type="datetime"].gt-radius, .gt-form input[type="datetime-local"].gt-radius, .gt-form input[type="date"].gt-radius, .gt-form input[type="month"].gt-radius, .gt-form input[type="time"].gt-radius, .gt-form input[type="week"].gt-radius, .gt-form input[type="number"].gt-radius, .gt-form input[type="email"].gt-radius, .gt-form input[type="url"].gt-radius, .gt-form input[type="search"].gt-radius, .gt-form input[type="tel"].gt-radius, .gt-form input[type="color"].gt-radius, .gt-form-field.gt-radius { border-radius: 4px; } .gt-form select.gt-round, .gt-form textarea.gt-round, .gt-form input[type="text"].gt-round, .gt-form input[type="password"].gt-round, .gt-form input[type="datetime"].gt-round, .gt-form input[type="datetime-local"].gt-round, .gt-form input[type="date"].gt-round, .gt-form input[type="month"].gt-round, .gt-form input[type="time"].gt-round, .gt-form input[type="week"].gt-round, .gt-form input[type="number"].gt-round, .gt-form input[type="email"].gt-round, .gt-form input[type="url"].gt-round, .gt-form input[type="search"].gt-round, .gt-form input[type="tel"].gt-round, .gt-form input[type="color"].gt-round, .gt-form-field.gt-round { border-radius: 1000px; } .gt-form textarea, .gt-form select[multiple], .gt-form select[size] { height: auto; } .gt-form select { -webkit-appearance: none !important; -moz-appearance: none !important; -webkit-border-radius: 0; background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+') no-repeat 100% center; } .gt-form select[multiple="multiple"] { background-image: none; } /* help text */ .gt-form-help { display: block; margin-top: 5px; margin-bottom: 10px; color: #c1c1c1; font-size: 1.3rem; } /* form group */ .gt-form-group { margin-bottom: 1.5rem; } /* file field */ .gt-form-file { position: relative; overflow: hidden; } .gt-form-file input[type="file"] { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; opacity: 0; cursor: pointer; font-size: 50rem; } /** * Checkboxes and radios * Indent the labels to position radios/checkboxes as hanging controls. */ .gt-radio, .gt-checkbox { display: block; min-height: 16.8px; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; vertical-align: middle; } .gt-radio label, .gt-checkbox label { display: inline; margin-bottom: 0; font-weight: normal; cursor: pointer; } .gt-radio input[type="radio"], .gt-radio-inline input[type="radio"], .gt-checkbox input[type="checkbox"], .gt-checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; outline: none; } .gt-radio + .gt-radio, .gt-checkbox + .gt-checkbox { margin-top: -5px; } /* Radios and checkboxes inline */ .gt-radio-inline, .gt-checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .gt-radio-inline + .gt-radio-inline, .gt-checkbox-inline + .gt-checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], .gt-radio[disabled], .gt-radio-inline[disabled], .gt-checkbox[disabled], .gt-checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .gt-radio, fieldset[disabled] .gt-radio-inline, fieldset[disabled] .gt-checkbox, fieldset[disabled] .gt-checkbox-inline { cursor: not-allowed; } /* Form field feedback states */ .gt-form-warning .gt-form-help, .gt-form-warning .am-form-label, .gt-form-warning .am-radio, .gt-form-warning .am-checkbox, .gt-form-warning .am-radio-inline, .gt-form-warning .am-checkbox-inline, .gt-form-warning label { color: #F37B1D; } .gt-form-warning [class*="icon-"] { color: #F37B1D; } .gt-form-warning .gt-form-field { border-color: #F37B1D !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .gt-form-warning .gt-form-field:focus { background-color: #fefffe; border-color: #d2620b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f8b47e !important; } .gt-form-error .gt-form-help, .gt-form-error .am-form-label, .gt-form-error .am-radio, .gt-form-error .am-checkbox, .gt-form-error .am-radio-inline, .gt-form-error .am-checkbox-inline, .gt-form-error label { color: #dd514c; } .gt-form-error [class*="icon-"] { color: #dd514c; } .gt-form-error .gt-form-field, .gt-field-error { border-color: #dd514c !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .gt-form-error .gt-form-field:focus, .gt-field-error:focus { background-color: #fefffe; border-color: #cf2d27; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #eda4a2 !important; } .gt-form-success .gt-form-help, .gt-form-success .am-form-label, .gt-form-success .am-radio, .gt-form-success .am-checkbox, .gt-form-success .am-radio-inline, .gt-form-success .am-checkbox-inline, .gt-form-success label { color: #5eb95e; } .gt-form-success [class*="icon-"] { color: #5eb95e; } .gt-form-success .gt-form-field, .gt-field-valid { border-color: #5eb95e !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .gt-form-success .gt-form-field:focus, .gt-field-valid:focus { background-color: #fefffe; border-color: #459f45; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #a5d8a5 !important; } /* Horizontal forms */ .gt-form-horizontal .gt-form-label, .gt-form-horizontal .gt-radio, .gt-form-horizontal .gt-checkbox, .gt-form-horizontal .gt-radio-inline, .gt-form-horizontal .gt-checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 0.6em; } .gt-form-horizontal .gt-form-group:before, .gt-form-horizontal .gt-form-group:after { content: " "; display: table; } .gt-form-horizontal .gt-form-group:after { clear: both; } @media only screen and (min-width:641px) { .gt-form-horizontal .gt-form-label { text-align: right; } } /* Inline form elements */ @media only screen and (min-width:641px) { .gt-form-inline .gt-form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .gt-form-inline .gt-form-field { display: inline-block; width: auto; vertical-align: middle; } .gt-form-inline .gt-input-group { display: inline-table; vertical-align: middle; } .gt-form-inline .gt-input-group .gt-input-group-label, .gt-form-inline .gt-input-group .gt-input-group-btn, .gt-form-inline .gt-input-group .gt-form-label { width: auto; } .gt-form-inline .gt-input-group > .gt-form-field { width: 100%; } .gt-form-inline .gt-form-label { margin-bottom: 0; vertical-align: middle; } .gt-form-inline .gt-radio, .gt-form-inline .gt-checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; vertical-align: middle; } .gt-form-inline .gt-radio input[type="radio"], .gt-form-inline .gt-checkbox input[type="checkbox"] { float: none; margin-left: 0; } } /* Form field size */ .gt-input-sm { font-size: 14px !important; } .gt-input-lg { font-size: 18px !important; } .gt-form-group-sm .gt-checkbox, .gt-form-group-sm .gt-radio, .gt-form-group-sm .gt-form-label, .gt-form-group-sm .gt-form-field { font-size: 14px !important; } .gt-form-group-lg .gt-checkbox, .gt-form-group-lg .gt-radio, .gt-form-group-lg .gt-form-label, .gt-form-group-lg .gt-form-field { font-size: 18px !important; } .gt-form-group-lg input[type="radio"], .gt-form-group-lg input[type="checkbox"] { margin-top: 7px; } /* Form field feedback states */ .gt-form-icon { position: relative; } .gt-form-icon .gt-form-field { padding-left: 1.75em !important; } .gt-form-icon [class*='gt-icon-'] { position: absolute; left: 0.5em; top: 50%; display: block; margin-top: -0.5em; line-height: 1; z-index: 2; } .gt-form-icon label ~ [class*='gt-icon-'] { top: 70%; } /* Feedback Icon */ .gt-form-feedback { position: relative; } .gt-form-feedback .gt-form-field { padding-left: 0.5em !important; padding-right: 1.75em !important; } .gt-form-feedback [class*='gt-icon-'] { right: 0.5em; left: auto; } .gt-form-horizontal .gt-form-feedback [class*='gt-icon-'] { right: 1.6em; } /* Form set */ .gt-form-set { margin-bottom: 1.5rem; padding: 0; } .gt-form-set > input { position: relative; top: -1px; border-radius: 0 !important; } .gt-form-set > input:focus { z-index: 2; } .gt-form-set > input:first-child { top: 1px; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .gt-form-set > input:last-child { top: -2px; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .top-reg-step { float: right; margin-right: 30px; margin-top: 10px; } .top-reg-step a { display: inline-block; padding: 0; text-align: center; } .top-reg-step a div { width: 100px; text-align: center; color: #5a5a5a; margin-top: 5px; } .top-reg-step a i { color: #999; background: url(../i/user/icon_yuan.png?v=20250623064331) no-repeat; background-position: -133px 0; display: inline-block; width: 23px; height: 23px; line-height: 23px; font-style: normal; text-align: center; font-size: 12px; } .top-reg-step a.active span { border-top: 1px solid #2B9AFF; } .top-reg-step a.active i { background-position: 0 0; color: #FFF; } .top-reg-step a.active div { color: #2B9AFF; } .top-reg-step .line { width: 80px; height: 30px; border-top: 1px solid #999; display: inline-block; } .top-reg-step .line.active { border-top: 1px solid #2B9AFF; } [class*=reg-step-] { display: none; } [class*=reg-step-].active { display: block; } .gt-main { border: 1px solid #e4e4e4; } .main { background-color: #FFF; text-align: left; } .main .frm-set-password { padding-top: 70px; } .main .alarm-tips { color: #D70A30; text-align: left; padding: 0 360px; display: none; } .main .df-form { padding-top: 20px; } .main .gt-wrapper { border: 1px solid #e4e4e4; margin-bottom: 35px; } .main h2 { font-size: 18px; font-weight: normal; border-bottom: 1px solid #e4e4e4; margin-bottom: 20px; margin: 20px 25px 12px; padding: 0 0 20px; } .main h2 span { font-size: 14px; color: #c1c1c1; display: inline-block; margin-left: 12px; } .main .bank-select h3 { color: #646464; font-size: 16px; font-weight: normal; padding: 0; margin: 40px 0 10px 20px; } .main .bank-select ul { margin: 0 0 0 26px; padding: 0; list-style-type: none; } .main .bank-select ul li { display: inline-block; border: 1px solid white; padding: 5px; margin: 10px 11px -1px 0; cursor: pointer; width: 180px; } .main .bank-select ul li .bank-item-inident { padding: 5px; border: 1px solid #e4e4e4; display: block; } .main .bank-select ul li.active { border-top: 1px solid #2B9AFF; border-left: 1px solid #2B9AFF; border-right: 1px solid #2B9AFF; border-bottom: 1px solid #FFF; position: relative; z-index: 2; } .main .bank-select ul .bank-tips.active { display: block; } .main .bank-select ul .bank-tips { border: 1px solid #2B9AFF; position: relative; margin-right: 20px; display: none; } .main .bank-select ul .bank-tips h4 { font-size: 14px; font-weight: normal; margin: 0; padding: 0; position: relative; } .main .bank-select ul .bank-tips h4 .bank-selected-featured { background: url(../i/common/jian_36.png?v=20250623064331) no-repeat; display: inline-block; width: 20px; height: 21px; } .main .bank-select ul .bank-tips .gt-badge-kuai { margin-left: 10px; font-size: 14px; } .main .bank-select ul .bank-tips ul { margin: 0 5px; } .main .bank-select ul .bank-tips ul li { border: none; margin: 15px 0; padding: 0; width: 277px; } .main .bank-select ul .bank-tips ul li p { font-size: 12px; color: #5a5a5a; margin: 10px 0; font-weight: normal; } .main .bank-select ul .bank-tips ul li .selected { display: block; padding: 5px 10px; } .main .bank-select ul .bank-tips ul li .selected.active { background-color: #fdf3f4; } .main .bank-select ul .bank-tips ul li div.rule { text-align: right; } .main .bank-select ul .bank-tips ul li div.rule a { text-decoration: underline; font-size: 12px; font-weight: normal; } .main .bank-select ul .bank-tips ul li + li { padding-left: 5px; margin-left: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAMAAADeMYNYAAAAV1BMVEVaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpp1sUWAAAAHHRSTlPz6uDPxbWllYZ5bmZaSTskD9W+rJyMUEQvLRwbYKr6rAAAAEhJREFUCNcNjEcSgCAAAxdREBHFXuD/7ySHzGRSlkxh5WPhITETmQiMXHgcBwM9lo0OA1TJyFuluzrHidc66BX1vkkivSL+5AZi9AIf0GCHsAAAAABJRU5ErkJggg==); background-position: left center; background-repeat: no-repeat; } .main .base-input { text-align: center; } .main .base-input h4 { font-size: 14px; font-weight: normal; line-height: 30px; width: 550px; margin: 10px auto; text-align: left; } .main .base-input .methods-select-contain { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding-top: 30px; padding-bottom: 150px; } .main .base-input .methods-select-contain .methods-select-item { width: 250px; height: 260px; border: 1px solid #c4c4c4; border-radius: 4px; } .main .base-input .methods-select-contain .methods-select-item.point { cursor: pointer; } .main .base-input .methods-select-contain .methods-select-item.selected { background: url(../i/user/select_bg.png?v=20250623064331); color: #fff; border: none; } .main .base-input .methods-select-contain .methods-select-item .methods-name { font-weight: 550; text-align: center; padding-top: 20px; padding-bottom: 10px; box-sizing: border-box; font-size: 20px; } .main .base-input .methods-select-contain .methods-select-item .methods-icon.by-card { padding: 8px 0; box-sizing: border-box; } .main .base-input .methods-select-contain .methods-select-item .methods-icon.by-other { padding: 5px 0; box-sizing: border-box; } .main .base-input .methods-select-contain .methods-select-item .methods-icon.by-artificial { padding-bottom: 3px; } .main .base-input .methods-select-contain .methods-select-item .methods-icon img.normal { display: inline-block; } .main .base-input .methods-select-contain .methods-select-item .methods-icon img.active { display: none; } .main .base-input .methods-select-contain .methods-select-item .methods-tips { margin-top: 10px; padding: 0 8px ; } .main .base-input .methods-select-contain .methods-select-item .methods-tips p { margin: 0; padding: 0; text-align: left; font-size: 14px; } .main .base-input .methods-select-contain .methods-select-item .methods-tips p span { color: #0A72C9; text-decoration: underline; } .main .base-input .frm-set-password { padding-top: 70px; } .main .base-input table { width: 500px; margin: 0 auto; } .main .base-input table.ident-sure td { text-align: left; } .main .base-input table th { width: 250px; text-align: right; padding: 8px; font-weight: normal; } .main .base-input table th em { color: #d70a30; font-style: normal; } .main .base-input table td { width: 100px; padding: 8px; white-space: nowrap; } .main .base-input table td span { color: #D70A30; } .main .base-input table td input[type=password], .main .base-input table td input[type=text], .main .base-input table td select { font-size: 14px; width: 250px; } .main .base-input table td input.small { width: 100px; display: inline-block; margin: 0 5px; } .main .base-input table td input.small.send-mobile-code { float: left; margin: 0; width: 75px; } .main .base-input table td .J_send_vcode_n, .main .base-input table td .J_send_vcode_c { float: left; line-height: 30px; margin-left: 30px; } .main .base-input table td .J_send_vcode_n.disabled, .main .base-input table td .J_send_vcode_c.disabled { color: #ccc; } .main .base-input table td .J_submit_set_password, .main .base-input table td .J_submit_set_password_2 { display: none; } .main .base-input table td label { font-weight: normal; } .main .base-input table td .login-form-vcode { width: 80px!important; display: inline-block; text-align: center; } .main .base-input table td .login-form-vcode.login-form-vcode_new { text-align: left; } .main .base-input table td .login-vcode { display: inline-block; } .main .base-input table td .login-vcode .vcode-img { display: inline-block; width: 100px; vertical-align: middle; } .main .base-input table td .login-vcode span { color: #2B9AFF; cursor: pointer; } .main .base-input table td + td { width: auto; } .main .base-input .base-input-bank { border: 1px solid #e4e4e4; padding: 5px; } .main .reset-method { text-align: center; } .main .reset-method h3 { width: 500px; margin: 0 auto; padding: 10px; font-weight: normal; font-size: 16px; } .main .reset-method table { display: none; width: 800px; height: 60px; border: 1px solid #e4e4e4; margin: 20px auto; text-align: left; } .main .reset-method table td { padding: 5px 10px; } .main .reset-method table td .password-icons { background: url(../i/password_icons.png?v=20250623064331) no-repeat; display: inline-block; width: 28px; height: 27px; margin-right: 10px; vertical-align: middle; background-position: 0px 4px; } .main .reset-method table td .password-icons.mobile { background-position: -1px -37px; } .main .reset-method table td .password-icons.custom { background-position: 0 -78px; } .main .reset-method table td h4 { font-size: 18px; font-weight: normal; display: inline-block; padding: 0; margin: 0; vertical-align: middle; } .main .reset-method table td p { color: #5a5a5a; margin: 0; padding: 0; } .main .bank-select { padding: 0 20px; } .main .bank-select h3 { font-size: 16px; font-weight: normal; margin: 0; padding: 10px 0; } .main .bank-select ul { text-align: left; } .main .bank-select ul li { width: 360px; } .main .bank-select ul li input[type=radio] { display: inline-block; float: left; margin-top: 10px; } .main .bank-select ul li label { width: 290px; margin: 0px 20px; padding: 20px 13px; display: block; border: 1px solid #e4e4e4; border-radius: 12px; float: left; position: relative; height: 132px; } .main .bank-select ul li label .bank-title { text-align: left; } .main .bank-select ul li label .bank-title i { display: inline-block; margin-left: 5px; font-size: 12px; color: white; background-color: #f6cf47; border-radius: 3px; width: 20px; height: 20px; line-height: 20px; vertical-align: top; text-align: center; margin-top: 3px; } .main .bank-select ul li label .bank-title span.tips { font-size: 12px; color: white; font-weight: normal; vertical-align: top; display: inline-block; margin-top: 3px; background-color: grey; padding: 0px 3px; border-radius: 3px; } .main .bank-select ul li label .bank-list-arrow { position: absolute; right: 0; top: 0; } .main .bank-select ul li label .bank-acco { margin-top: 40px; font-size: 14px; height: 18px; text-align: left; padding-left: 3px; font-weight: normal; } .main .bank-select table { width: 500px; margin: 0 auto; } .main .bank-select table tr td { padding: 8px; } .main .bank-select table tr td .vcode { width: 70px; display: inline-block; margin-right: 10px; } .main .reg-finish { width: 440px; margin: auto; } .main .reg-finish h3 { background: url(../i/icon-reg-success.png?v=20250623064331) no-repeat center left; height: 53px; line-height: 53px; font-size: 24px; font-weight: normal; padding-left: 70px; } .main .reg-finish h3.error { background: url(../i/common/error.png?v=20250623064331) no-repeat center left; } .main .reg-finish p { margin-left: 70px; font-size: 14px; color: #5a5a5a; } .main .accidentally-tips { color: #dbd8d8; font-size: 12px; text-align: left; box-sizing: border-box; padding: 0 370px; } .main .accidentally-tips span { color: #0A72C9; cursor: pointer; } .main .gt-well { margin-top: 50px; margin-bottom: 50px; } .main .gt-well .gt-btn { min-width: 115px; outline: none; } .main .gt-well .gt-btn.pre_btn { border: 1px solid #0A72C9; background: #fff; color: #0A72C9; } .main .gt-well .gt-btn.pre_btn:hover { background: #f5f5f5; } .main .gt-well .gt-btn.next_btn { border: 1px solid #0A72C9; background: #0A72C9; color: #fff; } .main .gt-well .gt-btn.next_btn:hover { background: #0863ad; } .main .reg-redirect { text-align: center; } .main .reg-redirect h3 { margin: 35px; font-size: 24px; font-weight: normal; } .main .reg-redirect p { font-size: 14px; }