html, body {overflow: hidden; height: 100vh;}
*{
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.menu-box{width:5vw;height:100vh; position:fixed;left: 0; top: 0; }
.menu-box-item{width:5vw;height: 100vh;position: relative; display: flex;box-sizing: border-box;}
.menu-box-item-left{width:5vw;height: 100vh;margin-left: 0.67vw;display: flex;align-items: center; pointer-events: none;box-sizing: border-box;position: relative;}
.menu_list{width:3.8vw;background: rgba(0,0,0,0.5);border-radius:0.93vw;z-index: 9;height: auto;pointer-events: auto;padding-bottom:4.3vw;}
.menu-list-box{width:3.8vw;height:3vw;margin-top:3.3vw;position: relative;}
.menu-list-box:first-child{margin-top:2vw;}
.menu-list-box-img{width:3.2vw;height:3.2vw;margin-left:0.3vw;}
.menu-list-box-title{text-align: center;font-size: 1.1vw;color: #fff;margin-top: -0.6vw;}
.guide{width: 1vw;height:5vw;position: absolute; right:-1.44vw;margin-top: -4.8vw;transition: all 0.5s;z-index: -11;}
.guide.hide{transform: translate(-40vw);}
.menu-list-box-select{width:3vw;height:4.5vw;position: absolute;left: 0; top: 0;z-index:10;}
.menu-box-item-right{width:20vw;height: 100vh;}




.scroll_x{overflow:scroll;}
.maxPage{width: 100vw;height: 100vh;overflow: hidden;margin: 0;padding: 0;}
.top_header{position: fixed;top: 0;width: 100vw;height:4.5vw;display: flex;justify-content: space-between;align-items: center;background: linear-gradient(rgba(127, 129, 136, 0.7),rgba(160, 162, 172,0));z-index: 99;box-sizing: border-box;}
.top_header_title{position: absolute;top: 0;left: 7.2vw;color: #fff;font-size: 1.4vw;line-height:4.5vw;}
.top_header .top_header_left{margin-left:1vw;width:7vw;height:4.5vw;z-index: 99999;}
.top_header .top_header_left .img{margin-top: 1.1vw;margin-left: 2.2vw;width:2vw;height:2vw;background-size: 100% 100%;background-image: url('images/back_index.png');}

.top_header_left1{margin-left:1vw;width:7vw;height:4.5vw;z-index: 99999;position: fixed;top: 0;left: 0;}
.top_header_left1 .img1{margin-top: 1.1vw;margin-left: 2.2vw;width:2vw;height:2vw;background-size: 100% 100%;background-image: url('images/back_index.png');}

.top_header .top_header_center{display: flex;color: #fff;font-size: 1.4vw;}
.top_header_center .center_left{display: flex;align-items: center;}
.center_title{color: #ffffff;font-size: 1.4vw;margin-left: 1vw;}
.center_title.black{color: #000;}
.top_header_center .center_right{display: flex;align-items: center;margin-left:6.67vw;}
.top_header .top_header_right{width:6.67vw;height:3.5vw;background: #A3C95A;border-radius: 7px;font-size:1.13vw;color: #fff;text-align: center;line-height:3.5vw;margin-right:0.67vw;}
.top_header .top_header_right1{width:6.67vw;}
.accuracy{width: 18vw;height: 4vw;position: fixed;background: rgba(0, 0, 0, 0.15);border-radius: 8px;right: 2vw;top:0.5vw;z-index: 1000;box-sizing: border-box;}
.accuracy .item{width: 6vw;height: 4vw;line-height: 4vw;display: inline-block;color: #fff;text-align: center;font-size: 1.5vw;}
.accuracy .item.on{background: #fff;color: #5b6066;border-radius: 8px;}


.menu_box{position: fixed;top: 0vh;left:0.67vw;height: 100vh;width: 4.67vw;display: flex;align-items: center;pointer-events: none;padding-top: 0vw;box-sizing: border-box;}
/* .menu_list{width:100%;background: rgba(0,0,0,0.35);border-radius: 1.3vw;z-index: 9;height: auto;pointer-events: auto;} */
.menu_list .menu_list_item{position: relative;height:3.33vw;margin-top: 2vw;}
.menu_list .menu_list_item:last-child{padding-bottom:3vw;}
.menu_list .menu_list_item .list_item_title{font-size:1.3vw;color: #fff;width:3.4vw;position: absolute;top: 0;left: 0;margin-left:0.6vw;box-sizing: border-box;text-align: center;line-height: 1.8vw;}
.menu_list_item .list_item_select{height:4vw;width:4vw;background-size: 100% 100%;margin-left:0.3vw;position: absolute;top:-0.3vw;left: 0;}
        
        
.contentBox{position: fixed;left:6vw;top:4vw;display: flex;align-items: center;height: calc(100vh - 9vw);box-sizing: border-box;pointer-events: none;transition: all 0.5s;}
.contentBox.hide{transform:translate(-40vw)}
.menu_content{width:20vw;background: rgba(0,0,0,0.5);border-radius: 7px;transition: all 0.5s;pointer-events: auto;max-height: 100%;height: 100%;}
.menu_content.hide{transform:translate(-40vw)}
.menu_content .menu_content_top{min-width:20vw;color: #fff;font-size:2.33vw;text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 0.2);white-space: nowrap;overflow-x:scroll;position: relative;}
.menu_content .menu_content_top::-webkit-scrollbar {display:none)}



.top2_title{line-height:3.9vw;width: auto;margin-left:1.33vw;margin-right:1.33vw;color: #fff;font-size:1.2vw;text-align: center;position: relative;display: inline-block;}
.top2_title .top2_title_line{background: #A3C95A;width:2.67vw;height:0.13vw;position: absolute;left: 50%;margin-left:-1.33vw;}
.top2_title.on{color: #A3C95A;}
.menu_content .menu_content_nav{width:20vw;max-height: calc(100vh - 8vw);overflow-y: scroll;white-space: nowrap;}
.menu_content .menu_content_nav::-webkit-scrollbar {display: none;}
.menu_content_nav_item{width:16.53vw;;margin-left:1.735vw;margin-top:1.33vw ;border:0.2vw solid rgba(0,0,0,0);border-radius:0.87vw;position:relative;}
.menu_content_nav_item:first-child{margin-top: 0;}
.menu_content_nav_item.on{border: 0.3vw solid #fff;border-radius: 0.87vw;}
.menu_content_nav_item .nav_item_img{width:16.53vw;height:9.91vw;font-size: 0;border: 0;background-size: 100% 100%;border-radius:0.53vw 0.53vw 0 0;}
.menu_content_nav_item .nav_item_title{padding: 1vw 1vw;color: #fff;font-size:1.2vw;background: rgba(58,62,67,0.49);display: flex;flex-wrap: wrap;align-items: center;border-radius:0 0 0.67vw 0.67vw;box-sizing: border-box;justify-content: start;}
.menu_content_nav_item .nav_item_title div{width: 100%;}
.nav_item_line{width:20vw;border:0.13vw solid rgba(238, 230, 230, 0.2);margin-top:2.00vw;}
        
.menu_mtls{width:20vw;max-height: calc(100vh - 34vw);overflow-y: scroll;display: flex;flex-wrap: wrap;box-sizing: border-box;position: relative;}
.menu_mtls::-webkit-scrollbar {display: none;}
.menu_mtls_item{width: 8.1vw;border:0.2vw solid rgba(0,0,0,0);border-radius:0.87vw;position:relative;display: inline-block;margin: 0.5vw;background: rgba(26,29,37,0.49);}
.menu_mtls_item.on{border: 0.2vw solid #fff;}
.menu_mtls_item .menu_mtls_item_img{width:100%;height:4.91vw;font-size: 0;border: 0;background-size: 100% 100%;border-radius:0.6vw 0.6vw 0 0;}
.menu_mtls_item .menu_mtls_item_title{padding: 0.5vw;color: #fff;font-size:1.35vw;box-sizing: border-box;text-align: center;}
.menu_mtls_item .menu_mtls_item_title.on{color: #fff;}
    
.select-mtls-item{width:17.5vw;height: auto;background: rgba(58,62,67,0.49);margin-left:1.25vw;border-radius:0.5vw;margin-bottom: 1vw; position: relative; }
.select-mtls-item:first-child{margin-top: 0.5vw;}
.select-mtls-item.on{background-color:none; }
.select-mtls-item-title{color: #fff;font-size:1.2vw;padding: 0.2vw 1vw;width: 100%;min-height:4vw;height: auto;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;}
.select-mtls-item-icon{width:2vw;height: 2vw; position: absolute; top: 1vw; right:1vw;}		
.content-top-back{width:6vw;height: 3.9vw;position: absolute;left: 0; top: 0; }		
.content-top-back-img{width:2vw;height:2vw;margin-top:0.95vw;margin-left:-2vw; }
        
.right_color{width:15vw;;height: calc(100vh - 15vw);position: fixed;top:8vw;right:0.67vw;transition: all 0.5s;display: flex;align-items: center;flex-wrap: wrap;}
.right_color_scroll{width:100%;max-height:55vh;background-color: rgba(0,0,0,0.3);border-radius:0.93vw;overflow-x: auto;white-space: nowrap;box-sizing: border-box;}
.right_color_scroll.white{background-color: rgba(255,255,255,1);}
.right_color_scroll::-webkit-scrollbar {display: none;}
.right_color_scroll .color_item{box-sizing: border-box;width: 85%;height: 3vw;margin:2.2vw 5% 2.2vw 10%;background-color: rgba(0,0,0,0.2);border-radius: 1vw;position: relative;}
.right_color_scroll .color_item .color_item_img{width:3.8vw;height:3.8vw;border-radius:50%;margin-top: -0.4vw;margin-left: -1vw;box-sizing: border-box;}
.right_color_scroll .color_item .color_item_title{font-size: 1.2vw;color: #fff;width: calc(100% - 3.6vw);overflow: hidden;position: absolute;top: 0;left: 3.6vw;height: 3vw;line-height: 3vw;}
.right_color_scroll .color_item .color_item_img.on{border:0.2vw solid #fff;padding: 0.25vw;}
/* .color_item:last-child{margin-bottom: 0;} */
.right_color_scroll .color_item.on{border:0.20vw solid #fff;}

.color_btn_box{width:15vw;height:4.4vw;background-color: rgba(0,0,0,0.3);border-radius:0.93vw;box-sizing: border-box;margin-top: 1vw;display: flex;justify-content: space-between;align-items: center;padding: 0 0.5vw 0 0.7vw;}
.pickerBox{width: 3.4vw;height: 3.4vw;position: relative;}
.pickerBtn{width: 3.4vw;height: 3.4vw;border-radius: 1vw;position: absolute;top: 0;right:0vw;}
.searchBtn{width: 3.4vw;height: 3.4vw;position: relative;padding: 0.5vw;box-sizing: border-box;}


.back_pop{width:24.00vw;height:15.15vw;background: #fff;border-radius:0.80vw;box-sizing: border-box;padding-top:1.60vw;position: fixed;left: calc(50vw - 12.00vw);top: calc(50vh - 7.57vw);z-index: 9999;transition: all 0.5s;}
.back_pop .back_pop_title{font-size:1.20vw;text-align: center;color: #000;}
.back_pop .back_pop_text{margin-top:3.33vw;color: #000;text-align: center;font-size:1.20vw;}
.back_pop .back_pop_btn{border-top: 1px solid rgba(0,0,0,0.2);display: flex;height:4.00vw;position: absolute;bottom: 0;width:24.00vw;}
.back_pop .back_pop_btn .back_pop_btn_left{width:12.00vw;font-size:1.20vw;text-align: center;color: #000;line-height:4.00vw;border-right: 1px solid rgba(0,0,0,0.2);}
.back_pop .back_pop_btn .back_pop_btn_right{width:12.00vw;font-size:1.20vw;text-align: center;color: #A3C95A;line-height:4.00vw;}
.back_pop_mask{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);z-index: 9998;}

.menu_tips{font-size: 1.35vw;width: 90%;display: flex;justify-content: start;align-items: center;color: #fff;margin:1.5vw 0 1vw 1.85vw;}
.menu_content_mtl_item{border: 1px solid rgba(0,0,0,0);width:7.6vw;height:3.2vw;color: #fff;text-align: center;line-height:3.2vw;background: rgba(58,62,67,0.49);font-size:1.2vw;display: inline-block;margin-bottom:1.2vw;border-radius: 10px;}
.menu_content_mtl_item.on{color: #fff;border: 2px solid #fff;}
.menu_tips_item{border-bottom: 0.15vw solid #5b6066;padding: 0.4vw 0vw;border-radius: 0.5vw;color: #fff;}
.menu_tips_item.on{border-bottom: 0.15vw solid #fff;color: #fff;}

.menu_tips_diy{width: 6vw; height: 2vw;line-height: 2vw;position: absolute; top: -0.2vw;right: 1vw;font-size: 1.1vw;border: 0.1vw solid #fff;border-radius: 1vw;color: #fff;text-align: center;}

.visual_box{width: 100vw;position: fixed;bottom:1.33vw;display:flex;justify-content: center;;pointer-events: none;}
.visual_item{display: flex;justify-content: space-between;max-width:24vw;height:4vw;align-items: center;padding: 0 3vw;pointer-events: auto;overflow: hidden;overflow-x: auto;box-sizing: border-box;position: relative;}
.visual_title_icon{position: absolute;top: 1vw;right: 0.5vw;width: 2vw;height: 2vw;}
.visual_item .border{position: absolute;left: 0;top: 1vw;width: 1.5px;height: 2vw;background: #fff;}
.visual_title{color: #fff;font-size:1.33vw;min-width:5.33vw;max-width: 18.67vw;text-align: center;white-space: nowrap;}
.visual_title.on{color: #a3c95a;}
.btn-save{width: 7vw;height: 3vw;line-height: 3vw;border-radius: 1vw;text-align: center;background: #A3C95A;color: #fff;position: fixed;right: 0.5vw;top: 0.5vw;z-index: 9999;}
.clear_screen_bar{
	position: fixed;
	bottom: 1.53vw;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.3);
	border-radius: 0.8vw;
	padding: 0 1vw;
	z-index: 1000;
}
.clear_screen_item{
	color: #fff;
	font-size: 1.4vw;
	line-height: 4vw;
	padding: 0 2vw;
	margin: 0 0.5vw;
}
.clear_screen_item:active{
	opacity: 0.75;
}
.rotate_btn{width: 3vw;height: 3vw;position: fixed;bottom: 1.53vw;right:8vw;}

.mapContorl_mask{width: 100vw;height: 100vh;background: #000;opacity: 0.1;position: fixed;left: 0;top: 0;z-index: 9999;}
.mapContorl{width: 200px;height: 200px;position: fixed;z-index: 10000;}
.mapContorl .round{position: relative;width: 200px;height: 200px;border-radius: 100px;background:url('static/images/icon_menus_bg.png');background-size:100% 100%;}
.mapContorl .round .icon{width: 40px;height: 40px;position: absolute;}


.slider_box{width: 100%;box-sizing: border-box;margin-top: 2vw;padding: 0 6%;margin-bottom: 4vw;}
.slider_bar{width: 100%;height: 0.6vw;background: #3D424A;box-sizing: border-box;position: relative;}
.slider_bar .slider_btn{width: 1.8vw;height: 1.8vw;position: absolute;top: -0.6vw;left: 50%;background: #646C7A;border-radius: 50%;border: 1px rgba(255,255,255,0.39) solid;}
.slider_btn_touch{width: 4vw;height: 4vw;position: absolute;top: calc(50% - 2vw);left: calc(50% - 2vw);}
.slider_tips{width: 100%;display: flex;justify-content: space-between;box-sizing: border-box;margin-top: 1.2vw;}
.slider_tips span{font-size: 1.3vw;color: #e6e6e6;}
/* .pickerBox{width: 3.3vw;height: 3.3vw;margin: 1vw 0.8vw;position: relative;}
.pickerBtn{width: 3.9vw;height: 3.9vw;border-radius: 1vw;position: absolute;top: 0;right:0vw;/* left:-0.5vw; */} */

.service_icon{position: fixed;top: 0;right: 0;width: 4vw;height: 4vw;background: rgba(0,0,0,0.15);border-radius: 2.5vw;box-sizing: border-box;z-index: 99;}
.jump_pop{width: 60vh;height: 40vh;background: #fff;border-radius: 10upx;box-sizing: border-box;padding-top: 4vh;position: fixed;left: calc(50vw - 30vh);top: 30vh;z-index: 99999;transition: all 0.5s;}
.jump_pop .jump_pop_title{font-size: 1.5vw;text-align: center;color: #000;}
.jump_pop .jump_pop_text{height: calc(25vh - 2vw);display: flex;align-items: center;flex-wrap: wrap;justify-content: center;padding: 2vh 0;box-sizing: border-box;}
.jump_pop_text_item{ width: 100%;color: #000;font-size: 1.5vw;text-align: center;}
.jump_pop .jump_pop_btn{border-top: 1px solid rgba(0,0,0,0.2);display: flex;height: 11vh;position: absolute;bottom: 0;width: 100%;}
.jump_pop .jump_pop_btn .jump_pop_btn_left{width: 50%;font-size: 1.4vw;text-align: center;color: #000;line-height: 11vh;border-right: 1px solid rgba(0,0,0,0.2);}
.jump_pop .jump_pop_btn .jump_pop_btn_right{width: 50%;font-size: 1.4vw;text-align: center;color: #A3C95A;line-height: 11vh;}
.jump_pop_mask{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);z-index: 99999;backdrop-filter: blur(5px) brightness(110%);}

.qrcodeBox{width: 55vh;height: 55vh;background: #fff;border-radius: 5vh;box-sizing: border-box;padding:1.5vh 0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;position: fixed;top: 22.5vh;left:calc(50vw - 22.5vh);z-index: 99999}
.qrcodeBox_qrImg{width: 70%;border-radius: 5vh;}

.brand_box{width:100%;hight:auto;position: absolute;top: 0;left: 0;background: #393c43;z-index: 99;border-radius: 1vw;overflow-y: scroll;display: flex;flex-wrap: wrap;box-sizing: border-box;}
.brand_box_item{width:100%;height:5vw;display: flex;justify-content: space-between;padding: 0 5%;align-items: center;box-sizing: border-box;}
.brand_box_item_title{color: #fff;font-size:1.28vw;}
.brand_box_item_icon{width:2vw;height: 2vw;}
.menu_content_mask::before {content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.4;border-radius: 10px;z-index: 98;}

.real-photo-box{width:30vw;height: 100vh; position: fixed; left: 0; top: 0; z-index: 999;background: rgba(0,0,0,0.5);}
.real-photo-top{width: 30vw;height: 5vw;background: #3e4245; position: relative; }
.close-real-photo{width:2vw;height: 2vw; position: absolute; left:2vw; top: 1.5vw;}
.real-photo-title{font-size:1.4vw;color: #fff; text-align: center; line-height: 5vw; }
.real-photo-item{width: 30vw;height:calc(100vh - 5vw);}
.real-photo-scroll{width: 30vw; max-height: calc(100vh - 5vw); overflow-y: auto;box-sizing: border-box;}
.real-photo-img{width:30vw;height: auto; display: block;margin: 1vw 0;}
.amplify-realPhoto-mask{width: 100vw;height: 100vh; background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 1000; }
.amplify-realPhoto{width:100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 1001; display: flex; align-items: center;justify-content: center;pointer-events: none;overflow: hidden;}
.amplify-realPhoto-img{transition: all 0.5s; width:45vw; display: block;opacity: 1;height: auto;pointer-events: auto;}
.no-realPhoto{font-size:1.8vw;text-align: center;line-height:90vh;color: #fff;}
.contrast{color: #fff;font-size:1.3vw;position: fixed; right:5vw;bottom: 8vh;z-index: 1002; border: 1px solid #fff; width: 9vw;height: 6vh;border-radius: 1vw;text-align: center;line-height: 6vh;pointer-events: auto;}
.opacity0{transition: all 0.5s;opacity: 0;}

.search_box{width: 100%;height: auto;box-sizing: border-box;}
.search_tips{margin: 1vw;color: #fff;font-size: 1.4vw;}
.search_item{width: calc(100% - 3.4vw);margin-left:1.7vw;margin-top:1vw ;border:0.2vw solid rgba(0,0,0,0);border-radius:0.87vw;position:relative;}
.search_item.on{border: 0.3vw solid #fff;border-radius: 0.87vw;}
.search_item_img{width: 100%;height:8vw;font-size: 0;border: 0;background-size: 100% 100%;border-radius:0.53vw 0.53vw 0 0;}
.search_item_title{padding: 1vw 1vw;color: #fff;font-size:1.2vw;background: rgba(148, 153, 159, 0.5);border-radius:0 0 0.67vw 0.67vw;box-sizing: border-box;text-align: center;}
.search_input{width: 95%;height: 2.5vw;border-radius: 1vw;font-size: 1.2vw;outline: 0;padding-left: 1vw;}
.search_input_icon{width: 13%;}
.search_btn{width: 3.5vw;height: 2.5vw;line-height: 2.5vw;font-size: 1vw;color: #fff;border-radius: 0.5vw;text-align: center;background: rgba(0, 0, 0, 0.2);}
/* .menu_content_nav_item{width:16.53vw;;margin-left:1.735vw;margin-top:1.33vw ;border:0.2vw solid rgba(0,0,0,0);border-radius:0.87vw;position:relative;}
.menu_content_nav_item:first-child{margin-top: 0;}
.menu_content_nav_item.on{border: 0.3vw solid #fff;border-radius: 0.87vw;}
.menu_content_nav_item .nav_item_img{width:16.53vw;height:9.91vw;font-size: 0;border: 0;background-size: 100% 100%;border-radius:0.53vw 0.53vw 0 0;}
.menu_content_nav_item .nav_item_title{padding: 1vw 1vw;color: #fff;font-size:1.2vw;background: rgba(58,62,67,0.49);border-radius:0 0 0.67vw 0.67vw;box-sizing: border-box;text-align: center;} */
.menusTypes_box{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 1.6vw;box-sizing: border-box;max-height: 11vw;overflow-y: auto;box-sizing: border-box;}
.item_sticky{width: 100%;height: 3.4vw;border: 0;position: sticky;top: -0.2vw;z-index: 99;background-color: #111;}

.formula_pop_mask{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);z-index: 9998;}
.formula_pop{width: 40vw;height: 40vh;background: #fff;border-radius: 10upx;box-sizing: border-box;padding-top: 4vh;position: fixed;left: 30vw;top: 30vh;z-index: 9999;transition: all 0.5s;border-radius: 1vw;}
.formula_pop_title{font-size: 1.5vw;text-align: center;color: #000;}
.formula_pop_input{width: 24vw;text-align: center;margin-left: 8vw;height: 7vh;margin-top: 7vh; outline: none;font-size:1.5vw;border-radius: 1vw;border: 0.2vw solid rgba(0,0,0,0.2);}
.formula_pop_btn{border-top: 1px solid rgba(0,0,0,0.2);display: flex;height: 11vh;position: absolute;bottom: 0;width: 100%;}
.formula_pop_btn .formula_pop_btn_left{width: 50%;font-size: 1.4vw;text-align: center;color: #000;line-height: 11vh;border-right: 1px solid rgba(0,0,0,0.2);}
.formula_pop_btn .formula_pop_btn_right{width: 50%;font-size: 1.4vw;text-align: center;color: #A3C95A;line-height: 11vh;}
.formula_pop_img{position: absolute;top: 3vh;right: 3vh;width: 2.5vw;height: 2.5vw;}
.formula_pop_html{color: #000;font-size: 1.4vw;width: 100%;height: auto;white-space: pre-line;line-height: 3vw;padding: 1vw;box-sizing: border-box;}

.list_mask{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.7);z-index: 98;}
.list_body{position: fixed;top: 0;left: 20vw;width: 60vw;max-height:100vh;height: auto;z-index: 99;overflow-y: scroll;box-sizing: border-box;padding-top: 12vh;}
.list_box{width:100%;height: auto;box-sizing: border-box;background: #17181a;border-radius: 1vw;padding: 2vw;box-sizing: border-box;margin-top: -1vw;}
.list_line{border-bottom: 1px solid #bababa;margin-top: 2vw;}
.list_title{color: #fff;font-size: 1.6vw;padding-bottom: 1vw;border-bottom: 1px solid #bababa;} 
.list_item{margin-top: 2vw;padding-left: 1vw;} 
.list_item_title{color: #fff;font-size: 1.4vw;} 
.list_item_box{padding-left: 1vw;display: flex;flex-wrap: wrap;width: 100%;} 
.list_item_box_sapn{color: #fff;font-size: 1.4vw;display: inline-block;margin-right: 3vw;margin-top:1vw;}
.list_item_box_block{color: #fff;font-size: 1.4vw;margin-top:1vw;width: 100%;}
.list_price{width: 100%;font-size: 1.6vw;text-align: right;padding-right: 2vw;color: #fff;box-sizing: border-box;margin-top: 1vw;}
.list_btn{width: 20vw;background: #A3C95A;color: #fff;text-align: center;height: 3.5vw;line-height: 3.5vw;border-radius: 0.5vw;font-size: 1.3vw;position: fixed;bottom: 10vh;left:40vw;z-index: 99;}
.list_btn2{width: 10vw;background: #A3C95A;color: #fff;text-align: center;height: 3.5vw;line-height: 3.5vw;border-radius: 0.5vw;font-size: 1.3vw;position: fixed;bottom: 10vh;right:35vw;z-index: 99;}