12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181 |
- /*公共样式*/
- * {
- padding: 0;
- margin: 0;
- box-sizing: border-box;
- font-family: "微软雅黑";
- }
- .container{
- padding: 0
- }
- html {
- font-size: 62.5%;
- }
- body {
- font: 14px "simsun", Arial, Helvetica, sans-serif;
- width: 100%;
- background-color: #fff;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- /*font-size:1.4rem;*/
- }
- body,
- h1,
- h2,
- h3,
- h4,
- h6,
- p,
- ul,
- ol,
- dl,
- dd {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- a {
- color: #000;
- text-decoration: none;
- }
- a:hover {
- color: #000;
- text-decoration: none;
- }
- .container {
- width: 1200px;
- }
- a:focus {
- text-decoration: none;
- }
- .lf {
- float: left;
- }
- .rf {
- float: right;
- }
- .clear {
- clear: both;
- }
- img {
- border: none;
- }
- ::-webkit-input-placeholder {
- color: #CCCCCC;
- }
- ::-webkit-input-placeholder {
- color: #CCCCCC;
- }
- .ct-img-small {
- display: none;
- }
- input:-webkit-autofill {
- -webkit-box-shadow: 0 0 0 1000px white inset !important;
- }
- input:focus {
- outline: none;
- }
- ul,
- ol {
- padding: 0;
- margin: 0;
- list-style: none;
- }
- /*顶部区域*/
- /* header */
- .header {
- color:#333;
- height: 64px;
- line-height: 64px;
- background-color: #f9f9f9;
- }
- .header div>div{
- margin-left: 30px;
- float:right;
- }
- .header ul li {
- float: left;
- margin: 0 10px;
- }
- .header a{
- color:#333;
- }
- .header .colorRed{
- color: #ff570c;
- }
- /* 新导航 */
- .navHeader {
- background: #ffffff;
- line-height: 90px;
- height:90px;
- }
- .navHeader .nav ul li img {
- width: 30px;
- height: 30px;
- position: absolute;
- right: 0px;
- top: 9px;
- }
- .navHeader .logo {
- float: left;
- padding-left: 20px;
- }
- .navHeader .logo_right {
- margin-top:12px;
- float: left;
- padding-left: 20px;
- width: 120px;
- height: 75px;
- background: url("../../img/index_xuan.png") no-repeat center center;
- margin-left: 10px;
- }
- .navHeader .nav {
- float: left;
- padding-left: 40px;
- }
- .navHeader .nav>ul>li {
- float: left;
- width: 120px;
- text-align: center;
- line-height: 90px;
- position: relative;
- }
- .navHeader .nav>ul>li>a {
- color: #074d88;
- width: 120px;
- line-height: 90px;
- display: inline-block;
- font-size: 20px;
- }
- .navHeader .nav>ul>li:hover a {
- color: #074F88;
- }
- .navHeader .nav_right{
- float: right;
- color:#ff570c;
- }
- .navHeader .nav_right img {
- width: 82px;
- height: 62px;
- margin-right: 14px;
- }
- /* 旧导航 */
- header {
- width: 100%;
- background: #ffffff;
- line-height: 90px;
- height: 90px;
- }
- header .logo {
- float: left;
- padding-left: 20px;
- }
- header .logo_right {
- margin-top: 8px;
- float: left;
- padding-left: 20px;
- width: 120px;
- height: 75px;
- background: url("../../img/index_xuan.png") no-repeat center center;
- margin-left: 10px;
- }
- .h_fix {
- position: fixed;
- top: 0px;
- left: 0;
- z-index: 9999;
- box-shadow: 2px 4px 10px #CCCCCC;
- display: none;
- }
- header .nav {
- float: left;
- padding-left: 35px;
- }
- header .nav>ul>li {
- float: left;
- width: 120px;
- text-align: center;
- line-height: 90px;
- position: relative;
- }
- header .nav>ul>li>a {
- color: #074d88;
- width: 120px;
- line-height: 90px;
- display: inline-block;
- font-size: 20px;
- }
- header .nav>ul>li:hover a {
- color: #074F88;
- }
- .active a {
- color: #074F88!important;
- }
- /*2级导航*/
- header .nav ul li .subnavigation {
- width: 120px;
- position: absolute;
- top: 76px;
- z-index: 9999;
- background: #ffffff;
- display: none;
- box-shadow: 0 2px 10px #ccc;
- }
- .subnavigation {
- padding-top: 18px;
- padding-bottom: 15px;
- }
- .subnavigation li>a {
- width: 120px;
- height: 30px;
- line-height: 30px;
- display: inline-block;
- color: #333333;
- }
- .subnavigation li a:hover {
- letter-spacing: 5px;
- background: rgba(22,151, 234, .7);
- box-shadow: 0 4px 6px #ccc;
- transition: all .2s ease-in;
- color:#ffffff!important;
- }
- .subnavigation li {
- height: 30px!important;
- line-height: 30px!important;
- }
- /*hot*/
- .nav ul li:hover img {
- animation: hot 1s infinite linear;
- transition: all 1s;
- }
- @keyframes hot {
- 0% {
- width: 30px;
- height: 30px;
- }
- 25% {
- width: 25px;
- height: 25px;
- top: 9px;
- }
- 50% {
- width: 30px;
- height: 30px;
- }
- 100% {
- width: 25px;
- height: 25px;
- top: 9px;
- }
- }
- header .nav_right>div {
- width: 180px;
- height: 25px;
- position: absolute;
- right: 0;
- top: 10px;
- background: url("../../img/index400.png")
- }
- header .nav_right a {
- color: #333333;
- margin: 2px;
- }
- header .nav_right a:hover {
- color: #2a6597;
- }
- .nav ul li {
- position: relative;
- }
- .nav ul li img {
- width: 30px;
- height: 30px;
- position: absolute;
- right: 0px;
- top: 9px;
- }
- .nav_right a:first-child+a+a {
- display: none;
- }
- header .nav_right .head_login {
- width: 40px;
- height: 50px;
- display: inline-block;
- line-height: 40px;
- position: absolute;
- right: 0;
- bottom: 0;
- color: #616161;
- }
- /*bottom的css*/
- #bottom {
- width: 100%;
- height: 386px;
- margin: 20px auto 0;
- position: relative;
- background: url(../../img/bottom_bg.png) no-repeat center center;
- background-size: 120% 100%;
- ;
- }
- .bottom {
- width: 1200px;
- height: 386px;
- margin: 20px auto 0;
- position: relative;
- }
- .bottom_text {
- width: 1200px;
- height: 386px;
- position: absolute;
- left: 0;
- top: 0;
- }
- .text_top {
- width: 100%;
- height: 55px;
- position: absolute;
- top: 140px;
- left: 0;
- text-align: center;
- color: #fff;
- }
- .text_top>a {
- color: #fff;
- line-height: 25px;
- }
- .text_center {
- width: 100%;
- height: 90px;
- position: absolute;
- top: 195px;
- left: 0;
- color: #fff;
- margin-top: 10px;
- }
- .cont_left {
- vertical-align: top;
- width: 350px;
- height: 90px;
- display: inline-block;
- margin-left: 45px;
- }
- .cont_left>p{
- margin-top: 15px;
- }
- .cont_left>img {
- margin-left: 85px;
- width: 40px;
- }
- .cont_guanli>a>img {
- width: 40px;
- height: 40px;
- }
- .cont_guanli {
- width: 200px;
- height: 90px;
- display: inline-block;
- text-align: center;
- margin-left: 70px;
- }
- .cont_center {
- width: 200px;
- height: 90px;
- display: inline-block;
- text-align: center;
- }
- .cont_right,
- .cont_rightapp {
- width: 82px;
- height: 90px;
- display: inline-block;
- text-align: center;
- vertical-align: top;
- }
- .text_center p {
- color: #F5F6F9;
- font-weight: bold;
- }
- .cont_rightapp {
- margin-right: 5px;
- margin-left: 50px;
- }
- .cont_rightapp p {
- line-height: 30px;
- }
- .cont_right p {
- line-height: 30px;
- width: 80px;
- text-align: center;
- }
- .text_bottom {
- width: 100%;
- height: 75px;
- position: absolute;
- top: 285px;
- left: 0;
- color: #fff;
- padding-left: 45px;
- margin-top: 15px;
- }
- .text_bottom p {
- font-weight: bold;
- line-height: 25px;
- }
- .text_bottom a {
- color: #fff;
- font-size: 1.2rem;
- line-height: 18px;
- }
- .pol_act {
- margin-left: 5px;
- }
- .android {
- margin-right: 5px;
- }
- /*右侧挂件*/
- .index_blur {
- font-size: 18px;
- color: #fff;
- text-align: right;
- padding-right: 15px;
- cursor: pointer;
- }
- .pub_fix {
- width: 70px;
- position: fixed;
- right: 10px;
- bottom: 80px;
- border-radius: 10px;
- border: 1px solid #e0e0e0;
- overflow: hidden;
- text-align: center;
- height: auto;
- background: #ffd68f;
- z-index: 999;
- }
- .right_cebian {
- width: 40px;
- height: 120px;
- position: fixed;
- right: 0;
- bottom: 180px;
- border-radius: 10px 0 0 10px;
- text-align: center;
- color: #fff;
- display: none;
- cursor: pointer;
- background: #5888B5 url("../../img/youce_daohang.png") no-repeat center 5px;
- z-index: 999999;
- letter-spacing: 5px;
- font-size: 18px;
- padding-top: 30px;
- padding-left: 5px;
- line-height: 20px;
- }
- .pub_fix .index_blur {
- width: 100%;
- height: 30px;
- line-height: 30px;
- background: #4c7fa9;
- display: inline-block;
- }
- .pub_fix .index_orange {
- width: 100%;
- height: 24px;
- line-height: 24px;
- background: #ffd68f;
- display: inline-block;
- }
- .pub_fix ul li:first-child {
- border: none;
- }
- .pub_fix ul li {
- padding-top: 6px;
- padding-bottom: 6px;
- border-top: 1px dotted #e0e0e0;
- background: #FFFFFF;
- }
- .pub_fix ul li a{
- width: 38px;
- height: 40px;
- display: inline-block;
- }
- .pub_fix ul li img {
- margin-bottom: 4px;
- }
- .pub_fix ul li:hover {
- cursor: pointer;
- }
- .pub_fix ul li p {
- color: #074d88;
- font-size: 14px;
- }
- .pub_fix ul li a {
- text-decoration: none;
- }
- .pub_fix ul li a img {
- width: 45px;
- height: 45px;
- border-radius: 50%;
- background: #ffc443;
- display: inline-block;
- }
- .pub_fix ul li:hover a img {
- background: #fc9501
- }
- /*登陆页面*/
- .login {
- width: 100%;
- background: rgba(6, 6, 6, .4);
- position: fixed;
- top: 0;
- left: 0;
- z-index: 999999;
- display: none;
- }
- .login_mian {
- width: 600px;
- background: #ffffff;
- position: absolute;
- top: 50%;
- margin-top: -200px;
- left: 50%;
- margin-left: -300px;
- padding-top: 60px;
- padding-bottom: 96px;
- }
- .login_left {
- float: left;
- padding-bottom: 10px;
- width: 265px;
- text-align: center;
- }
- .login_left .login_ewm {
- width: 95px;
- padding-top: 34px;
- margin-bottom: 10px;
- display: inline-block;
- text-align: center;
- }
- .login_left .login_ewm img {
- margin-bottom: 10px;
- width: 90px;
- }
- .login_left p {
- line-height: 26px;
- font-size: 16px;
- text-align: center;
- }
- .login_right {
- float: left;
- padding-left: 32px;
- width: 288px;
- border-left: 1px solid #E5E5E5;
- }
- .login_check,
- .login_submit {
- width: 260px!important;
- margin-top: 20px;
- }
- .login_right h5 {
- font-size: 18px;
- color: #373739;
- font-weight: normal;
- margin-bottom: 10px;
- }
- .login_right h5 a {
- font-size: 14px;
- color: #f81009;
- margin-left: 56px;
- }
- .login_right form .login_uesr,
- .login_pass {
- width: 256px;
- height: 40px;
- position: relative;
- border: 1px solid #cccccc;
- }
- .login_uesr label img,
- .login_pass label img {
- width: 20px;
- height: 22px;
- position: absolute;
- top: 8px;
- left: 10px;
- border: none;
- }
- #Lo_user,
- #Lo_pass {
- width: 214px;
- height: 37px;
- line-height: 40px;
- border: none;
- border-left: 1px solid #CCCCCC;
- padding-left: 12px;
- left: 40px;
- top: 8px;
- font-size: 16px;
- position: absolute;
- color: #cdcdcd;
- }
- .login_uesr .log_del {
- width: 16px;
- height: 16px;
- position: absolute;
- top: 10px;
- right: 10px;
- }
- .log_del:hover {
- cursor: pointer;
- }
- .login_uesr {
- margin-bottom: 20px;
- }
- .login_check a {
- color: #f18101;
- float: right;
- line-height: 38px;
- }
- .login_check label {
- height: 38px;
- line-height: 38px;
- color: #f18101;
- font-weight: normal;
- }
- .lab_check {
- background: url(../../img/check_lo.png) no-repeat center left;
- background-size: 20% 40%;
- }
- .lab_checkno {
- background: url(../../img/check_lono.png) no-repeat center left;
- background-size: 20% 40%;
- }
- .login_check label input {
- margin-right: 4px;
- visibility: hidden;
- }
- .login_check label:hover {
- cursor: pointer;
- }
- .login_submit {
- width: 100%;
- height: 38px;
- font-size: 20px;
- background: #f18101;
- color: #FFFFFF;
- text-align: center;
- border: none;
- }
- .login_hua {
- position: absolute;
- top: 0;
- left: 0;
- }
- .login_close {
- position: absolute;
- top: 10px;
- right: 10px;
- width: 24px;
- height: 22px;
- z-index: 2000;
- }
- .login_close:hover {
- cursor: pointer;
- }
- .login_shadow {
- position: absolute;
- bottom: -25px;
- width: 600px;
- height: 25px;
- right: 0;
- z-index: 2000;
- }
- .login_check label:first-child {
- margin-right: 15px;
- }
- .head_login:focus {
- text-decoration: none;
- }
- /*忘记密码页面*/
- #forget {
- width: 100%;
- height: 100%;
- background: rgba(6, 6, 6, .4);
- position: fixed;
- top: 0;
- left: 0;
- z-index: 999999;
- display: none;
- }
- .forget {
- width: 600px;
- background: #ffffff;
- position: absolute;
- top: 50%;
- margin-top: -200px;
- left: 50%;
- margin-left: -300px;
- padding-top: 10px;
- padding-bottom: 50px;
- }
- .forget_top {
- width: 100%;
- height: 50px;
- border-bottom: 1px solid #E5E5E5;
- padding-left: 20px;
- line-height: 50px;
- }
- .forget_top>a {
- color: #383838;
- font-size: 20px;
- float: left;
- }
- .forget_top>div {
- float: left;
- }
- .forget_center {
- padding-top: 30px;
- width: 100%;
- text-align: center;
- padding-right: 40px;
- }
- .forget_center>div {
- color: #616161;
- font-size: 16px;
- font-weight: normal;
- height: 40px;
- line-height: 40px;
- width: 410px;
- margin: 0 auto;
- margin-bottom: 15px;
- text-align: right;
- position: relative;
- }
- .forget_center>div input {
- height: 40px;
- margin-left: 5px;
- }
- .phone>label {
- font-weight: normal;
- font-size: 18px;
- }
- .phone input {
- width: 250px;
- font-size: 16px;
- border: 1px solid #E5E5E5;
- padding-left: 5px;
- }
- .yanzheng>label {
- display: inline-block;
- color: #616161;
- font-weight: normal;
- font-size: 18px;
- }
- .yanzheng input {
- width: 160px;
- font-size: 16px;
- border: 1px solid #E5E5E5;
- padding-left: 5px;
- }
- .yanzheng {
- padding-right: 90px;
- }
- .yanzhengma_cont_ {
- width: 80px;
- height: 40px;
- display: inline-block;
- position: absolute;
- top: 0;
- right: 0;
- }
- .yanzhengma_cont_>img {
- width: 100%;
- height: 100%;
- }
- .cellcode_ {
- padding-right: 90px;
- }
- .cellcode_>div {
- display: inline-block;
- font-size: 18px;
- }
- .cellcode_>div>input {
- width: 160px;
- font-size: 16px;
- border: 1px solid #E5E5E5;
- padding-left: 5px;
- }
- .cellcode_>input {
- width: 80px;
- height: 40px;
- font-size: 14px;
- position: absolute;
- top: 0;
- right: 0;
- background: #fff;
- border: 1px solid #eee;
- cursor: pointer;
- color: #ccc;
- display: inline-block;
- padding-left: 0;
- background: none;
- text-align: center;
- }
- .forget_center .fastener {
- margin-top: 40px;
- text-align: center;
- padding-left: 30px;
- }
- .fastener>div {
- display: inline-block;
- width: 150px;
- height: 40px;
- }
- .fastener .forget_sub {
- background: #F18101;
- width: 150px;
- height: 40px;
- border: 1px solid #E5E5E5;
- margin-right: 20px;
- color: #fff;
- letter-spacing: 8px;
- font-size: 18px;
- }
- .fastener_right {
- color: #F18101;
- border: 1px solid #E5E5E5;
- text-align: center;
- letter-spacing: 8px;
- font-size: 18px;
- cursor: pointer;
- }
- /*新密码设置*/
- #new_password {
- width: 100%;
- height: 100%;
- background: rgba(6, 6, 6, .4);
- position: fixed;
- top: 0;
- left: 0;
- z-index: 999999;
- display: none;
- }
- .new_password {
- width: 600px;
- background: #ffffff;
- position: absolute;
- top: 50%;
- margin-top: -200px;
- left: 50%;
- margin-left: -300px;
- padding-top: 10px;
- padding-bottom: 50px;
- }
- .password_top {
- width: 100%;
- height: 50px;
- border-bottom: 1px solid #E5E5E5;
- padding-left: 20px;
- line-height: 50px;
- }
- .password_top>h4 {
- display: inline-block;
- color: #616161;
- font-size: 20px;
- }
- .password_top>span {
- font-size: 16px;
- color: #616161;
- background: url("../../img/zhongdian.png") no-repeat left center;
- padding-left: 25px;
- margin-left: 15px;
- }
- .password_center {
- padding-top: 30px;
- width: 100%;
- text-align: center;
- padding-right: 40px;
- }
- .password_center>div {
- color: #616161;
- font-size: 16px;
- font-weight: normal;
- height: 40px;
- line-height: 40px;
- width: 410px;
- margin: 0 auto;
- margin-bottom: 15px;
- text-align: right;
- position: relative;
- }
- .password_center>div>label {
- font-weight: normal;
- font-size: 18px;
- }
- .password_center>div input {
- width: 250px;
- height: 40px;
- font-size: 16px;
- padding-left: 5px;
- }
- .new_password .fastener {
- margin-top: 40px;
- padding-left: 30px;
- }
- .fastener .new_password_sub {
- background: #F18101;
- width: 150px;
- height: 40px;
- border: 1px solid #E5E5E5;
- margin-right: 20px;
- color: #fff;
- letter-spacing: 8px;
- font-size: 18px;
- }
- /*弹出消息提示*/
- /*弹出消息提示*/
- .smg{
- width: 260px;height: 40px;text-align: center;transform: scale(0) rotate(360deg);
- line-height:40px;background:#17a2b8;border-radius: 10px;
- position: fixed;top: -200px; left: 50%;margin-left: -130px;color:#ffffff;
- transition: all .1s ease-in-out;
- }
- .smg input{width: 260px;height: 40px;border: none;background: none;text-align: center;font-size: 14px;}
- .smg.active{
- transform: scale(1) ;
- top: 200px;
- z-index: 9999999999;
- transition: all .1s ease-in;
- }
- /* msg tools*/
- .message {
- position: fixed;
- top: 80px;
- text-align: center;
- width: 100%;
- display: none;
- z-index: 9999999
- }
- .message span {
- background: rgba(0, 0, 0, 0.6);
- padding: 8px 20px;
- color: #fff;
- border-radius: 6px
- }
- /* 导航 */
- .topNav{
- width: 100%;
- background: #ffffff;
- height: 90px;
- }
- .topNav.navFix{
- position: fixed;
- top: 0;
- left: 0;
- height: 90px;
- z-index: 999999;
- box-shadow: 0 4px 10px #ccc;
- }
- @media screen and (max-width:600px) {
- .pub_fix {
- display: none;
- }
- }
- .loading{
- position: fixed;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.1);
- top: 0;
- left: 0;
- z-index: 99999999999;
- }
- .loading{
- display: none;
- }
- .loading div{
- position: fixed;
- width: 98vw;
- height: 100vh;
- }
- .loading p{
- position: absolute;
- left: 50%;
- top: 50%;
- width: 200px;
- height: 40px;
- margin-left: -100px;
- margin-top: -20px;
- }
- .loading p span{
- display: inline-block;
- font-size: 30px;
- color: #17a2b8;
- transition: all .2s ease-in-out;
- }
- .loading p span.active{
- margin-left: -10px;
- transition: all .2s ease-in;
- }
|