|
|
@@ -0,0 +1,1108 @@
|
|
|
+
|
|
|
+
|
|
|
+li {
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+
|
|
|
+a {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+.head {
|
|
|
+ width: 100%;
|
|
|
+ height: 45px;
|
|
|
+ background-color: #2775CC;
|
|
|
+ overflow: hidden;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.left-logo {
|
|
|
+ width: 186px;
|
|
|
+ margin-left: 15px;
|
|
|
+}
|
|
|
+.left-logo a{
|
|
|
+ height: 28px;
|
|
|
+}
|
|
|
+.logo-img {
|
|
|
+ width: 100%;
|
|
|
+ height: 28px;
|
|
|
+}
|
|
|
+.right_logo{
|
|
|
+ margin: 9px 45px 9px 0;
|
|
|
+ width: 61rpx;
|
|
|
+}
|
|
|
+.right_logo image{
|
|
|
+ width: 61px;
|
|
|
+ height: 28px;
|
|
|
+}
|
|
|
+/* html,body{
|
|
|
+ position: relative;
|
|
|
+ height: 100%;
|
|
|
+ min-height: 100%;
|
|
|
+} */
|
|
|
+/* body{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ min-height: 100vh;
|
|
|
+} */
|
|
|
+.main {
|
|
|
+ width: 100%;
|
|
|
+ /* height: calc(100vh - 44px); */
|
|
|
+ position: relative;
|
|
|
+ /* overflow: hidden; */
|
|
|
+ /* padding-bottom: 295px; */
|
|
|
+ /* flex: 1; */
|
|
|
+}
|
|
|
+.bttom-tab {
|
|
|
+ width: 100%;
|
|
|
+ background-color: white;
|
|
|
+ /* overflow-y: auto; */
|
|
|
+ /* overflow-x: hidden; */
|
|
|
+ margin-top: 50px;
|
|
|
+}
|
|
|
+.right-map .map{
|
|
|
+ width: 73%;
|
|
|
+ height: 360px;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.show-second {
|
|
|
+ display: none;
|
|
|
+ overflow: hidden;
|
|
|
+ background: #F3F3F3;
|
|
|
+}
|
|
|
+.show-third {
|
|
|
+ display: none;
|
|
|
+ overflow: hidden;
|
|
|
+ background: #F3F3F3;
|
|
|
+}
|
|
|
+.show-fourth {
|
|
|
+ display: none;
|
|
|
+ background: #F3F3F3;
|
|
|
+ overflow: hidden;
|
|
|
+ height: 84vw;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.show-fifth{
|
|
|
+ display: none;
|
|
|
+ background: #F3F3F3;
|
|
|
+ overflow: hidden;
|
|
|
+ height: 84vw;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.show-sixth{
|
|
|
+ display: none;
|
|
|
+ background: #F3F3F3;
|
|
|
+ overflow: hidden;
|
|
|
+ height: 84vw;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.left-map{
|
|
|
+ width: 100%;
|
|
|
+ /* height: 77.86666vw; */
|
|
|
+ border-radius: 4vw 4vw 0 0 !important;
|
|
|
+ background-color: white;
|
|
|
+ /* position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0; */
|
|
|
+}
|
|
|
+.right-search{
|
|
|
+ width: 94.66666vw;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 1000;
|
|
|
+ left: 2.66666vw;
|
|
|
+ background-color: #fff;
|
|
|
+ border: 1px solid #DADFE3;
|
|
|
+ box-shadow: 0 0.8vw 4.66666vw 0 rgba(98, 137, 174, 0.18);
|
|
|
+ border-radius: 2.66666vw;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+.right-search .layui-tab-title{
|
|
|
+ border: none !important;
|
|
|
+ margin: 2.66666vw 0 4.26666vw 2.66666vw !important;
|
|
|
+ height: 5.86666vw !important;
|
|
|
+}
|
|
|
+.right-search .layui-tab-title li{
|
|
|
+ width: 6.66666vw !important;
|
|
|
+ height: 5.86666vw !important;
|
|
|
+ line-height: 5.86666vw !important;
|
|
|
+ text-align: center !important;
|
|
|
+ padding: 0 !important;
|
|
|
+ font-weight: 400 !important;
|
|
|
+ font-size: 14px !important;
|
|
|
+ font-family: Microsoft YaHei !important;
|
|
|
+ color: #777777 !important;
|
|
|
+}
|
|
|
+.right-search .layui-tab-title .layui-this{
|
|
|
+ background: #1B6DB9 !important;
|
|
|
+ border-radius: 2.93333vw !important;
|
|
|
+ font-size: 14px !important;
|
|
|
+ font-family: Microsoft YaHei !important;
|
|
|
+ color: #FFFFFF !important;
|
|
|
+}
|
|
|
+.right-search .layui-tab-title .layui-this:after{
|
|
|
+ border: none !important;
|
|
|
+}
|
|
|
+.right-search .layui-tab-content{
|
|
|
+ margin: 0 0 0 3.06666vw !important;
|
|
|
+ padding: 0 !important;
|
|
|
+}
|
|
|
+.input-icon{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.wrap_box{
|
|
|
+ width: 97%;
|
|
|
+ height: 175rpx;
|
|
|
+}
|
|
|
+.serach_input{
|
|
|
+ margin-left: 30rpx;
|
|
|
+ width: 80%;
|
|
|
+ height: 180rpx;
|
|
|
+}
|
|
|
+.textbox{
|
|
|
+ width: 80rpx;
|
|
|
+ height: 90rpx;
|
|
|
+ line-height: 90rpx;
|
|
|
+ align-items:center;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.textbox text{
|
|
|
+ width: 70rpx;
|
|
|
+ line-height: 90rpx;
|
|
|
+ float: left;
|
|
|
+ text-align: center;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.block {
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 32rpx;
|
|
|
+ width: 80%;
|
|
|
+ margin: auto;
|
|
|
+}
|
|
|
+.point{
|
|
|
+ width: 6rpx;
|
|
|
+ height: 6rpx;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ background: #000;
|
|
|
+ float: left;
|
|
|
+ margin-top: 40rpx;
|
|
|
+}
|
|
|
+.red{
|
|
|
+ background: #FF6E3B;
|
|
|
+}
|
|
|
+.green{
|
|
|
+ background: #2CD5AA;
|
|
|
+}
|
|
|
+.cred{
|
|
|
+ color: #FF6E3B;
|
|
|
+}
|
|
|
+.cgreen{
|
|
|
+ color: #2CD5AA;
|
|
|
+}
|
|
|
+.start{
|
|
|
+ width: 100%;
|
|
|
+ height: 49%;
|
|
|
+}
|
|
|
+.end{
|
|
|
+ width: 100%;
|
|
|
+ height: 50%;
|
|
|
+}
|
|
|
+.line{
|
|
|
+ width: 70%;
|
|
|
+ height: 1rpx;
|
|
|
+ background:#e0e0e0;
|
|
|
+ margin: auto ;
|
|
|
+}
|
|
|
+
|
|
|
+.go_input{
|
|
|
+ width: 70%;
|
|
|
+ /* height: 30rpx; */
|
|
|
+ height: 100%;
|
|
|
+ color: #5E5E5E;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.inp-icon2{
|
|
|
+ width: 5.06666vw;
|
|
|
+ height: 5.06666vw;
|
|
|
+ margin-top: -2vw;
|
|
|
+ margin: 0 0 7vw 4.39999vw;
|
|
|
+}
|
|
|
+.inp-icon3{
|
|
|
+ width: 5.06666vw;
|
|
|
+ height: 5.06666vw;
|
|
|
+ margin-top: -2vw;
|
|
|
+ margin: 0 0 7vw 4.39999vw;
|
|
|
+}
|
|
|
+.layui-layer-btn .layui-layer-btn0{
|
|
|
+ border: 1px solid #dedede !important;
|
|
|
+ background-color: #fff !important;
|
|
|
+ color: #333 !important;
|
|
|
+}
|
|
|
+.flex_box ul{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ margin: 0 7.33333vw;
|
|
|
+}
|
|
|
+.flex_box ul li{
|
|
|
+ width: 25%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.img_tab{
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: center;
|
|
|
+ position: relative;
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+.gn_img{
|
|
|
+ width: 10.66666vw;
|
|
|
+}
|
|
|
+.wrap_big {
|
|
|
+ overflow-y: scroll;
|
|
|
+ height: 340px;
|
|
|
+ overflow-x: hidden;
|
|
|
+}
|
|
|
+.inline_one {
|
|
|
+ width: 100% !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ display: flex !important;
|
|
|
+ padding: 0 !important;
|
|
|
+}
|
|
|
+.tab_one {
|
|
|
+ width: 50%;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 0 10px;
|
|
|
+}
|
|
|
+.select {
|
|
|
+ font-weight: bold;
|
|
|
+ border-bottom: 2px solid #176AB7;
|
|
|
+}
|
|
|
+.flex_text{
|
|
|
+ /* width: 181%; */
|
|
|
+ /* position: absolute; */
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+}
|
|
|
+.flex_pop{
|
|
|
+ width: 93.33333vw;
|
|
|
+ background: #D8ECFF;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 2000;
|
|
|
+ border-top: 3px solid #2775CC;
|
|
|
+ top: 109%;
|
|
|
+}
|
|
|
+.lineFour{
|
|
|
+ right: -18%;
|
|
|
+}
|
|
|
+.lineFour::after{
|
|
|
+ content: '';
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border: 10px solid transparent;
|
|
|
+ border-bottom-color: #176AB7;
|
|
|
+ margin-top: -20px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 12.5%;
|
|
|
+}
|
|
|
+.lineThree{
|
|
|
+ right: -119%;
|
|
|
+}
|
|
|
+.lineThree::after{
|
|
|
+ content: '';
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border: 10px solid transparent;
|
|
|
+ border-bottom-color: #176AB7;
|
|
|
+ margin-top: -20px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 35.5%;
|
|
|
+}
|
|
|
+.lineTwo{
|
|
|
+ left: -119%;
|
|
|
+}
|
|
|
+.lineTwo::after{
|
|
|
+ content: '';
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border: 10px solid transparent;
|
|
|
+ border-bottom-color: #176AB7;
|
|
|
+ margin-top: -20px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 35.5%;
|
|
|
+}
|
|
|
+.lineOne{
|
|
|
+ left: -18%;
|
|
|
+}
|
|
|
+.lineOne::after{
|
|
|
+ content: '';
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border: 10px solid transparent;
|
|
|
+ border-bottom-color: #176AB7;
|
|
|
+ margin-top: -20px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 12.5%;
|
|
|
+}
|
|
|
+.flex_wrap{
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: center;
|
|
|
+ padding: 2.60000vw 8.93333vw;
|
|
|
+}
|
|
|
+.flex_wrap div{
|
|
|
+ width: 50%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 3vw 0;
|
|
|
+}
|
|
|
+.mapnav{
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 1.46666vw;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.choice{
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Source Han Sans SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #2775CC;
|
|
|
+}
|
|
|
+.wrap_result{
|
|
|
+ width: 90%;
|
|
|
+ overflow-y: auto;
|
|
|
+ overflow-x: hidden;
|
|
|
+ height: 84.86666vw;
|
|
|
+ position: relative;
|
|
|
+ background: #F3F3F3;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding-top: 4.5vw;
|
|
|
+}
|
|
|
+.wrap_result1{
|
|
|
+ width: 90%;
|
|
|
+ overflow-y: auto;
|
|
|
+ overflow-x: hidden;
|
|
|
+ height: 84.86666vw;
|
|
|
+ position: relative;
|
|
|
+ background: #F3F3F3;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding-top: 4.5vw;
|
|
|
+}
|
|
|
+.pad_box{
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.wrap_result .title-second{
|
|
|
+ width: 90%;
|
|
|
+ margin: 0;
|
|
|
+ margin-bottom: 2.53333vw;
|
|
|
+ box-shadow: 0px 3px 6px 0px rgb(98 137 174 / 18%);
|
|
|
+ border-radius: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 999;
|
|
|
+}
|
|
|
+.wrap_result1 .title-second{
|
|
|
+ width: 90%;
|
|
|
+ margin: 0;
|
|
|
+ margin-bottom: 2.53333vw;
|
|
|
+ box-shadow: 0px 3px 6px 0px rgb(98 137 174 / 18%);
|
|
|
+ border-radius: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 999;
|
|
|
+}
|
|
|
+.title_flex{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+}
|
|
|
+.flex_blue {
|
|
|
+ height: 20px;
|
|
|
+ background: rgba(23,106,183,.2);
|
|
|
+ border-radius: 10px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #2775CC;
|
|
|
+ line-height: 20px;
|
|
|
+ text-align: center;
|
|
|
+ margin-left: 7px;
|
|
|
+ padding: 0px 10px;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+.flex_orange {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ /* margin-top: 8px; */
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+.three_tag {
|
|
|
+ height: 26px;
|
|
|
+ background: rgba(244,78,5,.16);
|
|
|
+ text-align: center;
|
|
|
+ line-height: 26px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #F54E06;
|
|
|
+ margin-right: 7px;
|
|
|
+ padding: 0 5px;
|
|
|
+ margin-top: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+.content_p {
|
|
|
+ display: inherit;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 24px;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+.img_box {
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+.img_box>img {
|
|
|
+ display: inline-block;
|
|
|
+ width: 128px;
|
|
|
+ height: 72px;
|
|
|
+ margin-right: 8px;
|
|
|
+}
|
|
|
+.address_box{
|
|
|
+ padding-bottom: 4vw;
|
|
|
+ border-bottom: 1px solid rgba(153, 153, 153, .3);
|
|
|
+ margin: 4vw 0 3.2vw 0;
|
|
|
+}
|
|
|
+.address_box>p {
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: Source Han Sans SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+}
|
|
|
+.flex_address {
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: Source Han Sans SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #2775CC;
|
|
|
+}
|
|
|
+.btn_box>button {
|
|
|
+ width: 48%;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.one_bus {
|
|
|
+ height: 10.26666vw;
|
|
|
+ background: #2775CC;
|
|
|
+ box-shadow: 0px 4px 25px 2px rgba(39, 117, 204, 0.34);
|
|
|
+ border-radius: 0.8vw;
|
|
|
+ line-height: 10.26666vw;
|
|
|
+ text-align: center;
|
|
|
+ outline: 0;
|
|
|
+ border: 0;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Source Han Sans SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #FFFFFF;
|
|
|
+}
|
|
|
+.two_car {
|
|
|
+ height: 10.26666vw;
|
|
|
+ background: #10B891;
|
|
|
+ box-shadow: 0px 4px 25px 2px rgba(16, 184, 145, 0.34);
|
|
|
+ line-height: 10.26666vw;
|
|
|
+ border-radius: 0.8vw;
|
|
|
+ text-align: center;
|
|
|
+ outline: 0;
|
|
|
+ border: 0;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Source Han Sans SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #FFFFFF;
|
|
|
+}
|
|
|
+.titleFirst{
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 3px 6px 0px rgba(98, 137, 174, 0.18);
|
|
|
+ border-radius: 10px;
|
|
|
+ padding: 3.46666vw 4.26666vw;
|
|
|
+ margin-bottom: 2.53333vw;
|
|
|
+}
|
|
|
+.titleFirst:last-child{
|
|
|
+ margin-bottom: 6.53333vw;
|
|
|
+}
|
|
|
+.btn_box{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.title-second {
|
|
|
+ width: 86.66667vw;
|
|
|
+ margin: 48vw auto 0;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ /* border-bottom: 1px solid #CCCCCC; */
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 3.46666vw 4vw;
|
|
|
+}
|
|
|
+.title-second>h6 {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #2775CC;
|
|
|
+}
|
|
|
+.back_wrap {
|
|
|
+ width: 86.66667vw;
|
|
|
+ margin: 11px auto 0;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ /* border-bottom: 1px solid #CCCCCC; */
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 3.46666vw 4vw;
|
|
|
+ border: 1px solid #DADFE3;
|
|
|
+ box-shadow: 0px 3px 16px 0px rgba(98,137,174,0.1800);
|
|
|
+ border-radius: 10px;
|
|
|
+}
|
|
|
+.back_wrap>h6 {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #2775CC;
|
|
|
+}
|
|
|
+.backBtn {
|
|
|
+ width: 64px;
|
|
|
+ height: 30px;
|
|
|
+ background-color: #FFF;
|
|
|
+ border: 1px solid #CCCCCC;
|
|
|
+ outline: none;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.back_btn {
|
|
|
+ width: 64px;
|
|
|
+ height: 30px;
|
|
|
+ background-color: #FFF;
|
|
|
+ border: 1px solid #CCCCCC;
|
|
|
+ outline: none;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.back_Btn {
|
|
|
+ width: 64px;
|
|
|
+ height: 30px;
|
|
|
+ background-color: #FFF;
|
|
|
+ border: 1px solid #CCCCCC;
|
|
|
+ outline: none;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.btn_back {
|
|
|
+ width: 64px;
|
|
|
+ height: 30px;
|
|
|
+ background-color: #FFF;
|
|
|
+ border: 1px solid #CCCCCC;
|
|
|
+ outline: none;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.show-second .layui-tab-title{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around !important;
|
|
|
+ width: 84.5% !important;
|
|
|
+ border: none !important;
|
|
|
+ margin: 2.66666vw auto 0 !important;
|
|
|
+ height: 5.86666vw !important;
|
|
|
+ background-color: #fff !important;
|
|
|
+ padding: 3.46666vw 4.66666vw !important;
|
|
|
+}
|
|
|
+.show-second .layui-tab-title li{
|
|
|
+ width: 25% !important;
|
|
|
+ line-height: 20px !important;
|
|
|
+ padding: 0px !important;
|
|
|
+}
|
|
|
+.show-second .layui-tab-title .layui-this{
|
|
|
+ font-size: 14px !important;
|
|
|
+ font-family: Source Han Sans SC !important;
|
|
|
+ font-weight: bold !important;
|
|
|
+ color: #333333 !important;
|
|
|
+ position: relative;
|
|
|
+ background-color: transparent !important;
|
|
|
+}
|
|
|
+.show-second .layui-tab-title .layui-this::after{
|
|
|
+ content: '';
|
|
|
+ width: 30%;
|
|
|
+ height: 4px;
|
|
|
+ background: #2775CC;
|
|
|
+ border-radius: 4px;
|
|
|
+ position: absolute;
|
|
|
+ top: 100%;
|
|
|
+ left: 37%;
|
|
|
+}
|
|
|
+.show-second .layui-tab-content{
|
|
|
+ width: 93.5% !important;
|
|
|
+ margin: 0 auto !important;
|
|
|
+ padding: 0 !important;
|
|
|
+}
|
|
|
+.show-third .layui-tab-title{
|
|
|
+ display: flex !important;
|
|
|
+ justify-content: space-around !important;
|
|
|
+ width: 84.5% !important;
|
|
|
+ border: none !important;
|
|
|
+ margin: 2.66666vw 0 0 2.66666vw !important;
|
|
|
+ height: 5.86666vw !important;
|
|
|
+ background-color: #fff !important;
|
|
|
+ padding: 3.46666vw 4.66666vw !important;
|
|
|
+}
|
|
|
+.show-third .layui-tab-title li{
|
|
|
+ width: 25% !important;
|
|
|
+ line-height: 20px !important;
|
|
|
+}
|
|
|
+.show-third .layui-tab-title .layui-this{
|
|
|
+ font-size: 14px !important;
|
|
|
+ font-family: Source Han Sans SC !important;
|
|
|
+ font-weight: bold !important;
|
|
|
+ color: #333333 !important;
|
|
|
+ position: relative;
|
|
|
+ background-color: transparent !important;
|
|
|
+}
|
|
|
+.show-third .layui-tab-title .layui-this::after{
|
|
|
+ content: '';
|
|
|
+ width: 30%;
|
|
|
+ height: 4px;
|
|
|
+ background: #2775CC;
|
|
|
+ border-radius: 4px;
|
|
|
+ position: absolute;
|
|
|
+ top: 100%;
|
|
|
+ left: 37%;
|
|
|
+}
|
|
|
+.show-third .layui-tab-content{
|
|
|
+ width: 93.5% !important;
|
|
|
+ margin: 0 auto !important;
|
|
|
+ padding-top: 0 !important;
|
|
|
+}
|
|
|
+.top_search{
|
|
|
+ position: absolute;
|
|
|
+ top: 2.93333vw;
|
|
|
+ left: 2.66666vw;
|
|
|
+ z-index: 1000;
|
|
|
+ width: 94.66666vw;
|
|
|
+ box-shadow: 0px 6px 32px 0px rgba(98, 137, 174, 0.18);
|
|
|
+ background-color: #fff;
|
|
|
+ border: 1px solid #DADFE3;
|
|
|
+ border-radius: 20px;
|
|
|
+ padding: 2.80000vw 5.33333vw;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+.top_search .input-icon{
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.top_search .input-icon input{
|
|
|
+ width: 90%;
|
|
|
+ border: 0;
|
|
|
+ outline: 0;
|
|
|
+ font-size: 3.2vw;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+}
|
|
|
+.inp-icon1{
|
|
|
+ width: 5.06666vw;
|
|
|
+ height: 5.06666vw;
|
|
|
+}
|
|
|
+/* 使用webkit内核的浏览器 */
|
|
|
+.top_search .input-icon input::-webkit-input-placeholder{
|
|
|
+ color: #5E5E5E;
|
|
|
+}
|
|
|
+/* Firefox版本4-18 */
|
|
|
+.top_search .input-icon input:-moz-placeholder{
|
|
|
+ color: #5E5E5E;
|
|
|
+}
|
|
|
+/* Firefox版本19+ */
|
|
|
+.top_search .input-icon input::-moz-placeholder{
|
|
|
+ color: #5E5E5E;
|
|
|
+}
|
|
|
+/* IE浏览器 */
|
|
|
+.top_search .input-icon input:-ms-input-placeholder{
|
|
|
+ color: #5E5E5E;
|
|
|
+}
|
|
|
+.boxpanel {
|
|
|
+ display: none;
|
|
|
+ width: 85.5%;
|
|
|
+ margin: 0 auto;
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 3.46666vw 4vw;
|
|
|
+}
|
|
|
+/* 起始点和终点的选择的样式 */
|
|
|
+.boxpanel h5{
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #2775CC;
|
|
|
+ cursor: default;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ border-bottom: 1px solid #CCCCCC;
|
|
|
+ margin: 10px 0 0 0;
|
|
|
+}
|
|
|
+.zjboxpanel{
|
|
|
+ display: none;
|
|
|
+ width: 85.5%;
|
|
|
+ margin: 0 auto;
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 3.46666vw 4vw;
|
|
|
+}
|
|
|
+.zjboxpanel h5{
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #2775CC;
|
|
|
+ cursor: default;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ border-bottom: 1px solid #CCCCCC;
|
|
|
+ margin: 10px 0 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.warp_choice{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin: 10px 0 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.warp_choice span{
|
|
|
+ color: #FF780B;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+#startPanel p{
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ color: #666666;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ cursor: default;
|
|
|
+}
|
|
|
+
|
|
|
+#startPanel p.change_text_color{
|
|
|
+ color: #2775CC;
|
|
|
+}
|
|
|
+
|
|
|
+#startPanel li{
|
|
|
+ cursor: pointer;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 5px 10px;
|
|
|
+}
|
|
|
+
|
|
|
+#startPanel li:hover{
|
|
|
+ background-color: #E9F3FF;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+#endPanel p{
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ color: #666666;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ cursor: default;
|
|
|
+}
|
|
|
+
|
|
|
+#endPanel li{
|
|
|
+ cursor: pointer;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 5px 10px;
|
|
|
+}
|
|
|
+
|
|
|
+#endPanel li:hover{
|
|
|
+ background-color: #E9F3FF;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+#busstartPanel p{
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ color: #666666;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ cursor: default;
|
|
|
+}
|
|
|
+
|
|
|
+#busstartPanel p.change_text_color{
|
|
|
+ color: #2775CC;
|
|
|
+}
|
|
|
+
|
|
|
+#busstartPanel li{
|
|
|
+ cursor: pointer;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 5px 10px;
|
|
|
+}
|
|
|
+
|
|
|
+#busstartPanel li:hover{
|
|
|
+ background-color: #E9F3FF;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+#busendPanel p{
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ color: #666666;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ cursor: default;
|
|
|
+}
|
|
|
+
|
|
|
+#busendPanel li{
|
|
|
+ cursor: pointer;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 5px 10px;
|
|
|
+}
|
|
|
+
|
|
|
+#busendPanel li:hover{
|
|
|
+ background-color: #E9F3FF;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.startChoice{
|
|
|
+ width: 64px;
|
|
|
+ height: 30px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ outline: none;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.endChoice{
|
|
|
+ width: 64px;
|
|
|
+ height: 20px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ outline: none;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.no_results {
|
|
|
+ background-color: #fff;
|
|
|
+ height: calc(100vh - 286px);
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.layui-tab-bar{
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.sticky{
|
|
|
+ width: 100%;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.hide_list{
|
|
|
+ width: 100%;
|
|
|
+ cursor: pointer;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ background-color: #f4f4f4;
|
|
|
+}
|
|
|
+
|
|
|
+.back_top {
|
|
|
+ width: 14vw;
|
|
|
+ height: 14vw;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ display: none;
|
|
|
+ z-index: 1000;
|
|
|
+}
|
|
|
+.content_from_ajax{
|
|
|
+ width: 100% !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ background-color: #fff !important;
|
|
|
+}
|
|
|
+.content_from_ajax .layui-tab-title li{
|
|
|
+ width: 50% !important;
|
|
|
+ padding: 0px !important;
|
|
|
+ font-size: 16px !important;
|
|
|
+ color: #999 !important;
|
|
|
+}
|
|
|
+.content_from_ajax .layui-tab-title .layui-this{
|
|
|
+ color: #000 !important;
|
|
|
+}
|
|
|
+.content_from_ajax .layui-tab-title .layui-this:after{
|
|
|
+ border-bottom: 2px solid #2775CB !important;
|
|
|
+}
|
|
|
+.content_from_ajax .layui-tab-content{
|
|
|
+ padding: 0 !important;
|
|
|
+}
|
|
|
+.url_from_ajax{
|
|
|
+ display: flex;
|
|
|
+ padding: 15px 12px 0;
|
|
|
+}
|
|
|
+.point_from_ajax{
|
|
|
+ width: 4px;
|
|
|
+ height: 4px;
|
|
|
+ background: #2775CC;
|
|
|
+ border-radius: 2px;
|
|
|
+ margin: 8px 8px 0 0;
|
|
|
+}
|
|
|
+.text_from_ajax{
|
|
|
+ width: 100%;
|
|
|
+ font-size: 15px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #333333;
|
|
|
+ border-bottom: 1px solid #F3F3F3;
|
|
|
+ padding: 0 0 15px 0;
|
|
|
+}
|
|
|
+.handle_business{
|
|
|
+ width: 76px;
|
|
|
+ height: 25px;
|
|
|
+ background: linear-gradient(90deg, #2775CC 0%, #6DAAEF 100%);
|
|
|
+ border-radius: 5px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 25px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 25px;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.handle_business img{
|
|
|
+ width: 11px;
|
|
|
+ height: 11px;
|
|
|
+ margin: 0 4px 0 8px;
|
|
|
+}
|
|
|
+.handle_business1{
|
|
|
+ width: 76px;
|
|
|
+ height: 25px;
|
|
|
+ background: linear-gradient(90deg, #2775CC 0%, #6DAAEF 100%);
|
|
|
+ border-radius: 5px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #FFFFFF;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 25px;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.handle_business2{
|
|
|
+ width: 76px;
|
|
|
+ height: 25px;
|
|
|
+ background: linear-gradient(90deg, #2775CC 0%, #6DAAEF 100%);
|
|
|
+ border-radius: 5px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #FFFFFF;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 25px;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.detailCheck{
|
|
|
+ width: 76px;
|
|
|
+ height: 25px;
|
|
|
+ background: linear-gradient(90deg, #2775CC 0%, #6DAAEF 100%);
|
|
|
+ border-radius: 5px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #FFFFFF;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 25px;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.handle_business1 img{
|
|
|
+ width: 11px;
|
|
|
+ height: 11px;
|
|
|
+ margin: 0 4px 0 8px;
|
|
|
+}
|
|
|
+
|
|
|
+#demo{
|
|
|
+ width: 88.5%;
|
|
|
+ height: 35px;
|
|
|
+ margin: 10px auto 20px;
|
|
|
+}
|
|
|
+#demo .layui-laypage{
|
|
|
+ width: 100% !important;
|
|
|
+ height: 15px !important;
|
|
|
+}
|
|
|
+#demo .layui-laypage a{
|
|
|
+ height: 15px !important;
|
|
|
+ line-height: 10px !important;
|
|
|
+ border: 0 !important;
|
|
|
+ font-size: 14px !important;
|
|
|
+ font-family: Microsoft YaHei !important;
|
|
|
+ color: #333;
|
|
|
+ padding: 0 !important;
|
|
|
+ margin: 0 !important;
|
|
|
+}
|
|
|
+#demo .layui-laypage span{
|
|
|
+ height: 15px !important;
|
|
|
+ line-height: 14px !important;
|
|
|
+ border: 0 !important;
|
|
|
+ font-size: 14px !important;
|
|
|
+ font-family: Microsoft YaHei !important;
|
|
|
+ color: #333;
|
|
|
+ padding: 0 !important;
|
|
|
+ vertical-align: middle !important;
|
|
|
+ margin: 0 !important;
|
|
|
+}
|
|
|
+#demo .layui-laypage a:last-child{
|
|
|
+ float: right !important;
|
|
|
+}
|
|
|
+#demo .layui-icon{
|
|
|
+ line-height: 15px !important;
|
|
|
+ vertical-align: middle !important;
|
|
|
+}
|
|
|
+#demo .layui-disabled span{
|
|
|
+ color: #d2d2d2 !important;
|
|
|
+}
|
|
|
+.show-sixth .pad_box .titleFirst{
|
|
|
+ background: #FFFFFF;
|
|
|
+ padding: 3.46666vw 4.26666vw;
|
|
|
+ margin-bottom: 0;
|
|
|
+ box-shadow: 0px 0px;
|
|
|
+ border-radius: 0;
|
|
|
+ border-top-left-radius: 10px;
|
|
|
+ border-top-right-radius: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.pop {
|
|
|
+ background: #fff;
|
|
|
+ color: #333;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.popbottom {
|
|
|
+ width: 100vw;
|
|
|
+ height: 240px;
|
|
|
+}
|
