.yz_container{ height:100%; } .yz_aside{ width: 180px; height: 100%; float: left; color: #fff; background-color: #06162d; } .yz_aside li{ cursor: pointer; padding: 7px 0; } .yz_main{ float: left; width:calc(100% - 180px); height: 100%; padding:5px; background-color: #02071b; } .yz_main .toolBar{ display: flex; align-items: center; justify-content: space-between; padding-left: 20px; margin-top: 5px; height: 35px; background-color: #06162d; } .mask .close{ width: 20px; height: 20px; position: absolute; right: 20px; top: 20px; z-index: 4444; } .imgbig{ height: 80%; width: 100%; text-align: center; } .imgbig .icon-left,.imgbig .icon-right{ position: absolute; top: 50%; left: 40px; color: #fff; font-size: 40px; z-index: 4444; display: none; cursor: pointer; } .imgbig .icon-right{ right: 40px; left: auto; } .imgbig:hover>.icon-left,.imgbig:hover>.icon-right{ display: block; } .mask .indtxt{ position: absolute; bottom: 20px; left:calc(50% - 25px); color: #fff; font-size: 24px; z-index: 4444; } .topParen{ padding:40px 0 0; font-size: 14px; height: 100%; } .topBox{ position: fixed; top: 0; left: 0; width: 100%; /* height: 80px; padding-top: 40px; */ height: 40px; z-index: 4444; background-color: #173862; } .topBox>div{ position: relative; height: 40px; line-height: 40px; text-align: center; font-size: 17px; color: #fff; } .topBox .icon-left{ position: absolute; left: 10px; bottom: 8px; font-size: 22px; z-index: 4446; } .li_box{ padding:8px; margin: 5px; border-radius: 4px; background-color: #173862; /* box-shadow: 0 0 10rpx 2rpx rgba(148, 148, 148, 0.3); */ } .br_all{ border: 1px solid rgba(125,125,125,0.4); } .br_t{ border-top: 1px solid rgba(125,125,125,0.4); } .br_b{ border-bottom: 1px solid rgba(125,125,125,0.4); } .br_l{ border-left: 1px solid rgba(125,125,125,0.4); } .br_r{ border-right: 1px solid rgba(125,125,125,0.4); } .closeAll{ background-color: #fff; border:1px solid #aebac5; font-size: 13px; padding: 3px 10px; cursor: pointer; border-radius: 0px; } .search_{ position:relative; } .search_ input{ position:relative; width: 100%; height: 32px; line-height: 32px; border-radius: 4px; font-size: 14px; padding: 0 5px 0 25px; color: #bbb; background-color: rgba(255,255,255,0.2); border: 1px solid rgba(232, 232, 232, 0.3); } .search_ input::-webkit-input-placeholder{ color: #bbb; } .search_ .icon-sousuo{ position: absolute; left: 6px; top: 8px; color: #bbb; } .yz_btn{ height: 30px; line-height: 30px; padding:0 14px; font-size: 14px; border-radius: 4px; margin-right: 20px; } .nowShip{ position: absolute; left:30px; top: 20px; color: #000; width: 230px; border-radius: 2px; overflow: hidden; background-color: #fff; box-shadow: 0 1px 2px rgb(0 0 0 / 10%); } .map_title { padding: 6px 10px; font-weight: bold; font-size: 0.9vw; color: #fff; background-color: #0068ff; } .map_info>div{ display: flex; align-items: flex-start; color: #474747; margin-bottom: 4px; } .map_info>div>div:first-child{ color:#0068ff; width: 70px; } .map_info>div>div:last-child{ width:calc(100% - 70px); } .tabli{ display: flex; align-items: center; margin: 5px 0; text-align: center; background-color: #173862; } .tabli>div{ flex: 1; padding: 10px 0; margin: 0 5px; } .tabli .yz_this{ position: relative; color: #39b54a; } .tabli .yz_this::after{ position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 2px; background-color:#39b54a; } .check_act { position: relative; } .check_ { cursor: pointer; width: 14px; height: 14px; margin-right: 4px; background-color: #FF6161; } .check_act::after { content: ""; position: absolute; left: 3px; top: 3px; width: 50%; height: 20%; border: 2px solid #fff; border-radius: 1px; border-top: none; border-right: none; background: transparent; transform: rotate(-50deg); } ._Num{ width: calc(100% - 130px); font-size: 2vw; font-weight: bold; color: #fbbd08; margin: 0 10px; line-height: 27px; text-align: center; border-bottom: 3px solid #084A80; }