@charset "UTF-8"; *{ margin: 0; padding: 0; } li{list-style: none;} a{ text-decoration: none; } input{ border: 1px solid #ccc; outline:none; } .cont:after, .cont>div:nth-child(2):after, .loginstate:after, .logintype:after, #commonDriversk .contList:after, #commonDriversk .contList>div:after, #commonDriversk .btn:after, .tcontent div:after, .logintype li:after { display: block; content: ''; clear: both; } #main{ /* max-width: 1920px; */ min-width: 1200px; margin: 0 auto; height: 800px; position: relative; } .mainC{ width: 1200px; height: 800px; margin: 0 auto; overflow: hidden; position: relative; } .banner{ /*width: 100%;*/ /* max-width: 1920px; */ height: 800px; position: absolute; } .banner li{ height: 100%; background: url(../img/banner2.png) no-repeat center; background-size: cover; } /*.banner li img{ width: 100%; height: 607px; overflow: hidden; }*/ .winBox{ width: 395px; height: 225px; padding: 20px; position: absolute; left: 60px; top: 180px; background: rgba(0,0,0,0.2); } .winBox .top{ font-size: 30px; color: white; } .cont{ margin-top: 20px; } .cont>div{ float: left; } .cont>div:nth-child(2){ margin-left: 30px; } .cont>div:nth-child(2) img{ display: block; cursor: pointer; } .cont>div:nth-child(2) img:nth-child(1){ margin-top: 5px; } .cont>div:nth-child(2) img:nth-child(2){ margin-top: 45px; } #login{ position: absolute; top: 120px; right: 40px; width: 260px; height: 400px; background: white; padding: 30px 35px 0px 35px; } .loginstate{ position: relative; } .loginstate li{ float: left; padding-bottom: 17px; border-bottom: 1px solid #dddbdb; width: 130px; text-align: center; } .loginstate .active{ border-bottom: 1px solid #0a83c8; } .loginstate .active p{ color:#097bc3; } .loginstate p{ height: 32px; font-size: 20px; color:#a59f97; cursor: pointer; } .loginstate span{ display: block; width: 2px; height: 16px; background: #979797; position: absolute; top: 8px; left: 129px; } .logintype{ height: 200px; } .logintype .active{ height: 200px; } .logintype li{ float: left; overflow: hidden; display: none; } .logintype li input{ float: left; } .logintype .active{ display: block; } .logintype input{ font-size: 14px; } #yphone{ width: 224px; height: 36px; padding-left: 36px; margin-top: 40px; background: url(../img/loginname.png) no-repeat 9px; } #ypass{ width: 144px; height: 36px; padding-left: 36px; margin-top: 35px; background: url(../img/loginpass.png) no-repeat 9px; } #zphone{ width: 224px; height: 36px; padding-left: 36px; margin-top: 30px; background: url(../img/loginname.png) no-repeat 9px; } #zpass{ width: 224px; height: 36px; padding-left: 36px; margin-top: 35px; background: url(../img/loginpass.png) no-repeat 9px; } .yC span{ font-size: 12px; width: 70px; height: 36px; text-align: center; line-height: 36px; background:#1488d9; color: white; cursor: pointer; float: right; margin-top: 35px; } #loginBtn{ background:#1488d9; border-radius:4px; width:260px; height:46px; color: white; cursor: pointer; font-size: 20px; text-align: center; line-height: 46px; border: none; outline: none; } .loginMinBtn{ font-size: 0; margin-top: 10px; } .loginMinBtn>span{ display: inline-block; font-size: 14px; color: #1488d9; line-height: 40px; width: 80px; cursor: pointer; } .loginMinBtn>span:hover{ color: #0d98d8; text-decoration: underline; } .loginMinBtn>span:nth-of-type(2){ text-align: right; margin-left: 100px; } #htip{ position: absolute; width: 480px; height: 260px; top: 50%; left: 50%; margin-left: -240px; margin-top: -212px; } #htip .ttop{ background:#1488d9; width:480px; height:40px; line-height: 40px; } #htip .ttop span{ font-size: 24px; color: white; margin-left: 20px; } #htip .ttop img{ float: right; margin: 10px 10px 0 0; cursor: pointer; } .tcontent{ background:rgba(237,235,235,0.96); width:480px; height:220px; overflow: hidden; } .tcontent p{ font-size:20px; color:#000000; text-align: center; margin-top: 50px; } .tcontent div{ width: 320px; margin: 0 auto; margin-top: 50px; } .tcontent div span{ float: left; cursor: pointer; text-align: center; line-height: 46px; } .tcontent .liu{ background:#a7aaaf; border-radius:2px; width:128px; height:46px; font-size:20px; color:#ffffff; margin-right: 60px; } .tcontent .gosu{ background:#1488d9; border-radius:2px; width:128px; height:46px; font-size:20px; color:#ffffff; } #selectOrder{ background:#ffffff; border:1px solid #979797; width:358px; height:385px; margin-top: 60px; } #selectOrder .orderbtn{ margin-top: 30px; font-size:36px; color:#0d98d8; text-align: center; letter-spacing:0px; } #selectOrder .img{ width:114px; height:114px; margin: 40px auto 0; cursor: pointer; border-radius: 50%; } #selectOrder .img img{ display: block; width: 100%; height: 100%; } #selectOrder .waitingList{ background:#1488d9; border-radius:2px; width:320px; height:46px; font-size:20px; color:#ffffff; letter-spacing:0px; text-align: center; line-height: 46px; margin: 70px auto 0; cursor: pointer; } #selectOrder .waitingList span{ color: #EE3A16; } .winBoxC{ left: 550px !important; top: 215px; } #commonDriversk{ background:#fafafa; width:1000px; position: fixed; top: 50%; left: 50%; margin-left: -500px; margin-top: -290px; z-index: 999; overflow: hidden; } #commonDriversk .title{ background:#1488d9; width:1000px; height:50px; font-size:18px; color:#ffffff; letter-spacing:-1px; line-height: 50px; position: relative; } #commonDriversk .title span{ margin-left: 20px; } #commonDriversk .title img{ position: absolute; right: 20px; top: 16px; cursor: pointer; } #commonDriversk .content{ width: 1000px; } #commonDriversk .contUl{ overflow: hidden; } #commonDriversk .contUl li{ border:1px solid #ccc; border-radius:2px; width:958px; height:45px; margin: 20px auto 0; font-size:16px; color:#055097; letter-spacing:-0.8px; line-height: 45px; } #commonDriversk .contUl .active{ border:1px solid #0d98d8; } #commonDriversk .contList{ position: relative; } #commonDriversk .contList>div{ float: left; } #commonDriversk .contList>div span, #commonDriversk .contList>div input{ float: left; } #commonDriversk .contList .name{ margin-left: 20px; width: 200px; } #commonDriversk .contList .nameC{ width: 152px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #commonDriversk .contList .lxperson{ width: 110px; margin-left: 50px; } #commonDriversk .contList .lxpersonC{ width: 46px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #commonDriversk .contList .lxphone{ width: 172px; margin-left: 50px; } #commonDriversk .contList .lxphoneC{ width: 95px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #commonDriversk .sinput, #commonDriversk .yinput{ width: 86px; margin-left: 50px; } #commonDriversk .sinput input, #commonDriversk .yinput input{ border-radius:2px; width:58px; height:18px; top: 12.5px; text-align: center; border: 1px solid #CCCCCC; } #commonDriversk .sinput span, #commonDriversk .yinput span{ margin-left: 10px; } #commonDriversk .qr{ margin-left: 50px; } #commonDriversk .qr input{ display: none; } #commonDriversk input{ position: relative; } #commonDriversk .qr img{ display: block; margin-top: 15px; cursor: pointer; } #commonDriversk .btn span{ float: left; background:#1488d9; border-radius:2px; width:150px; height:40px; font-size:16px; color:#ffffff; letter-spacing:-0.8px; text-align: center; line-height: 40px; cursor: pointer; } #commonDriversk .btn .qbtn1{ margin-left: 310px; background: #999; } #commonDriversk .btn .qbtn{ margin-left: 80px; } .yC span.dis{ background-color:#C0C0C0; } .mask{ width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: fixed; z-index: 999; } .loadingImg{ position: absolute; left: 50%; top: 50%; } .powerPop{ position: fixed; left: 50%; top: 50%; background: white; width: 360px; height: 180px; margin-left: -200px; margin-top: -100px; padding: 0 20px; overflow: hidden; z-index:1000; border-radius: 4px; border: 1px solid #ccc; font-size: 16px; } .powerPop>p{ height: 30px; line-height: 30px; text-align: right; font-size: 35px; color: #1488D9; width: 30px; font-weight: bold; float: right; cursor: pointer; } .powerPopTxt{ clear: both; overflow: hidden; } .powerPopTxt>p{ text-align: center; margin-top: 30px; } .powerPopBtns{ width: 90px; height: 34px; line-height: 34px; margin: auto; margin-top: 30px; background: #1488D9; text-align: center; color: white; border-radius: 4px; cursor: pointer; } .toNone{ display: none; } .goMall{ color: white; } .goMall:hover{ font-weight: bold; }