| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186 |
- /*公共样式*/
- * {
- 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;
- }
- .pagination_box .inp{
- width: 120px!important;
- }
|