123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182 |
- /*公共样式*/
- * {
- padding: 0;
- margin: 0;
- box-sizing: border-box;
- }
- .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;
- margin: 0 auto;
- } */
- 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: right;
- 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;
- }
- #customerType{border:none;width:200px;height:36px;color:#707070; background: transparent;
- outline: none;}
- .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;
- }
|