锘緻charset "utf-8"; * { outline: none; } /*@charset "utf-8";*/ /* body,html{overflow-x:hidden;} */ /* CSS Reset ----------------------------------------*/ @font-face { font-family:'FZLTXHJW'; font-style:normal; font-weight:100; src:url(fontcss/FZLTHJW.TTF); } html{overflow-x: hidden;width: 100%;position: relative;} body, html { font-size: 14px; /*background-color:#f9f9f9;*/ background-color: #fff; /**/ width: 100%; min-width: 100%; position: relative; overflow-x: hidden; font-family: FZLTXHJW; line-height: 180%; color:#333333; } body.showNav { overflow: hidden; } body { /* overflow: auto;*/ } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; font-family:FZLTXHJW; } table { border-collapse: collapse; border-spacing: 0 } a:hover { color: #007bc8; } fieldset { border: 0 } img { border: 0; padding: 0; margin: 0; /*max-width: 100%;*/ /*height: auto!important;*/ } .img-responsive { display: block; max-width: 100%; height: auto; } address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal } strong, b { font-weight: bold; } ol, ul, li { list-style: none } caption, th { text-align: left } h1, h2, h3, h4, h5 { padding: 0; margin: 0; } h1 { font-size: 24px; } h2 { font-size: 18px; } h3 { font-size: 14px; } h4 { font-size: 12px; } h5 { font-size: 12px; } q:before, q:after { content: '' } abbr, acronym { border: 0 } hr { margin: 0; padding: 0; border: 0; color: #CDCDCD; background-color: #CCC; height: 1px; } blockquote { color: #666; font-style: normal; } sup, sub { line-height: 0 } abbr, acronym { border-bottom: 1px dotted #666 } pre { white-space: pre; } pre, code, tt { font: 12px 'andale mono', 'lucida console', monospace; line-height: 1.5 } input:focus { outline: none } /* Global Definitions ----------------------------------------*/ p { /* padding: 0 0 1em 0;*/ line-height:200%; } a { color: inherit; text-decoration: none; cursor: default; -webkit-tap-highlight-color: transparent; } a[href] { cursor: pointer; } a:hover { color: inherit; text-decoration: none; } /* placeholder榛樿棰滆壊 */ :-moz-placeholder { color: #999; opacity: 1; } ::-moz-placeholder { color: #999; opacity: 1; } input:-ms-input-placeholder { color: #999; opacity: 1; } input::-webkit-input-placeholder { color: #999; opacity: 1; } /* 鑷畾涔夋粴鍔ㄦ潯 */ .custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; } .custom-scrollbar::-webkit-scrollbar-track-piece { background-color: #dbdbdb; border-radius: 0; } .custom-scrollbar::-webkit-scrollbar-thumb:vertical { height: 6px; background-color: #d2213e; border-radius: 0; } .custom-scrollbar::-webkit-scrollbar-thumb:horizontal { width: 6px; background-color: #d2213e; border-radius: 0; } .L { float: left; } .R { float: right; } .H { display: none; } .tc { text-align: center; } .mAuto { margin: 0 auto; } .wP100 { width: 100%; } /*clear fix*/ .url { color: #1d70b4; font-size: 16px; display: block; } .url a { color: #1d70b4; } .clearfix:after { content: ""; display: table; height: 0; clear: both; line-height: 0; font-size: 0; } .clearfix { *zoom: 1; } .clear { clear: both; height: 0; font-size: 0px; line-height: 0px; } .H50 { height: 50px; } .H40 { height: 40px; } .H20 { height: 20px; } .H15 { height: 15px; } .comH20 { height: 20px; } .comH18 { height: 18px; } .mtb10 { margin: 10px 0; } .img-response { display: block; width: 100%; height: auto; overflow: hidden; } .img-response img { display: block; width: 100%; height: auto; } .scaleImg { transition: transform 500ms ease-in-out; -wekbit-transition: transform 500ms ease-in-out; } .scaleImg:hover { transform: scale(1.07); -webkit-transform: scale(1.07); } .vw_ad { width: 100% } .vw_ad a { display: block } .vw_ad img { display: block; width: 100%; } .img-box { background-color: #eee; } .img-box img { display: block; } .section1 { margin-top: 55px; } .bg_da { background-color: #dadada; } .bg_cb { background-color: #cbcbcb; } .bg_e5 { background-color: #e5e5e5; } .fixedAble { position: fixed; width: 100%; left: 0; top: 0; z-index: 99999; } .moveEle { transition: transform 200ms ease-in-out; -webkit-transition: transform 200ms ease-in-out; will-change: transform; -webkit-will-change: transform; } /*鍩虹琛ㄥ崟*/ .formPanel { margin-bottom: 15px; line-height: 30px; position: relative; } .formPanel label { margin: 0; margin-right: 15px; } .formPanel .tip { color: red; font-size: 12px; } .formPanel .mess { color: #999; font-size: 13px; line-height: 30px; } .formPanel .formList { display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 15px; } .formPanel .tit { display: inline-block; vertical-align: middle; min-width: 85px; text-align: right; font-size: 14px; color: #333; padding-right: 10px; } .formPanel .tit.textarea { vertical-align: top; } .formPanel .tit.wAuto { min-width: 0; width: auto; } .formPanel input[disabled] { background-color: #eee } .formPanel label { font-weight: normal; } .formPanel .inpBox { display: inline-block; vertical-align: middle; position: relative; color: #666; } .formPanel input[type=text], .formPanel input[type=password] { width: 192px; height: 30px; padding: 0 8px; line-height: 30px; background-color: #fff; border: 1px solid #cbcbcb; outline: none; -webkit-appearance: none; color: #666; vertical-align: middle; border-radius: 0; } .formPanel .inpBox.textarea { vertical-align: top; } .formPanel input[type=radio] { display: inline-block; vertical-align: middle; margin: 0; } .formPanel input[type=radio]+span { display: inline-block; vertical-align: middle } .formPanel input[type=checkbox] { display: inline-block; vertical-align: middle; margin: 0; } .formPanel input[type=checkbox]+span { display: inline-block; vertical-align: middle } .formPanel textarea { min-width: 300px; max-width: 500px; min-height: 70px; resize: both; border: 1px solid #cdcdcd; outline: none; padding: 5px; } .formPanel img.yzm { display: inline-block; vertical-align: middle; height: 32px; width: auto; } /*鍒嗛〉*/ .mode-page{ margin:40px 0 80px 0; text-align:center; } .mode-page ul li{ display:inline-block; vertical-align: middle; line-height: 30px; /*font-family: Arial, Helvetica, sans-serif;*/ font-family: FZLTXHJW; font-size:24px; border-radius: 10px; margin:0 5px; font-size: 14px; border: 1px #ccc solid; padding: 2px 14px; } .mode-page ul li a{ display:block; width:100%; height:100%; font-size: 14px; } .mode-page ul li.active{ background-color:#c31b1f; border-color: #c31b1f; color:#fff; font-weight: bold; } .mode-page ul li.prev,.mode-page ul li.next{ width:120px; background-color:#dbdbdb; border-radius: 40px; font-size:16px; color:#fff; margin:0 30px; cursor: pointer; } .mode-page ul li.prev:hover,.mode-page ul li.next:hover{ background-color:#d2213e; } .mode-page ul li.prev .iconfont,.mode-page ul li.next .iconfont{ vertical-align: middle; font-size:30px; } .mode-page ul li.prev .iconfont{margin-left: -9px;} .mode-page ul li.next .iconfont{margin-right: -9px;} /* 鍔ㄧ敾 */ @keyframes fade_in_up { from { opacity: 0; transform: translateY(100px) } to { opacity: 1; transform: translateY(0) } } /* radio-mode */ .radio-mode { font-size:0; line-height: 0; user-select: none; display:block; } .radio-mode input[type=radio]{ display:none; } .radio-mode .radio{ display:flex; align-items: center; } .radio-mode em{ width:20px; height:20px; border-radius: 100%; background-color:#fff; border:1px solid #999999; box-sizing: border-box; margin-right:0.3rem; position: relative; display:flex; align-items: center; justify-content: center; } .radio-mode span{ display:block; font-size:18px; line-height:normal; flex:1; overflow: hidden; } .radio-mode.active .radio em,.radio-mode input[type=radio]:checked + .radio em{ border-color:#d2213e; } .radio-mode.active .radio em:before,.radio-mode input[type=radio]:checked + .radio em:before{ display:block; content:""; width:12px; height:12px; border-radius: 100%; background-color:#d2213e; } .agent-page .query-agent .button { cursor: pointer; } .job-form-page .required{ position: relative; } .job-form-page .required:before{ content:"*"; color:#ff0000; position: absolute; left:5px; top:50%; line-height: 1; margin-top:-3px; }