@charset "utf-8";
:root{
	--main-color0:#eee;
	--main-color1:#31b7e3;
	--main-color2:#66d1f4;
	--main-color3:#e4f6ff;
	--main-color4:#0099ff;
}
* { margin:0; padding:0; font-style:normal; font-weight:normal;}
html,body { width:100%; height:100%; background-color:#f2f2f2;}
html,body,img { border:none;}
ul,ol,li { list-style:none;}
a { text-decoration:none;}
dfn:before { content:"¥"; font-size:3.2vw; padding-right:1vw;}

.row { *zoom:1;}
.row:before, .row:after { display:table; content:""; line-height:0;}
.row:after { clear:both;}

::-webkit-input-placeholder { color:#aaa;}
:-moz-placeholder { color:#999;}
::-moz-placeholder { color:#999;}
:-ms-input-placeholder { color:#aaa;}
.placeholder { color:#aaa;}

.hidden { display:none;}
.nowrap { white-space:nowrap;}
.icofont { font-family:'icofont'; speak:none;}
.float_left { float:left;}
.float_right { float:right;}

.excessive { transition:0.2s; -moz-transition:0.2s; -webkit-transition:0.2s; -o-transition:0.2s;}
.excessive_bg { position:fixed; width:100%; height:100%; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.3; z-index:999;}

.border-box {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.content-box {
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-ms-box-sizing:content-box;
	-o-box-sizing: content-box;
}

/*projector*/
.projector { width:100%; height:100%; margin-left:auto; margin-right:auto;}
.projector .swiper-slide { text-align:center; font-size:5.76vw; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.projector .swiper-slide a,
.projector .swiper-slide img { display:block; width:100%;}
.projector .swiper-pagination span { border:1px solid #fff;}

/*swiper*/
.swiper-container { width:100%; height:100%; margin-left:auto; margin-right:auto;}
.swiper-slide { text-align:center; font-size:5.76vw; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.swiper-slide a {}
.swiper-slide img { display:block; width:100%;}

/*line info*/
body .swiper-container .swiper-pagination { bottom:5vw;}
.swiper-container_bottom { height:5vw; margin-top:-5vw; position:relative; z-index:3; background-image:linear-gradient(to bottom,transparent,#fff);}

.a01,.a01:link,.a01:visited { color:#09f;}
.a01:hover,.a01:active { color:#f60;}

.indextop_bg { background-color:var(--main-color1); width:100%; position:fixed; height:14vw; overflow:hidden; left:0; top:0; right:0; z-index:5;}
.indextop_bt { height:14vw;}
.indextop_l { text-align:center; font-size:3.6vw; color:#fff; width:16vw; position:absolute; left:2vw; top:2vw; transform:scale(0.7,0.7); transform-origin:0 0;}
.indextop_l img { display:block; width:10vw; margin:0 auto;}
.indextop_r { position:absolute; top:2vw; right:2vw;}
.indextop_r form { background-color:#fff; width:83vw; height:10vw; border-radius:1vw; position:relative;}
.indextop_r input { height:100%; border:none; border-radius:1vw; text-indent:3vw; font-size:4vw; width:73vw; outline:none;}
.indextop_r a { color:#fff; text-align:center; font-family:'icofont'; speak:none; text-decoration:none; background-color:var(--main-color2); font-size:5vw; padding:2vw; border-radius:1vw; position:absolute; right:0.5vw; top:0.5vw;}

.marquee { display:block; background-color:var(--main-color1); color:#fff; padding:0 0 2vw 0; font-size:4vw;}

#index_list_box { width:100%; overflow:hidden;}
.index_list_head { display:table; table-layout:fixed; width:100%; z-index:3; left:0;}
.index_list_head a { display:table-cell; font-size:4vw; text-align:center; border-bottom:1vw solid #ddd; padding:3vw 0; color:#555; background-color:#fff;}
.index_list_head a.active { color:#09c; border-bottom:1vw solid #09c; font-weight:bold;}
.index_list_head a:hover,
.index_list_head a:active { color:#2ad; border-bottom:1vw solid #2ad; font-weight:bold;}
.index_list_body { width:400%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; position:relative;}
.index_list_body.open0 { left:0;}
.index_list_body.open1 { left:-100vw;}
.index_list_body.open2 { left:-200vw;}
.index_list_body.open3 { left:-300vw;}
.index_list_body div { width:100%;}
.index_list_body ul { width:97%;}
.index_list_body ul li { margin-left:3vw; width:45.4vw; float:left;}
.index_list_body a { display:block; background-color:#fff; border-radius:2vw; margin-top:3vw;}
.index_list_body a img { width:100%; display:block; border-radius:2vw 2vw 0 0;}
.index_list_body a p { font-size:3.6vw; color:#444; padding:1vw 2vw; line-height:150%;}
.index_list_body a:hover,
.index_list_body a:active { background-color:#cef;}
.index_list_body a span { display:block; padding:1vw 2vw 2vw 2vw; text-align:right;}
.index_list_body a span label { font:left; text-align:left; float:left; color:#999; font-size:3.6vw; padding-top:0.5vw;}
.index_list_body a span dfn { float:right; color:#f60; font-size:5vw; line-height:100%;}

.do_nothing { text-align:center; margin-top:30vh; font-size:4vw; color:#999;}
.do_nothing i { font-family:'icofont'; speak:none; font-size:14vw; display:block; padding-bottom:3vw;}

.index_list_foot { display:block; border:1px solid #ccc; box-sizing:border-box; height:12vw; line-height:12vw; font-size:4vw; background-color:#fff; margin:3vw; text-align:center; color:#555; border-radius:2vw;}

.line_list_search_bg { width:100%; height:100%; background-color:rgba(0,0,0,.3); position:fixed; left:0; top:0; right:0; bottom:0; z-index:199; display:none;}
.line_list_search_bg.sifting { z-index:201;}
.line_list_search_wap { width:100%; height:19.2vw;}
.line_list_search_form { display:block; position:fixed; z-index:200; left:0; top:0; width:100%;}
.line_list_search_input { padding-top:2vw; background-color:#fff; position:relative; z-index:200;}
.line_list_search_submit { float:right; display:block; font-family:'icofont'; speak:none; font-size:5vw; color:var(--main-color1); padding:2vw 3vw;}
.line_list_search_input input { float:left; display:block; width:87vw; height:9vw; padding-left:3vw; outline:none; font-size:3.6vw; box-sizing:border-box; border:1px solid #ccc; margin-left:2vw; border-radius:1vw;}
.line_list_search_sifting { display:table; table-layout:fixed; width:100%; border-bottom:1px solid #eee; background-color:#fff; position:relative; z-index:200;}
.line_list_search_sifting a { display:table-cell; text-align:center; padding:2vw 0; color:#777; font-size:3.2vw;}
.line_list_search_sifting a:after { content:"\e91b"; font-family:'icofont'; speak:none;}
.line_list_search_sifting a.open { color:#f60;}
.line_list_search_sifting a.open:after { content:"\e91a";}
.line_list_search_body { width:100%; position:relative; z-index:199;}
.line_list_search_item { position:absolute; width:100%; left:0; top:-100vh; opacity:0; visibility:hidden;}
.line_list_search_item.open { top:0; opacity:1; visibility:inherit;}
.line_list_search_item { background-color:#fff;}
.line_list_search_item a { display:block; color:#555; font-size:3.2vw; padding:3vw;}
.line_list_search_item a.active { color:var(--main-color1); background-color:var(--main-color3);}
.line_list_search_item a.active:after { content:"\e960"; font-family:'icofont'; speak:none; float:right;}
.line_list_search_set { position:fixed; width:80%; height:100%; top:0; bottom:0; left:100%; z-index:202; background-color:#fff; overflow:auto;}
.line_list_search_set.open { left:20%;}
.line_list_search_li { padding:3vw 3vw 0 3vw;}
.line_list_search_li h2 { font-size:4vw; padding:3vw 0;}
.line_list_search_li h2 label { padding-left:2vw; color:#f60;}
.line_list_search_li a { font-size:3.2vw; background-color:#eee; border:1px solid #eee; padding:1vw 2vw; border-radius:1vw; margin:2vw 2vw 0 0; color:#555; position:relative; white-space:nowrap;}
.line_list_search_li a.active { background-color:var(--main-color3); color:var(--main-color1); border-color:var(--main-color1);}
.line_list_search_li a.active:after { content:""; position:absolute; bottom:0; right:-1px; display:block; width:0; height:0; border-width:1.5vw; border-style:solid; border-color:transparent var(--main-color1) var(--main-color1) transparent; border-radius:0 0 1vw 0;}
.line_list_search_condition { height:100%; box-sizing:border-box; padding-bottom:16vw; overflow:auto;}
.line_list_search_btn { position:absolute; bottom:0; left:0; right:0; height:13vw; text-align:center; background-color:#fff; border-top:1px solid #eee; z-index:10;}
.line_list_search_btn a { padding:2vw 3vw; font-size:3.6vw; border:1px solid #ccc; border-radius:1vw; color:#555; display:inline-block;}
.line_list_search_btn a#line_list_search_ok { background-color:#f60; color:#fff; margin:2vw 0 0 2vw; border-color:#f60;}
.line_list_search_txt input { height:8vw; border-radius:1vw; border:1px solid #ccc; text-indent:2vw; font-size:3.6vw;}

.line_list_wap { display:block; background-color:#fff; padding:3vw 0; margin-top:2vw;}
.line_list_left { float:left; padding:0 3vw; width:30vw;}
.line_list_left img { border-radius:1vw; display:block; width:100%;}
.line_list_right { float:right; width:62vw; padding-right:2vw;}
.line_list_right h2 { font-size:3.6vw; color:#555; padding-bottom:2vw;}
.line_list_right p { font-size:3.2vw; color:#999;}
.line_list_right p em { color:#f60; padding-right:2vw;}
.line_list_right p dfn { float:right; font-size:4.5vw; color:#f60;}
.line_list_right p span { padding-right:2vw; color:#fc9;}

.line_info_title { padding:3vw; background-color:#fff;}
.line_info_title h2 { font-size:3.8vw;}
.line_info_title div { padding-top:3vw;}
.line_info_title div i { float:right; font-size:5vw;}
.line_info_title div p { font-size:3.2vw; color:#999;}
.line_info_title div p span { color:#191; padding:0 3vw;}
.line_info_date_sele { display:block; border-top:1px solid #eee; border-bottom:1px solid #eee; background-color:#f9f9f9; padding:3vw 0 3vw 3vw; font-size:3.6vw; color:#f60;}
.line_info_date_sele span { float:right; color:var(--main-color1);}
.line_info_date_sele span i { color:#999; font-size:4vw; vertical-align:middle;}
.line_info_submit { padding:3vw; background-color:#fff;}
.line_info_submit a { float:right; background-color:#eee; color:#fff; font-size:4vw; padding:2vw 3vw; border-radius:1vw;}
.line_info_submit a.submit { background-color:#f60; color:#fff;}
.line_info_submit p { line-height:150%; color:#777; font-size:3.2vw;}

.line_info_section { padding:3vw; margin-top:3vw; background-color:#fff;}
.line_info_section_title { color:var(--main-color1); font-size:3.8vw; border-bottom:1px solid #ddd; padding-bottom:2vw;}
.line_info_section_price { font-size:3.6vw; color:#555; line-height:100%; padding-top:2vw;}
.line_info_section_price dfn { color:#f60;}

/*旅游路线详情页月历表*/
#line_date { width:100%; padding-top:3vw;}
.line_date_table { background-color:#fff; width:100%; table-layout:fixed;}
.line_date_table a { text-decoration:none;}
.line_date_table a:hover { text-decoration:none;}
.line_date_table_title { background-color:var(--main-color1); color:#fff; font-size:3.6vw; text-align:center; line-height:10vw;}
.line_date_table_title a { display:block; font-size:4vw; line-height:100%; font-family:"icofont"; speak:none; float:left; color:#fff; padding:3vw;}
.line_date_table_title a.line_date_table_arr { float:right;}
.line_date_table_title a:hover,
.line_date_table_title a:active { background-color:var(--main-color2);}
.line_date_table thead th { background-color:var(--main-color3); font-size:3.6vw; padding:2vw 0;}
.line_date_table tbody td { border-bottom:1px solid #eee; border-right:1px solid #eee; font-size:3.2vw;}
.line_date_table tbody tr td { font-size:3.2vw;}
.line_date_table tbody tr td:last-child { border-right:none;}
.line_date_table tbody tr td a { display:block; position:relative; width:100%; height:14vw; overflow:hidden;}
.line_date_table tbody tr td a i { position:absolute; top:0; right:0; color:#ccc;}
.line_date_table tbody tr td a dfn { position:absolute; bottom:0; right:0; color:#f60;}
.line_date_table tbody tr td a p { color:#555;}
.line_date_table tbody tr td a p span { padding-left:1vw;}
.line_info_section_characteristic {}
.line_info_section_characteristic span { white-space:nowrap; background-color:var(--main-color3); color:var(--main-color1); font-size:3.2vw; line-height:5vw; padding:0 1vw; margin-right:2vw; border-radius:1vw;}
.line_info_section_mt { font-size:3.8vw; padding:2vw 0;}
.line_info_section_ext { font-size:3.2vw; line-height:150%; color:#555;}
.line_info_section_outline { font-size:3.2vw; color:#555; padding-top:2vw;}
.line_info_section_outline i { color:var(--main-color1); padding-right:2vw;}
.line_info_section_trip {}
.line_info_section_trip h2 { font-size:3.6vw; color:#f60; padding:3vw 0;}
.line_info_section_trip h2 span { padding-right:2vw;}
.line_info_section_trip th { white-space:nowrap; text-align:center; vertical-align:top; color:#555; font-size:3.2vw;}
.line_info_section_trip th i { font-size:4vw; color:var(--main-color1); padding:0 1vw;}
.line_info_section_trip td { padding:0 0 3vw 1vw; color:#777; line-height:150%; font-size:3.2vw;}
.line_date_bg { display:none; background-color:#000; opacity:0.3; position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index:999;}
.line_date_select { position:fixed; background-color:#fff; width:60%; height:100%; top:0; right:-60%; bottom:0; z-index:999; overflow:auto;}
.line_date_select.open { right:0;}
.line_date_select a { display:block; position:relative; overflow:hidden; white-space:nowrap; padding:3vw; box-sizing:border-box; color:#555;}
.line_date_select a.active { color:var(--main-color1); background-color:var(--main-color3);}
.line_date_select a.active:after { content:"\e960"; font-family:'icofont'; speak:none; float:right;}
.line_info_bottom { height:10vw;}
.line_info_bottom a { display:block; position:fixed; bottom:16vw; right:1vw; background-color:#f60; width:10vw; font-size:3.6vw; line-height:10vw; text-align:center; color:#fff; border-radius:50%; opacity:0.7;}


.range {
  --thumb-size:4vw;
  --track-height:calc(var(--thumb-size)/2);
  --ticks-height:1vw;
  --step:1;
  --x-step:Max(var(--step),Min(1,Max(calc(var(--max) - var(--min)) / var(--step) - 30,0)) * (var(--max) - var(--min)));
  --completed:calc((var(--value) - var(--min) ) / (var(--max) - var(--min)) * 100);
  width:100%;
  margin:var(--thumb-size) 0;
  display:inline-block;
  height:var(--thumb-size);
  background: linear-gradient(to right, var(--main-color0) 1px, transparent 1px) repeat-x;
  background-size:calc((100% - var(--thumb-size))/((var(--max) - var(--min)) / var(--x-step))) var(--ticks-height);
  background-position:calc(var(--thumb-size)/2) bottom;
  position:relative;
  z-index:1;
}
.range::before, .range::after { --offset:calc(var(--thumb-size)/2); content:counter(x); font-size:3.2vw; position:absolute; top:5vw; opacity:0.5; pointer-events:none;}
.range::before { counter-reset:x var(--min); left:var(--offset); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.range::after { counter-reset:x var(--max); right:var(--offset); -webkit-transform:translateX(50%); transform:translateX(50%);}
.range__progress { position:absolute; left:0; top:calc(50% - var(--ticks-height)/2); -webkit-transform:translateY(-50%) translateZ(0); transform:translateY(-50%) translateZ(0); width:100%; height:calc(var(--track-height)); pointer-events:none; z-index:-1; border-radius:calc(var(--thumb-size) / 2); background:var(--main-color1,#fff);}
.range__progress::after { content:''; display:block; margin-left:auto; width:calc((100% - var(--completed) * 1%) + (var(--completed)/100) * var(--thumb-size)); height:100%; background:var(--main-color0,#eee); border-radius:0 calc(var(--thumb-size) / 2) calc(var(--thumb-size) / 2) 0;}
.range > input { -webkit-appearance:none; width:100%; height:var(--thumb-size); margin:0; cursor:-webkit-grab; cursor:grab; outline:none; background:none; margin-top:calc(var(--ticks-height) * -0.5); position:absolute;}
.range > input::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; height:var(--thumb-size); width:var(--thumb-size); border-radius:50%; background:var(--main-color1,#fff); border:1px solid var(--main-color1,#fff);}
.range > input::-moz-slider-thumb { -moz-appearance:none; appearance:none; height:var(--thumb-size); width:var(--thumb-size); border-radius:50%; background:var(--main-color1,#fff); border:1px solid var(--main-color1,#fff);}
.range > input::-ms-thumb { appearance:none; height:var(--thumb-size); width:var(--thumb-size); border-radius:50%; background:var(--main-color1,#fff); border:1px solid var(--main-color1,#fff);}
.range > output {
	--x-offset:calc(var(--completed) * -1%);
	--pos:calc(((var(--value) - var(--min))/(var(--max) - var(--min))) * 100%);
	pointer-events:none;
	position:absolute;
	z-index:5;
	background:var(--main-color1);
	color:#fff;
	border-radius:1vw;
	padding:0 1vw;
	top:-7vw;
	left:var(--pos);
	-webkit-transform:translate(var(--x-offset),1vw);
	transform:translate(var(--x-offset),1vw);
	-webkit-transition:all .12s ease-out, left 0s, top 0s;
	transition:all .12s ease-out, left 0s, top 0s;
}
.range > output::after { content:var(--text-value); font-size:3.2vw; white-space:nowrap;}

.ui_topbar { width:100%; height:12vw; position:fixed; left:0; top:0; right:0; z-index:3;}
.ui_topbar h2 { text-align:center; font-size:3.8vw; white-space:nowrap; padding:0 10vw; line-height:10vw; overflow:hidden; text-overflow:ellipsis;}
.ui_topbar .back { display:block; position:absolute; height:100%; width:12vw;}
.ui_topbar.active .back { height:100%; line-height:10vw;}
.ui_topbar .back:before { display:block; width:8vw; height:8vw; line-height:8vw; text-align:center; font-family:"icofont"; speak:none; content:"\e910"; font-size:6vw; color:#fff; border-radius:50%; background-color:rgba(0,0,0,.4); margin:2vw;}

.ui_top_search { width:100%; display:flex;}
.ui_top_search a { display:block;}
.ui_top_search a:before { display:block; font-family:"icofont"; speak:none; content:""; font-size:6vw; line-height:6vw; color:#555; padding:2vw;}
.ui_top_search div { flex:1;}
.ui_top_search div input { width:100%; height:8vw; line-height:8vw; margin-top:1vw; text-indent:2vw; outline:none;}
.ui_top_search .back:before { content:"\e910";}
.ui_top_search .search:before { content:"\ea9c";}

.ui_block_outside { padding:2vw 2vw 0 2vw;}
.ui_block_inside { background-color:#fff; border-radius:1vw; padding:2vw;}
.ui_block_input { border-bottom:1px solid #ccc; display:flex; flex-direction:row;}
.ui_block_input label,
.ui_block_input input { border:none; outline:none; font-size:3.8vw; height:6vw; line-height:6vw; padding-top:2vw;}
.ui_block_input label { color:#999;}
.ui_block_input label:after { content:"：";}
.ui_block_input input { flex:1;}
.ui_block_page { position:fixed; height:80vh; width:100%; left:0; right:0; bottom:-80vh; background-color:#fff; overflow:hidden; z-index:1000;}
.ui_block_page.open { bottom:0;}
.ui_block_pop { padding:12vw 2vw 2vw 2vw; overflow:hidden; font-size:3.6vw;}
.uiblock_ptitle { text-align:center; font-size:4vw; height:10vw; line-height:10vw; border-bottom:1px solid #ccc; position:absolute; left:0; top:0; right:0; background-color:#fff;}
.ui_block_body { width:100%; height:100%; overflow:auto;}

.ui_block_inlist { background-color:#fff; border-radius:1vw;}
.ui_block_inlist a,
.ui_block_inlist div { display:block; border-bottom:1px solid #eee; color:#555; padding:2vw; font-size:3.2vw;}
.ui_block_inlist span { float:right; color:var(--main-color4);}
.ui_block_inlist span:after { content:"\e911"; font-family:"icofont"; speak:none; color:#777; vertical-align:middle;}
.ui_block_inlist strong { color:#999;}
.ui_block_inlist strong:after { content:"：";}
.ui_block_inlist em { float:right; color:#999;}
.ui_block_inlist h2 { font-size:3.6vw; padding:2vw;}
.ui_block_inlist p {  font-size:3.2vw; line-height:150%; padding:2vw; color:#777;}
.ui_block_inlist h2 em { float:right;}

.line_enter_title {}
.line_enter_title h2 { font-size:4vw; font-weight:bold;}
.line_enter_title p { font-size:3.6vw; padding:1vw 0; line-height:120%;}
.line_enter_block h2 { font-size:4vw;}
.line_enter_block h2 i { color:#f60; padding-right:2vw;}
.line_enter_block h2 span { color:#999; font-size:3.2vw; padding-left:2vw;}
.line_enter_num {}
.line_enter_num h3 { font-size:4vw; padding-top:2vw;}
.line_enter_num h3 i {}
.line_enter_num h3 span { color:#999; font-size:3.6vw; padding-left:2vw;}
.line_enter_num h3 dfn { float:right; color:#f60;}
.line_enter_num #supplementary { display:block; text-align:left; color:#555; padding:2vw 0;}
.line_enter_num #supplementary dfn { color:#f60;}
.line_enter_num #supplementary span { padding-right:2vw;}
.line_enter_num #supplementary span:before { content:"\eab5"; border:1px solid #aaa; font-family:"icofont"; speak:none; border-radius:50%; font-size:4vw; line-height:4vw; padding:0.5vw;}
.line_enter_num #supplementary.active span:before { content:"\e960"; border:1px solid var(--main-color1); color:var(--main-color1); font-family:"icofont"; speak:none; border-radius:50%; font-size:4vw; line-height:4vw;}

.line_enter_item { text-align:right; padding:2vw 0;}
.line_enter_item input { border:none; border-bottom:1px solid #ccc; text-align:center; width:12vw; outline:none; font-size:4vw;}
.line_enter_item a { border-radius:50%; font-size:3.6vw; line-height:3.6vw; font-family:"icofont"; speak:none; padding:1vw}
.line_enter_item a.minus { background-color:#ccc; color:#444;}
.line_enter_item a.plus { background-color:var(--main-color1); color:#fff;}
.line_enter_item span { color:var(--main-color1); font-size:3.6vw; float:left;}
.line_enter_item span:after { content:"\e90d"; font-family:"icofont"; speak:none; font-size:4vw; vertical-align: middle;}

.line_enter_ing {}
.line_enter_ing h2 { font-size:4vw; font-weight:bold; padding-bottom:2vw;}
.line_enter_ing h2 span { color:#999; font-size:3.2vw; padding-left:2vw; font-weight:normal;}
.line_enter_ing p { font-size:3.6vw; padding:1vw 0; line-height:150%;}
.line_enter_ing h3 { font-size:4vw; padding:1vw 0; background-color:var(--main-color3);}
.line_enter_ing h3 dfn { float:right; color:#f60;}
.line_enter_ing h3 em { color:#f00; padding:0 1vw;}
.line_enter_ing .w_selece_input { border:none; flex:1;}
.line_enter_lnsing p span { float:right;}
.line_enter_lnsing p dfn { color:#f60;}

.line_enter_read { padding-top:2vw;}
.line_enter_read a { color:var(--main-color1); font-size:3.6vw;}

.line_order_list { padding:0 2vw 2vw 2vw;}
.line_order_list a { display:block; padding:2vw; background-color:#fff; border-radius:1vw; color:#555; margin-top:2vw;}
.line_order_list a h2 { font-size:3.6vw;}
.line_order_list a h2 span { float:right; color:#aaa;}
.line_order_list a dl { display:flex; margin-top:2vw;}
.line_order_list a dl dt { flex:3;}
.line_order_list a dl dd { flex:5; padding:0 2vw; font-size:3.6vw;}
.line_order_list a dl dd:last-child { flex:2; text-align:right;}
.line_order_list a dl dd:last-child dfn { color:#f60; display:block;}
.line_order_list a dl dd:last-child em { font-size:3.2vw; color:#aaa; display:block;}
.line_order_list a dl dt img { display:block; width:100%; border-radius:1vw;}
.line_order_list a dl dd p { padding-bottom:2vw; font-size:3.2vw; font-weight:bold;}
.line_order_list a dl dd strong { color:#f60; border:1px solid #f60; border-radius:1vw; font-size:3.2vw; white-space:nowrap;}
.line_order_list a h3 { text-align:right; font-size:3.2vw; padding:2vw 0;}
.line_order_list a h3 dfn { color:#f60; font-size:3.8vw;}
.line_order_list a h4 {}
.line_order_list a h4 span { color:#f00; font-size:3.2vw; padding-right:2vw;}

.w_selece_input { height:6vw; line-height:6vw; margin-top:2vw;}

.line_enter_bz textarea { width:100%; border:none; border-bottom:1px solid #ccc; height:6vw; font-size:3.8vw; outline:none; padding-top:2vw;}

.bottom_bar { display:block; height:16vw;}
.bottom_bar div { position:fixed; bottom:0; left:0; right:0; z-index:100; width:100%; height:14vw; background-color:#fff; border-top:1px solid #eee; display: flex;}
.bottom_bar div dfn { line-height:14vw; color:#f60; font-size:4.8vw; padding-left:2vw; flex: 1;}
.bottom_bar .vsubmit { background-color:#f60; color:#fff; font-size:3.6vw; line-height:10vw; border-radius:1vw; padding:0 2vw; display:block; float:right; margin:2vw 2vw 0 0;}

.concert_list { display:block; margin-top:2vw; background-color:#fff; padding:2vw; color:#555;}
.concert_list img { display:block; float:left; width:20vw; padding-right:2vw;}
.concert_list h2 { font-size:3.6vw; padding-bottom:2vw;}
.concert_list h2 dfn { color:#f60; float:right; padding-left:1vw;}
.concert_list h3 { font-size:3.2vw; color:#777; padding-bottom:2vw;}
.concert_list p { font-size:3.2vw; color:#999;}

.concert_info1 { text-align:center; background-color:#fff; padding:2vw; margin-bottom:2vw;}
.concert_info1 h2 { font-size:3.4vw;}
.concert_info1 p { color:#999; font-size:3.2vw; padding-top:2vw;}
.concert_info2 { background-color:#fff; margin-bottom:2vw;}
.concert_info2 h2 { border-bottom:1px solid var(--main-color1); padding:2vw; font-size:3.6vw;}
.concert_info2 h2 a { float:right; padding-left:2vw; color:var(--main-color4);}
.concert_info2 h2 span { font-size:3.2vw; color:#999; padding-left:2vw;}
.concert_info2 h2 span dfn,
.concert_info2 h2 span em { color:#f60; padding:0 2vw;}
.concert_info2 .select { display:block; padding:2vw; font-size:3.2vw; color:#555;}
.concert_info2 .select:before { content:"\eab5"; border:1px solid #aaa; font-family:"icofont"; speak:none; border-radius:50%; font-size:3.2vw; line-height:3.2vw; padding:0.5vw; margin-right:2vw;}
.concert_info2 .select.active:before { content:"\e960"; border:1px solid var(--main-color1); color:var(--main-color1); font-family:"icofont"; speak:none; border-radius:50%; font-size:3.2vw; line-height:3.2vw;}
.concert_info2 textarea { width:100%; display:block; border:none; outline:none; height:15vw; padding:2vw;}
.concert_info2 table {}
.concert_info2 table thead th { white-space:nowrap; padding:2vw 1vw; font-size:3.6vw; text-align:center;}
.concert_info2 table tbody th,
.concert_info2 table tbody td { font-size:3.2vw; text-align:center; padding-bottom:2vw;}
.concert_info2 table tbody th { color:#999;}
.concert_info2 table tbody th a { display:block; color:var(--main-color4); padding-bottom:2vw;}
.concert_info3 { background-color:#fff; display:flex; margin-bottom:2vw;}
.concert_info3 h2 { font-size:3.6vw; padding:2vw;}
.concert_info3 div { flex:1; display:flex; justify-content:flex-end;}
.concert_info3 a { display:block; padding:2vw 2vw 0 2vw;}
.concert_info3 a:before { content:""; font-family:"icofont"; speak:none; font-size:4vw; line-height:4vw; padding:1vw; border-radius:50%; background-color:#aaa; margin-top:2vw; color:#fff;}
.concert_info3 a#minus:before { content:"\e95f";}
.concert_info3 a#plus:before { content:"\e95e"; background-color:var(--main-color1);}
.concert_info3 input { width:15vw; border:none; text-align:center; font-size:4vw; outline:none;}
.concert_info4 { background-color:#fff; padding:2vw; margin-bottom:2vw;}
.concert_info4 h2 { font-size:3.8vw; color:var(--main-color1); border-bottom:1px solid #eee; padding-bottom:2vw;}
.concert_info4 div { color:#999; padding-top:2vw; line-height:150%; font-size:3.2vw;}

.buycart1 { height:12vw; line-height:12vw;}
.buycart2 { position:fixed; left:0; bottom:0; right:0; height:12vw; background-color:#fff; display:flex;}
.buycart2 div { flex:1; padding-left:1vw;}
.buycart2 a { padding-right:1vw;}
.buycart2 a:before { content:attr(title); background-color:#f60; color:#fff; font-size:3.8vw; display:block; border-radius:1vw; height:10vw; line-height:10vw; margin-top:1vw; padding:0 2vw;}
.buycart2 dfn { color:#f60; font-size:4vw;}

.address_list { background-color:#fff;}
.address_list h2 { font-size:3.8vw; padding-left:2vw; line-height:8vw; border-bottom-width:1vw; border-bottom-style:solid; border-image:repeating-linear-gradient(-75deg, red 0, red 2vw, transparent 2vw, transparent 4vw, #00c 4vw, #58a 6vw, transparent 6vw, transparent 8vw) 20;}
.address_list h2 a { float:right; color:var(--main-color4); padding:0 2vw;}
.address_item { position:relative; overflow:hidden;}
.address_coll { display:block; color:#aaa; padding:2vw; font-size:3.2vw;}
.address_coll strong { font-weight:bold; color:#555; padding-right:2vw; font-size:4vw;}
.address_coll em { color:#f60; border:1px solid #f60; margin-left:2vw; border-radius:1vw; padding:0.3vw 1vw;}
.address_coll p { padding-top:1vw; color:#555;}
.address_item div { position:absolute; left:0; top:0; right:0; bottom:0; display:none; text-align:right; background-color:rgba(0,0,0,.3); padding:3vw 2vw 0 0;}
.address_item div a { background-color:#f60; color:#fff; font-size:3.6vw; border-radius:1vw; padding:1vw 2vw;}
.address_add { background-color:#fff; padding-bottom:2vw;}
.address_input { display:flex; color:#999; border-bottom:1px solid #eee;}
.address_input label { padding:0 2vw; font-size:3.6vw; line-height:8vw;}
.address_input div { flex:1;}
.address_input div input { width:100%; outline:none; border:none; height:8vw; line-height:8vw; font-size:3.6vw;}
.address_input div select { height:8vw; line-height:8vw; border:none;}
.address_add #vsubmit { background-color:#f60; font-size:3.6vw; text-align:center; display:block; color:#fff; border-radius:1vw; margin:4vw 2vw 0 2vw; padding:2vw 0;}

/*---------------*/

.img01 { width:100%; display:block;}

.title01 { background-color:#fff; padding:3vw;}
.title01 h6 { text-align:center; font-size:5vw; margin-top:3vw; color:#333; border-bottom:1px solid #ccc; padding-bottom:2vw;}
.title01 h5 { text-align:center; font-size:4vw; color:#999; margin-top:3vw; padding-bottom:2vw;}

.list01 { padding:3vw;}
.list01 h6 { font-size:4.2vw; margin-top:3vw; color:#333; border-bottom:1px solid #ccc; padding-bottom:1vw;}
.list01 h5 { font-size:3.8vw; color:#999; margin-top:1vw; padding-bottom:2vw;}

.user_login_title { padding:8vw 3vw 5vw 3vw; text-align:center; font-size:5vw;}

.user_btn_top { padding:0 1.5vw;}
.user_btn_top a { float:right; color:#555; font-size:3.6vw; line-height:3.6vw; padding:1.5vw;}

.user_login_list { display:block; color:#555; padding:3vw 0 3vw 3vw; background-color:#fff; border-bottom:1px solid #eee;}
.user_login_list table { width:100%;}
.user_login_list table tbody th { width:1%;}
.user_login_list table tbody th img { display:block; width:12vw; border-radius:50%; margin-right:3vw;}
.user_login_list table tbody td { font-size:3.6vw;}
.user_login_list table tbody td span { color:#f60; padding-right:3vw;}
.user_login_list table tbody td p { color:#999; padding-top:2vw;}

.user_login_mode { padding:1.5vw;}
.user_login_mode li { float:left; padding:1.5vw;}
.user_login_mode li a { display:block; font-family:'icofont'; speak:none; color:#fff; font-size:7vw; padding:2vw; border-radius:2vw;}
.user_login_mode li a#qq { background-color:#3cf;}
.user_login_mode li a#wechat { background-color:#191;}

.user_center_topbg { background-color:var(--main-color1); padding:0 1.5vw; color:#fff; margin-bottom:3vw;}
.user_center_topbar a { float:right; font-family:'icofont'; speak:none; font-size:5vw; padding:1.5vw; color:#fff;}
.user_center_topbg table { width:100%;}
.user_center_topbg table tbody th { width:30vw; vertical-align:top;}
.user_center_topbg table tbody th img { width:20vw; height:20vw; border-radius:50%;}
.user_center_topbg table tbody td { vertical-align:top;}
.user_center_column { display:table; table-layout:fixed; width:100%;}
.user_center_column a { display:table-cell; text-align:center; text-decoration:none; color:#fff; font-size:4.6vw; padding:3vw 0;}
.user_center_column a p { font-size:3.2vw; padding-top:1vw;}

.btn_column01 { padding:0 3vw 3vw 3vw;}
.btn_column01 div { background-color:#fff; border-radius:3vw;}
.btn_column01 h6 { font-size:3.8vw; padding:2vw 3vw; font-weight:bold;}
.btn_column01 ul { padding:0 2vw;;}
.btn_column01 ul li { float:left; width:22.5vw;}
.btn_column01 ul li a { display:block; height:100; width:100%; color:#555; text-align:center; padding:3vw 0;}
.btn_column01 ul li a i { font-family:'icofont'; speak:none; color:#3cf; font-size:7vw;}
.btn_column01 ul li a p { font-size:3.2vw; padding-top:1vw;}

.btn_column02 { padding-bottom:3vw;}
.btn_column02 a { display:block; background-color:#fff; border-bottom:1px solid #f2f2f2; padding:3vw; font-size:4.2vw; color:#555;}
.btn_column02 a i { font-family:'icofont'; speak:none; padding-right:2vw;}

.btn_menu02 { padding:0 3vw;}
.btn_menu02 a { float:right; font-size:3.2vw; color:#09f; padding:1.5vw;}

.product_title01 { padding:3vw; background-color:#fff; margin-bottom:3vw;}
.product_title01 h6 { font-size:4.2vw;}
.product_title01 h6 span { padding-left:2vw; color:#fc9; white-space:nowrap;}
.product_title01 h6 i { font-family:'icofont'; speak:none; font-size:4.6vw; float:right;}
.product_title01 h5 { font-size:3.2vw; color:#999; padding-top:1vw;}

.product_title02 { padding:3vw 3vw 0 3vw;}
.product_title02 h6 { font-size:4.2vw; padding-bottom:1vw;}
.product_title02 div { background-color:#fff; border-radius:1vw; padding:3vw;}
.product_title02 div h5 { font-size:3.6vw;}
.product_title02 div p { font-size:3.2vw; color:#999; padding-top:1vw;}

.product_title03 { padding:6vw 3vw 3vw 3vw; height:1px; line-height:1px;}
.product_title03 h6 { text-align:center; border-bottom:1px solid #ccc; height:1px; line-height:1px;}
.product_title03 h6 span { background-color:#f2f2f2; padding:0 3vw; font-size:4vw; line-height:4vw; top:-2vw; position:relative; color:#999;}

.product_list01 { display:block; background-color:#fff; margin-bottom:3vw; color:#555; padding:3vw;}
.product_list01 h6 { font-size:3.2vw; padding-bottom:2vw; border-bottom:1px solid #f2f2f2; color:#999;}
.product_list01 h6 span { float:right; color:#999;}
.product_list01 .product_list01_title { display:block; color:#555; font-size:4vw; padding:2vw 0;}
.product_list01 table { width:100%;}
.product_list01 table tbody th { width:20vw; vertical-align:top; font-size:4.2vw; text-align:center;}
.product_list01 table tbody th img { width:100%; display:block;}
.product_list01 table tbody th a { display:block; margin-bottom:1vw;}
.product_list01 table tbody td { vertical-align:top; font-size:3.2vw; padding-left:3vw;}
.product_list01 table tbody td.price { text-align:right; color:#999;}
.product_list01 table tbody td.price p { color:#f60; font-size:4.8vw; padding-bottom:1vw;}
.product_list01 table tbody td.price dfn { padding-right:1vw; font-size:3.2vw;}
.product_list01 table tfoot td { text-align:right; padding:3vw 0; font-size:4.2vw; border-bottom:1px solid #f2f2f2;}
.product_list01 table tfoot td dfn { padding-right:1vw; font-size:3.2vw;}
.product_list01 h5 { padding-top:3vw;}
.product_list01 h5 a { float:right; color:#555; border:1px solid #ccc; padding:1vw 3vw; border-radius:3vw; font-size:3.2vw; margin-left:3vw;}

.product_list02 { margin-bottom:3vw;}
.product_list02 a { display:block; padding:3vw 0 3vw 3vw; background-color:#fff; color:#555; font-size:3.6vw; border-bottom:1px dashed #f2f2f2;}
.product_list02 a table { width:100%;}
.product_list02 a table tbody th { text-align:right; font-family:'icofont'; speak:none; font-size:5.6vw;}
.product_list02 a table tbody td { color:#555;}
.product_list02 a table tbody td h6 { font-size:4.2vw;}
.product_list02 a table tbody td h6 span { float:right; color:#f60;}
.product_list02 a table tbody td h6 span dfn { font-size:3.2vw; padding-right:1vw;}
.product_list02 a table tbody td p { color:#999; line-height:150%; font-size:3.2vw;}

.product_list03 { background-color:#fff; margin-bottom:3vw; padding:3vw;}
.product_list03 .q1 { color:#3cf; font-size:4.2vw; border-bottom:1px solid #f2f2f2; padding-bottom:1vw;}
.product_list03 .q2 { color:#555; font-size:3.2vw; padding-top:1vw; line-height:150%; overflow:hidden;}

.product_list04 { padding:3vw 3vw 0 3vw; position:relative;}
.product_list04 h6 { font-size:4.2vw; padding-bottom:1vw;}
.product_list04 h6 i { color:#f00; padding-right:1vw;}
.product_list04 h6 span { padding-left:3vw; color:#999; font-size:3.2vw;}
.product_list04 h6 em { float:right; font-family:'icofont'; speak:none;}
.product_list04 input,
.product_list04 select { height:10vw; line-height:10vw; font-size:4vw; background-color:#fff; width:100%; box-sizing:border-box; border:0.3vw solid #ccc; padding:0 3vw; border-radius:1vw;}
.product_list04 img { position:absolute; right:3.3vw; bottom:0.3vw; height:10vw; border-radius:0 1vw 1vw 0;}

.product_list05 { padding:1vw 3vw 0 3vw;}
.product_list05 a { display:block; background-color:#fff; position:relative; margin-bottom:3vw; border-radius:2vw;}
.product_list05 img { display:block; width:100%; border-radius:2vw;}
.product_list05 h6 { position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.6); border-radius:0 0 2vw 2vw;}
.product_list05 h6 span { display:block; font-size:3.6vw; padding:3vw; color:#fff;}
.product_list05 h5 { position:absolute; top:0; right:0; color:#f60; background:rgba(255,255,255,0.7); font-size:3.2vw; border-radius:0 2vw 0 2vw; padding:0 2vw 1vw 3vw;}
.product_list05 h5 span { font-size:6vw; padding:0 1vw; color:#f60;}

.product_menu01 { display:table; table-layout:fixed; background-color:#fff; width:100%; margin-bottom:3vw;}
.product_menu01 a { display:table-cell; text-align:center; text-decoration:none; color:#555; font-size:4.2vw; padding:3vw 0 2vw 0; border-bottom:1vw solid #fff;}
.product_menu01 a.active { border-bottom:1vw solid #3cf;}

.product_btn01 { display:block; padding:3vw; background-color:#fff; margin-bottom:3vw; text-align:center; color:#555; font-size:4.2vw;}

.submit01 { display:block; font-size:4.6vw; text-align:center; color:#fff; background-color:#f60; box-sizing:border-box; margin:3vw; padding:3vw 0; border-radius:1vw;}

#d_search { display:block; height:12vw; white-space:nowrap; overflow:hidden;}
#d_search input { float:left; border:1px solid #ccc; background-color:#fff; height:10vw; line-height:10vw; font-size:4vw; border-radius:1vw; margin:1vw 0 0 1vw; text-indent:2vw; width:87vw; box-sizing:border-box;}
#d_search a { float:left; font-family:'icofont'; speak:none; font-size:6vw; color:#000; padding:0 3vw; text-align:center; line-height:12vw;}

.eject_qrcode { text-align:center;}
.eject_qrcode img { width:100%;}
.eject_qrcode p { font-size:4.2vw;}

.full_screen_msg { width:100%; height:100%; background-color:#fff; font-size:5vw;}
.full_screen_msg td { color:#f00; text-align:center;}
.full_screen_msg div { color:#191; padding-bottom:3vw;}
.full_screen_msg p { color:#555;}

/*footer*/
.footer { display:block; height:15vw;}
.footer div { position:fixed; bottom:0; left:0; right:0; z-index:100; width:100%; height:15vw; display:table; table-layout:fixed; background-color:#fff; border-top:1px solid #eee;}
.footer div a { display:table-cell; text-align:center; text-decoration:none; color:#555; position:relative;}
.footer div a em { display:block; height:6vw; line-height:6vw; text-align:center; font-family:'icofont'; font-size:6vw; padding-top:2vw;}
.footer div a p { display:block; height:4.4vw; line-height:4.4vw; font-size:3.2vw; padding-top:1.4vw;}
.footer div a:active { text-decoration:none; background-color:#777;}
.footer div a i { background-color:#f00; color:#fff; font-size:3vw; line-height:3vw; display:block; border-radius:3vw; position:absolute; top:0; left:50%; margin:-2vw 0 0 3vw; padding:1vw 1.6vw;}

/*page*/
.pagex { width:100%; display:table; table-layout:fixed; background-color:#fff; margin:3vw 0;}
.pagex div,
.pagex a { display:table-cell; text-align:center; font-size:3.8vw; color:#333; padding:3.8vw 0;}
.pagex div { position:relative;}
.pagex a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pagex div p { position:absolute; bottom:100%; width:100%; overflow:hidden; border-width:0 1px; border-color:#ddd; border-style:solid; max-height:0;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
.pagex div p.pagex3 { max-height:none; border-width:1px;}
.pagex div .pagex1 { right:100%;}
.pagex div .pagex2 { left:100%;}
.pagex div a { display:block; border-bottom:1px dashed #ddd; background-color:#fff;}
.pagex div p a:last-child { border:none;}
.pagex div button { display:none; width:100%; height:100%; position:absolute; bottom:0; background-color:#fff; border:none;}
.pagex div span,
.pagex div input { display:none; width:100%; height:100%; text-align:center; border:none; position:absolute; top:0; left:0;}
.pagex div.pagex4 input,
.pagex div.pagex5 input,
.pagex div span,
.pagex div.pagex4 button,
.pagex div.pagex5 button { display:block;}
.pagex div.pagex4 span,
.pagex div.pagex5 span { display:none;}

html .rose { color:#f0f;}/*瑰红*/
html .gray { color:#999;}/*灰*/
html .green { color:#191;}/*绿*/
html .orange { color:#f60;}/*橙*/
html .red { color:#f00;}/*红*/
html .black { color:#111;}/*黑*/
html .blue { color:#049;}/*蓝*/
html .wathet { color:#0cf;}/*浅蓝*/
html .white { color:#fff;}/*白*/
html .bold { font-weight:bold;}/*加粗*/
html .del { color:#aaa; text-decoration:line-through;}