﻿/* 技术支持 开元（重庆）科技有限公司 */
body{color:#464628;}
.bbg{background: #EDEBD6;}
.padB100{padding-bottom: 100px;}
.pad80{padding:80px 0;}
.padB80{padding-bottom: 80px;}
.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.index_video{width: 100%; height: 934px; position: relative;}
.index_video video{width: 100%; height: 100%;object-fit: cover;cursor: pointer;}
.index_video_logo{position: absolute; top: 50%; left: 50%; text-align:center;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 20px;}
.index_video_logo p{margin-top:20px;}
.ibanner img{width: 100%;}
.fix_news{position: fixed; top: 100px; left: 10%; right: 10%; z-index: 99; background: rgba(0,0,0,0.46); color: #EDEBD6; font-family: Source Serif Pro; font-size: 15px;}
.fixn_box{display: flex; align-items: flex-start; position: relative; padding:20px;}
.fixn_box a{ color: #EDEBD6;}
.fixn_box a:hover{ color: #fff;}
.fixn_colse{position: absolute; top: -10px; right: -10px; background: #D9D9D9; width: 25px; height: 25px; border-radius: 25px;  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.fixn_colse:after, .fixn_colse:before{content: ''; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background:#000;}
.fixn_colse:after{ width: 1px;height: 17px;}
.fixn_colse:before{ width: 17px;height: 1px;}
.fixn_hd{display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.fixn_hd i{display: inline-block; width: 12px; height: 12px; margin-right: 10px; position: relative;}
.fixn_hd i:after, .fixn_hd i:before{content: ''; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background:#00C711;border-radius: 6px;}
.fixn_hd i:after{ width: 6px;height: 12px;}
.fixn_hd i:before{ width: 12px;height: 6px;}
.fixn_bd{flex: 1; overflow: hidden; padding:0 15%; text-align:center;}
.fixn_bd h2{font-size: 20px; width: 100%; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.fixn_bd p{margin-top:5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.fix_cookie{width: 90%; max-width: 910px; position: fixed; left: 50%; bottom: 10%; z-index: 99;  -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border-radius: 12px; background: #EDEBD6; color: #464628; padding:30px 6%; font-size: 14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.fix_cookie_title{font-size: 18px;}
.fix_cookie_txt{margin-top: 20px;}
.fix_cookie_txt a, .fix_cookie_bL{text-decoration: underline;}
.fix_cookie_b{width: 100%; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; margin-top:40px;}
.fix_cookie_bL{flex: 1;}
.fix_cookie_bR{width: 30%; line-height: 38px; border:1px #464628 solid; text-align: center; margin-left:10px; display: inline-block;}
.fix_cookie_bR:hover{background: #464628; color:#EDEBD6;}
.overview_title{font-family: 'Amarna'; padding:10px 0; margin-bottom:60px;}
.tourTea{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.tourbox{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.Teabox{width: 28%; margin-left:4%;}
.tourTea_lable{margin-top:10px;}
.tourTea_title{font-size: 17px;margin-top:10px;}
.tourTea_txt{font-size: 13px;margin-top:10px;}
.tourTea_more{font-size: 14px; display: inline-block; margin-top:20px; text-decoration: underline;}
.Tea_img{width: 100%; padding-top: 133.5%; overflow: hidden; position: relative;}
.Tea_img img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.tour_img{position: relative; width: 100%; padding-top: 55%;}
.tour_swiper {width: 100%; height:100%; position: absolute; top: 0; left: 0; overflow: hidden;}
.tour_swiper.swiper-vertical {touch-action: pan-x;}
.tour_swiper .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.tour_swiper.swiper-android .swiper-slide, .tour_swiper.swiper-ios .swiper-slide, .tour_swiper .swiper-wrapper {transform: translate3d(0px,0,0);}
.tour_swiper.swiper-vertical>.swiper-wrapper {flex-direction: column;}
.tour_swiper .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block;}
.tour_swiper.swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.tour_swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.tour_pagination{ position: absolute;left: -10px; top:0; bottom: 0; z-index: 10; width: 5px;display: flex; flex-direction: column; justify-content: space-between;}
.tour_pagination .swiper-pagination-bullet {cursor: pointer; flex: 1; display: flex;}
.tour_pagination .swiper-pagination-bullet:after{content: ''; width: 2px; height: 100%; background: #A3A3A3;}
.tour_pagination .swiper-pagination-bullet-active:after { background:#464628;}
.tour_pagination .swiper-pagination-bullet:hover:after { background:#464628;}
.iservice{ position: relative; padding-bottom: 100px; width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.iservice_l{width: 28%; margin-right:4%;}
.iservice_l h2{font-size: 24px;}
.iservice_l p{font-size: 13px; margin-top:10px;}
.iservice_r{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.iservice_swiper{ width: 100%; height: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block;}
.iservice_swiper.swiper-horizontal { touch-action: pan-y;}
.iservice_swiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.iservice_swiper.swiper-android .swiper-slide, .iservice_swiper.swiper-ios .swiper-slide, .iservice_swiper .swiper-wrapper { transform: translate3d(0px,0,0);}
.iservice_swiper .swiper-slide {width: 40%; transition: opacity .2s .3s; opacity: 0.4; flex-shrink: 0; position: relative; display: block;}
.iservice_prev, .iservice_next{width: 12%; height: 100%; position: absolute; top: 0; bottom: 0; z-index: 10; cursor: pointer;}
.iservice_prev{left: 0;}
.iservice_next{right: 0;}
.iservice_prev.swiper-button-disabled, .iservice_next.swiper-button-disabled{display: none;}
.iservice_swiper .iservice_prev{ display: none;}
.iservice_swiper.on .iservice_prev{ display: block;}
.iservice_pagination{position: absolute; left: 30%; bottom: 0; width: 40%; z-index: 10; display: flex; transition: .3s opacity; transform: translate3d(0,0,0);}
.iservice_pagination .swiper-pagination-bullet{flex: 1; height: 20px; cursor: pointer; display: flex;}
.iservice_pagination .swiper-pagination-bullet:after{content: ''; width: 100%; height: 2px; background: #A3A3A3;}
.iservice_pagination .swiper-pagination-bullet-active:after { background:#464628;}
.iservice_pagination .swiper-pagination-bullet:hover:after{background:#464628;}
.iservice_swiper .swiper-slide.swiper-slide-active, .iservice_swiper .swiper-slide.swiper-slide-next{opacity: 1;}
.iservice_card{padding:0 5%;}
.iservice_img{width: 100%; padding-bottom:100%; position: relative; overflow: hidden;}
.iservice_img img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.iservice_lable{margin-top:10px;}
.iservice_title{margin-top:10px; font-size: 18px;}
.iservice_txt{margin-top:10px; font-size: 14px;}
.ibanbox{position: relative; width: 100%;}
.ibanbox img{width: 100%;}
.ibantxt{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; width: 80%; max-width: 470px;}
.ibantxt h2{font-size: 24px;}
.ibantxt p{margin-top:20px; line-height: 2em;}
.ibantxt span{margin-top:30px; display: inline-block; line-height: 42px; border:1px #fff solid; padding:0 30px; font-size: 20px; color: #fff;}
.ibantxt span:hover{opacity: 0.8;}
.season_hd{text-align: center; font-size: 24px;}
.season_bd{width: 100%;}
.season_bd ul{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.season_bd ul li{width: 22.5%; margin-top:40px; text-align: center; cursor: pointer;}
.season_bd ul li h3{width: 100%; padding-bottom:132%; position: relative; overflow: hidden;}
.season_bd ul li h3 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.season_bd ul li h2{font-size: 24px; margin-top:20px;}
.season_popup{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/season_popbg.jpg) no-repeat; background-size: cover; z-index: 100; display: none;}
.season_popupCont{width: 100%; height: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; color: #EDEBD6;}
.season_popupBlack{position: relative; width: 100%;}
.season_popupHd{text-align: center;}
.season_popupHd h3{font-size: 48px; line-height: 50px;}
.season_popupHd p{font-size: 30px; line-height: 35px;}
.season_popupClose{position: absolute; top: 0; right: 5%; width: 25px; height: 25px; border-radius: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.season_popupClose:after, .season_popupClose:before{content: ''; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background:#EDEBD6;}
.season_popupClose:after{ width: 2px;height: 20px;}
.season_popupClose:before{ width: 20px;height: 2px;}
.season_popupBd{width: 100%; padding:40px 0; position: relative;}
.season_swiper{ width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; list-style: none; padding: 0; z-index: 1; cursor: -webkit-grab; cursor: grab;}
.season_swiper.swiper-container-android .swiper-slide, .season_swiper .swiper-wrapper { transform: translate3d(0px,0,0);}
.season_swiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.season_swiper .swiper-slide {flex-shrink: 0; width: 100%; padding:40px 0; position: relative; text-align: center; 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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; transition: 300ms;}
.season_swiper .swiper-slide-active, .season_swiper .swiper-slide-duplicate-active{padding:0;}
.season_pagination{position: absolute;bottom: 10px; left: 0; width: 100%; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10;}
.season_pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin:0 3px; display: inline-block; border-radius: 100%; background: #fff; opacity: .2;cursor: pointer;}
.season_pagination .swiper-pagination-bullet-active {opacity: 1; background:#EDEBD6;}
.season_sli{width: 100%; height: 100%; border:2px #EDEBD6 solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.season_sliname{margin-top:25px; font-size: 20px;}
.season_sliimg{width: 100%; margin-top:30px; padding-bottom:50%; position: relative; overflow: hidden; opacity: 0; -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;}
.season_sliimg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.season_slitxt{padding:30px; font-size: 14px; opacity: 0;-webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;}
.season_swiper .swiper-slide-active .season_sli{background: #EDEBD6; color: #464628;}
.season_swiper .swiper-slide-active .season_sliimg, .season_swiper .swiper-slide-active .season_slitxt{opacity: 1;}
.ntitle{text-align: center; font-size: 28px;}
.ncttxt{width: 100%; max-width: 800px; margin:30px auto 0; font-size: 14px; line-height: 2em; text-align: center;}
.contact_cont{width: 100%; margin-top:50px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.contact_cL{width: 35%;}
.contact_cR{width: 60%;}
.contact_cR img{width: 100%;}
.contact_ctit{font-size: 20px;}
.contact_ctxt{font-size: 14px; line-height: 2em; margin-top:20px;}
.contact_cinfo{margin-top:20px; font-size: 16px; line-height: 2em;}
.nbanbox{width: 100%;}
.nbanbox img{width: 100%;}
.tea_nban{margin-top:30px; text-align: right;}
.tea_nban h2{font-size: 24px;}
.tea_nban p{font-size: 14px; margin-top: 5px;}
.teaprohd{text-align: center; font-size: 24px;}
.teaprobd ul{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.teaprobd ul li{width: 15%; margin:80px 5% 0; text-align: center;}
.teaprobd ul li h3{position: relative; width: 90%; padding-bottom:75%; margin:0 auto;}
.teaprobd ul li h3 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.teaprobd ul li h3:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/tea_probg.png) no-repeat; background-size: 100% 100%;}
.teaprobd ul li h2{padding:15px 0; border-top: 1px #464628 solid; border-bottom: 1px #464628 solid; font-size: 14px; margin-top: 30px;}
.teaxjbox{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.teaxj_r{width: 46%;}
.teaxj_r img{width: 100%;}
.teaxj_l{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start;}
.teaxj_len{writing-mode: vertical-lr; font-size: 20px;}
.teaxj_lcn{writing-mode: vertical-lr; font-size: 40px; border-right: 1px #464628 solid; letter-spacing:15px;}
.teaxj_lp{padding:40px 20px 0; writing-mode: vertical-lr; font-size:26px; letter-spacing:15px; line-height: 2em;}
.teaxj_lp p:last-child{padding-top: 40px;}
.teaxj_lico{margin-top:50px;}
.tea_bimg{width: 100%; max-width: 810px; margin:0 auto;}
.teasensory{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.teasensory_l{width: 34%;}
.teasensory_ltitle{font-size: 20px; font-weight: 600;}
.teasensory_llable{margin-top:20px; text-transform:uppercase; letter-spacing: 1px;}
.teasensory_ltxt{margin-top:20px; font-size: 14px; line-height: 1.8em;}
.teasensory_ltxtul li{padding-left: 20px; position: relative;}
.teasensory_ltxtul li:after{content: '・'; position: absolute; top: 0; left: 3px;}
.teasensory_r{width: 56%; overflow: hidden;}
.teasensory_r ul{width: 103%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.teasensory_r li{width: 30.33%; position: relative; text-align: center; margin:0 3% 20px 0;}
.teasensory_r li h3{width: 100%; padding-bottom: 205%; position: relative;}
.teasensory_r li h3 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.teasensory_r li h2{position: absolute; left: 20px; right: 20px; bottom: 20px;padding:10px 0; border-top: 1px #EDEBD6 solid; border-bottom: 1px #EDEBD6 solid; font-size: 14px; color: #EDEBD6;}
.about_ct2{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.about_ct2 dl{width: 50%; position: relative;}
.about_ct2 dl dt{position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; width: 100%; height: 100%;}
.about_ct2 dl dt img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.about_ct2 dl dd{background: #F4F3E9; padding:50px; margin:140px 25%; position: relative; z-index: 2;}
.about_ct2 dl dd h2{text-align:center;}
.about_ct2 dl dd h2 span{font-size: 40px; display: inline-block; position: relative; margin:0 auto; padding:0 5px;}
.about_ct2 dl dd h2 span:after{content: ''; width: 100%; height: 2px; background: #464628; position: absolute; left: 0; right: 0; bottom: 0;}
.about_ct2 dl dd h3{font-size: 14px; margin-top:12px; text-align:center; text-transform: uppercase;}
.about_ct2 dl dd p{margin-top:20px;}
.about_ct3{width: 100%;}
.about_ct3 dl{width: 100%; padding-bottom: 100px; overflow: hidden;}
.about_ct3 dl dt{width: 25%; float: left;}
.about_ct3 dl dd{width: 70%; float: right; text-align:center;}
.about_ct3 dl dd h3{width: 100%; padding-bottom: 35%; position: relative; overflow: hidden; margin-top:25px;}
.about_ct3 dl dd h3 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.about_ct3 dl dd p{width: 70%; margin:30px auto 0; font-size: 14px; line-height: 2em;}
.about_ct3 dl:nth-child(even) dt{float: right;}
.about_ct3 dl:nth-child(even) dd{float: left;}
.about_ct4{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.about_ct4box{width: 31.33%; display: flex; flex-direction: column;}
.about_ct4img{width: 100%; padding-bottom:130%; position: relative; overflow: hidden;}
.about_ct4img img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.about_ct4box h2{font-size: 20px; margin-top:10px;}
.about_ct4box h3{margin-top: 20px; text-transform: uppercase; letter-spacing: 1px;}
.about_ct4box p{padding:15px 0; font-size: 14px; line-height: 1.5em;}
.about_ct4box h5{margin-top:auto; margin-bottom:20px; font-size: 16px; text-decoration:underline;}
.about_worldHd{text-align:center; font-size: 24px;}
.about_worldBd{width: 100%; overflow: hidden;}
.about_worldBd ul{width: 102%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.about_worldBd li{width: 31.33%; margin: 40px 2% 0 0;}
.about_worldBd dl dt{width: 100%; padding-bottom:95%; position: relative; overflow: hidden;}
.about_worldBd dl dt img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.about_worldBd dl dd{padding:20px; text-align:center;}
.about_worldBd dl dd h2{font-size: 16px;}
.about_worldBd dl dd p{margin-top: 10px;}
.service_title{font-size: 32px; text-align:center;}
.service_subtitle{font-size: 20px; margin-top:10px; text-transform: uppercase; letter-spacing: 1px; text-align:center;}
.service_txt{width: 100%; max-width: 620px; margin:30px auto 0; line-height: 1.7em; font-size: 14px; text-align:center;}
.service_img{width: 100%;}
.service_img img{width: 100%;}
.service_imgswiper{width: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block; padding-bottom: 40px;}
.service_imgswiper .swiper-horizontal { touch-action: pan-y;}
.service_imgswiper .swiper-wrapper{ position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.service_imgswiper.swiper-android .swiper-slide, .service_imgswiper.swiper-ios .swiper-slide, .service_imgswiper .swiper-wrapper {transform: translate3d(0px,0,0);}
.service_imgswiper .swiper-slide {flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block;}
.service_imgswiper .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.service_imgswiper_next, .service_imgswiper_prev{position: absolute; bottom: 0; width: 30px; height: 30px; cursor: pointer;}
.service_imgswiper_next{right: 0; background: url(../images/service_R.png) no-repeat center center;}
.service_imgswiper_prev{right:40px; background: url(../images/service_L.png) no-repeat center center;}
.service_plan{width: 100%; max-width: 920px; margin:0 auto; border-top: 1px #A3A39C solid; border-bottom: 1px #A3A39C solid; padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.service_planL{width: 55%;}
.service_planR{width: 30%;}
.service_planL h2{font-size: 24px;}
.service_planL p{margin-top:20px; line-height: 2em;}
.service_planR p{text-decoration:underline; padding:15px 0 15px 30px; position: relative;}
.service_planR p:after{content: ''; position: absolute; left: 0; top: 24px; width: 4px; height: 4px; border-radius: 4px; background: #464628;}
.journey_wrapper{width:92%; max-width: 1390px; margin:0 auto;}
.journey_box{border-bottom: 1px #A3A39C solid; padding:50px 55px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.journey_box:first-child{border-top: 1px #A3A39C solid;}
.journey_hd{width: 100%;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.journey_hdtitle{position: relative; color: #000000; font-size: 24px;}
.journey_hdtitle img{position: absolute; top: 50%; left: -30px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.journey_more{width: 30px; height: 30px; background: url(../images/moreico.png) no-repeat center right;}
.journey_bd{width: 100%; overflow: hidden;}
.journey_list{width: 105%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.journey_list li{width: 28.33%; margin: 40px 5% 0 0;}
.journey_proimg{width: 100%; padding-bottom: 105%; position: relative; overflow: hidden;}
.journey_proimg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.journey_promore{position: absolute; bottom: 15px; left: 15%; right: 15%; padding:4px 0; display: none; background: #464628; color: #EDEBD6; font-size: 16px; z-index: 1; text-align:center;}
.journey_list li:hover .journey_promore{display: block;}
.journey_protitle{margin-top: 15px; font-size: 17px;}
.journey_protxt{margin-top: 15px; font-size: 13px;}
.journey_probot{margin-top: 15px; color: #848479}
.journey_probot h3{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.journey_procomment{ margin-left: 15px; color: #464628; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.journey_procomment i{display: inline-block; width: 3px; height: 3px; border-radius: 3px; background: #A8A899; margin-right:5px;}
.journey_procomment img{margin-right:5px;}
.journey_black{width: 100%; overflow: hidden;}
.journey_blackmore{text-align: center;}
.journey_blackmore a{display: inline-block; font-size: 16px; margin-top: 50px; border-bottom: 1px #464628 solid; height: 30px; line-height: 30px;}
.journey_blackmore a span{display: block; padding-right: 35px; background: url(../images/xmore.png) no-repeat right center;}
.journey_blackmore.on a{width: 70%; background: url(../images/xsmore.png) no-repeat center top; border-color: #C1BFAA;}
.journey_blackmore.on a span{display: none;}

.journey_nobox{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(67, 67, 67, 0.7); z-index: 2;}
.journey_Soldout{background: #606060; padding:5px 10px; display: inline-block; color: #EDEBD6; font-size: 14px; position: absolute; top: 0; right: 30px;}
.journey_Openings{display: inline-block; position: absolute; left: 50%; bottom: 20px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: #00C711; color: #EDEBD6; line-height: 35px; border-radius: 4px; padding:0 20px;}
.journey_Openings span{display: block; background: url(../images/tzico.png) no-repeat left center; padding-left: 20px;}
.journey_Openings:after, .journey_Openings:before{content: ''; position: absolute; top: 4px; bottom: 4px; background: #00C711; width: 8px; border-radius: 4px;}
.journey_Openings:after{left: -4px;}
.journey_Openings:before{right: -4px;}

.city_swiper{ width: 100%; height: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block;}
.city_swiper.swiper-horizontal { touch-action: pan-y;}
.city_swiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.city_swiper.swiper-android .swiper-slide, .city_swiper.swiper-ios .swiper-slide, .city_swiper .swiper-wrapper { transform: translate3d(0px,0,0);}
.city_swiper .swiper-slide {width: 17%; transition: opacity .2s .3s; opacity: 0.4; flex-shrink: 0; position: relative; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content:center; justify-content:center;}
.city_prev, .city_next{width: 12%; height: 100%; position: absolute; top: 0; bottom: 0; z-index: 10; cursor: pointer;}
.city_prev{left: 0;}
.city_next{right: 0;}
.city_swiper .swiper-slide.swiper-slide-active, .city_swiper .swiper-slide.swiper-slide-next, .city_swiper .swiper-slide.swiper-slide-prev, .city_swiper .swiper-slide.swiper-slide-next + div, .city_swiper .swiper-slide:has(+ .swiper-slide-prev){opacity: 1;}
.city_card{padding:0 2%;width: 100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.city_card img{width: 100%;}
.firstc_ct1{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.firstc_ct1box{width: 31.33%; display: flex; flex-direction: column;}
.firstc_ct1img{width: 100%; padding-bottom:130%; position: relative; overflow: hidden;}
.firstc_ct1img img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.firstc_ct1title{font-size: 16px; margin-top:20px;}
.firstc_ct1txt{margin-top: 5px; line-height: 2em;}
.firstc_ctmenu{margin-top:auto;}
.firstc_ctmenu li{border-bottom: 1px #C1BFAA solid; padding:10px 0 10px 25px; font-size: 16px; position: relative;}
.firstc_ctmenu li:first-child{border-top: 1px #C1BFAA solid;}
.firstc_ctmenu li:after, .firstc_ctmenu li:before{content: ''; border-radius: 2px; background: #00C711; position: absolute; top: 50%;  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.firstc_ctmenu li:after{width: 12px; height: 8px; left: 0;}
.firstc_ctmenu li:before{width: 8px; height: 12px; left: 2px;}
.firstc_ct2{width: 100%; border-bottom: 1px #000000 solid;}
.firstc_help{width: 66%; border-top: 1px #000000 solid; padding:20px 0;}
.firstc_helpHd{font-size: 20px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; cursor: pointer;}
.firstc_helpHd span{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.firstc_helpHd i{width: 20px; height: 20px; display: inline-block; background: url(../images/tjt.png) no-repeat center center; margin-right:20px; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.firstc_helpBd{ padding: 20px 40px 0 0; line-height: 1.8em; font-size: 14px;}
.firstc_help.hide .firstc_helpHd i{transform: rotate(180deg);}

.fhBox{border-bottom: 1px #C1BFAA solid; padding-bottom: 15px; margin-bottom:15px;}
.fhBox:last-child{border-bottom-width: 0;}
.fh_T{font-size: 16px;}
.fh_P{padding-left: 20px; position: relative;}
.fh_P:after{content: '・'; position: absolute; top: 0; left: 3px;}
.fh_X{ position: relative; padding-left: 20px;}
.fh_X:after, .fh_X:before{content: ''; border-radius: 2px; background: #00C711; position: absolute;}
.fh_X:after{width: 12px; height: 8px; left: 0; top: 8px;}
.fh_X:before{width: 8px; height: 12px; left: 2px; top: 6px;}
.fh_PL20{padding-left: 20px;}
.firstc_ct3{width: 100%; max-width: 860px; margin:0 auto; padding:40px 0; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.firstc_ct3box{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; padding: 0 10%; text-align:center;}
.firstc_ct3title{font-size: 18px;}
.firstc_ct3txt{font-size: 14px; line-height: 2em; margin-top: 15px;}
.firstc_ct3ico{width: 40px; height: 40px; position: relative;}
.firstc_ct3ico::after, .firstc_ct3ico:before{content: ''; border-radius: 20px; background: #00C711; position: absolute; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.firstc_ct3ico:after{width: 40px; height: 20px;}
.firstc_ct3ico:before{width: 20px; height: 40px;}
.firstc_ct4{width: 100%; max-width: 1080px; margin:0 auto; font-size: 14px; border-top: 1px #A3A39C solid;  padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.firstc_ct4L{width: 55%;}
.firstc_ct4R{width: 30%;}
.firstc_ct4L h2{font-size: 24px;}
.firstc_ct4L p{margin-top:20px; line-height: 2em;}
.firstc_ct4L p a{text-decoration:underline;}
.firstc_ct4R p{text-decoration:underline; padding:15px 0 15px 30px; position: relative;}
.firstc_ct4R p:after{content: ''; position: absolute; left: 0; top: 24px; width: 4px; height: 4px; border-radius: 4px; background: #464628;}
.nditinerary{font-size: 13px; color: #71714F; text-align:center; margin-top: 5px;}
.ndprocomment{ margin-left: 15px; color: #848479; display: inline-block; font-size: 12px;}
.ndprocomment img{margin-right:3px;}
.ndPtExplore{margin-top: 30px; text-align:center;}
.ndPtExplore span{display: inline-block; line-height: 30px; border:1px #464628 solid; padding:0 20px; font-size: 14px;}
.ndfxck{width: 92%; max-width: 1450px; margin:0 auto; overflow: hidden; padding:50px 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.ndfxck ul{float: right;}
.ndfxck li{float: left; margin:0 10px;}
.ndfxck li img{width: 14px; margin:0 5px;}
.jndetail{width: 100%; margin-top:50px;}
.jndetail_menu{width: 92%; max-width: 1450px; margin: 0 auto; overflow: hidden; padding:20px 0;}
.jndetail_menu li{float: left; margin:0 20px;}
.jndetail_menu li.on{text-decoration:underline;}
.jncont{border-top: 1px #A3A39C solid; width: 92%; max-width: 1450px; margin: 0 auto;}
.jncwarp{padding:50px 0; width: 100%; max-width: 1280px; margin:0 auto;}
.jnctitle{font-size: 28px;}
.jncOver_title{padding:20px 20px 0; color: #000;}
.jncOver_title img{width: 10px; margin-right:5px;}
.jncOver_hd{text-align: center;}
.jncOver_hd ul{display: inline-block; margin:0 auto;}
.jncOver_hd li{margin:0 20px; float: left; font-size: 16px;}
.jncOver_hd li.active{text-decoration:underline;}
.jncOver_bd{margin-top: 30px;}
.jncOver_box{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.jncOver_r{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.jncOver_l{width: 33%;}
.jncOver_m{padding:0 5%; position: relative;}
.jncOver_m span{font-size: 126px; writing-mode: vertical-lr; letter-spacing: 0.6em; line-height: 1em; display: inline-block; position: relative;}
.jncOver_m em{font-size: 30px; text-decoration:underline; position: absolute; left: 50%; top:135px;  -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.jncOver_m span:after, .jncOver_m span:before{content: ''; width: 12px; height: 26px; position: absolute;}
.jncOver_m span:after{left: 0; top: 0; border-left:1px #464628 solid; border-top:1px #464628 solid;}
.jncOver_m span:before{right: 0; bottom: 0.5em; border-right:1px #464628 solid; border-bottom:1px #464628 solid;}
.jncOver_img{width: 100%; padding-bottom:130%; position: relative;}
.jncOver_img img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.jncOver_txt{margin-top: 20px; font-size: 14px; line-height: 2em;}
.jnDetail_box{width: 66%;}
.jnDetail_Why{padding:0 0 50px;}
.jnDetail_Whyhd{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.jnDetail_Whyhdreviews{ margin-left:50px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; font-size: 16px; color: #848479;}
.jnDetail_Whyhdreviews span{padding:0 10px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.jnDetail_Whyhdreviews span i{width: 16px; height: 16px; position: relative; display: inline-block; margin:0 3px;}
.jnDetail_Whyhdreviews span i:after, .jnDetail_Whyhdreviews span i:before{ content: ''; background: #00C711; border-radius: 16px; position: absolute; top: 50%; left: 50%;   -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.jnDetail_Whyhdreviews span i:after{ width: 16px; height: 8px;}
.jnDetail_Whyhdreviews span i:before{ width: 8px; height: 16px;}
.jnDetail_Whybd{margin-top: 40px;}
.jnDWhy_swiper{ width: 100%; height: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block;}
.jnDWhy_swiper.swiper-horizontal { touch-action: pan-y;}
.jnDWhy_swiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.jnDWhy_swiper.swiper-android .swiper-slide, .jnDWhy_swiper.swiper-ios .swiper-slide, .jnDWhy_swiper .swiper-wrapper { transform: translate3d(0px,0,0);}
.jnDWhy_swiper .swiper-slide {width: 50%; padding:1px 20px; transition: opacity .2s .3s; flex-shrink: 0; position: relative; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.jnDWhy_prev, .jnDWhy_next{width:34px; height: 34px; border-radius: 34px; margin-top: -17px; position: absolute; top: 50%; bottom: 0; z-index: 10; cursor: pointer; border:1px #464628 solid;}
.jnDWhy_prev{left: 0; background: url(../images/jl.png) no-repeat center center #EDEBD6;}
.jnDWhy_next{right: 0; background: url(../images/jr.png) no-repeat center center #EDEBD6;}
.jnDWhy_prev.swiper-button-disabled, .jnDWhy_next.swiper-button-disabled{display: none;}
.jnDWhy_card{width: 100%; height: 100%; background: #F4F3E9; border:1px #848479 solid; padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.jnDWhy_card dl{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.jnDWhy_card dl dt{margin-right:20px;}
.jnDWhy_card dl dt img{width: 52px; height: 52px; border-radius: 52px;}
.jnDWhy_card dl dd{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.jnDWhy_card dl dd h2{font-size: 16px; font-weight: 600;margin-top:5px;}
.jnDWhy_card dl dd p{margin-top:5px; font-size: 14px;}
.jnDWhy_card h3{margin-top:20px;}
.jnDWhy_card h3 i{width: 12px; height: 12px; position: relative; display: inline-block; margin:0 3px;}
.jnDWhy_card h3 i:after, .jnDWhy_card h3 i:before{ content: ''; background: #00C711; border-radius: 12px; position: absolute; top: 50%; left: 50%;   -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.jnDWhy_card h3 i:after{ width: 12px; height: 6px;}
.jnDWhy_card h3 i:before{ width: 6px; height: 12px;}
.jnDWhy_card .jnDWhy_cardtxt{margin-top:20px; font-size: 14px; line-height: 1.8em;}
.jnDcfw{width: 100%; border-top: 1px #A3A39C solid; padding:30px 0;}
.jnDcfw_info{font-size: 14px;}
.jnDcfw_info p{padding:5px 0;}
.jnDcfw_info p span{width: 20px; display: inline-block;}
.jnDcfw_box{margin-top:30px;}
.jnDcfw_btxt{margin-top:15px; font-size: 14px; line-height: 1.8em;}
.jnDcfw_dl{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap}
.jnDcfw_dl dl{width: 21%; text-align: center; margin:40px 2% 0;}
.jnDcfw_dl dl dt{height: 70px; width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center;-ms-justify-content:center; -o-justify-content: center; justify-content:center;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.jnDcfw_dl dl dt img{max-height: 100%;}
.jnDcfw_dl dl dd{margin-top:15px;}
.jnDcExpand_dl{width: 100%; border-top: 1px #A3A39C solid; padding:30px 0;}
.jnDcExpand_dt{width: 100%; cursor: pointer; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.jnDcExpand_dt i{width: 20px; height: 20px; display: inline-block; background: url(../images/tjt.png) no-repeat center center; margin-right:20px; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.jnDcExpand_dl.hide .jnDcExpand_dt i{transform: rotate(180deg);}
.jnDcExpand_dd{margin-top:15px; font-size: 14px; line-height: 1.8em; width: 90%;}
.jnDcTitle{font-size: 28px;}
.jnJH_cont{width: 100%;}
.jnJH_ctR{width: 31%; float: right; position: -webkit-sticky; position: sticky; z-index: 9; top: 100px;}
.jnRbox{width: 100%; border-radius: 10px; background: #fff; margin-bottom:10px;}
.jnRapply{padding:20px 30px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.jnRapply_ico{margin:0 10px 0 0;}
.jnRapply_box{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.jnRapply_box p{padding:5px 0;}
.jnRapply_box a{text-decoration:underline;}
.jnRseller{margin:0 30px; display: inline-block; padding:5px 18px; background: #00C711; text-align: center; color: #fff;}
.jnRseller h3{font-size: 20px; line-height: 20px;}
.jnRseller p{font-size: 11px; line-height: 15px;}
.jnRpay{padding:30px;}
.jnRdltxtU{text-decoration:underline;}
.jnRreviews{width: 100%; margin-top:20px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center;-ms-justify-content:center; -o-justify-content: center; justify-content:center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; font-size: 14px; color: #848479;}
.jnRreviews span{padding:0 10px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.jnRreviews span i{width: 16px; height: 16px; position: relative; display: inline-block; margin:0 3px;}
.jnRreviews span i:after, .jnRreviews span i:before{ content: ''; background: #00C711; border-radius: 16px; position: absolute; top: 50%; left: 50%;   -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.jnRreviews span i:after{ width: 16px; height: 8px;}
.jnRreviews span i:before{ width: 8px; height: 16px;}
.jnRdays span{font-size: 27px; line-height: 30px; font-weight: 700;}
.jnRaddress{font-size: 17px;}
.jnRPer{margin-top: 15px; font-size: 10px;}
.jnRValid{font-weight: 500; margin-top:5px;}
.jnRValid span{color: #008CC3;}
.jnRdl{padding-top: 10px; color: #848479;}
.jnRdl dl{width: 100%; margin-top: 15px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.jnRdl dl dt{margin-right:5px;}
.jnRdl dl dd{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.jnRdl dl dd strong{color: #626962;}
.jnRbutton{line-height: 38px; border-radius: 4px; background: #00C711; font-size: 14px; font-weight: 700; margin:25px 5px 0; position: relative; text-align: center; color: #fff; display: block;}
.jnRbutton:after, .jnRbutton:before{content: ''; position: absolute; top: 4px; bottom: 4px; width: 10px; border-radius: 4px; background: #00C711;}
.jnRbutton:after{left: -5px;}
.jnRbutton:before{right: -5px;}
.jnRbutton:hover{color: #fff;}
.jnRbuttonno{line-height: 38px; border-radius: 4px; background: #fff; font-size: 14px; font-weight: 700; margin:10px 5px 0; position: relative; text-align: center; color: #464628; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); display: block;}
.jnRbuttonno:after, .jnRbuttonno:before{content: ''; position: absolute; top: 4px; bottom: 4px; width: 10px; border-radius: 4px; background: #fff;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);}
.jnRbuttonno:after{left: -5px;}
.jnRbuttonno:before{right: -5px;}
.jnRbuttonno span{position: relative; z-index: 2; background: #fff; display: block; border-radius:5px;}
.jnRbuttonno:hover{color: #464628;}
.jnRprice{width: 100%; margin-top: 20px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.jnRprice_r{text-align: right; font-size: 13px; padding-top: 10px;}
.jnRprice_r p{padding:5px 0;}
.jnRprice_lt{font-size: 13px;}
.jnRprice_lb{margin-top: -5px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start;}
.jnRprice_lb span{font-size: 45px; line-height: 50px; font-weight: 600;}
.jnRprice_lb i{font-size: 18px;padding-top: 5px;}
.jnRprice_lb em{margin-top:-5px;}
.jnJH_ctL{width: 66%;}
.jncJH_hd{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.jncJH_hdL ul{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.jncJH_hdL ul li{margin-right:30px; padding-right: 30px; position: relative; font-size: 20px; color: rgba(70, 70, 40, 0.6); line-height: 30px;}
.jncJH_hdL ul li.active{color: #464628; font-size: 28px;}
.jncJH_hdL ul li a{ color: rgba(70, 70, 40, 0.6);}
.jncJH_hdL ul li.active a{color: #464628;}
.jncJH_hdL ul li:after{content: '|'; color: #A3A39C; position: absolute; top: 0; right: 0; font-size: 14px;}
.jncJH_hdL ul li:last-child:after{display: none;}
.jncJH_hdR{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.jncJH_hdtis{position: relative; margin-right:30px;}
.jncJH_hdtis .jncJH_hdtisbtn{ line-height: 30px; text-decoration:underline; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.jncJH_hdtisbtn i{width: 14px; height: 14px; border-radius: 14px; background: #FA8F21; margin-right:10px; display: inline-block; position: relative;}
.jncJH_hdtis:first-child .jncJH_hdtisbtn i{ border-radius: 0; background: none; }
.jncJH_hdtis:first-child .jncJH_hdtisbtn i:after, .jncJH_hdtis:first-child .jncJH_hdtisbtn i:before{content: ''; border-radius: 2px; background: #00C711; position: absolute;}
.jncJH_hdtis:first-child .jncJH_hdtisbtn i:after{width: 14px; height: 10px; left: 0; top: 2px;}
.jncJH_hdtis:first-child .jncJH_hdtisbtn i:before{width: 10px; height: 14px; left: 2px; top: 0;}
.jncJH_hdtisbtn em{background: url(../images/tisico.png) no-repeat; width: 12px; height: 12px; display: block; margin:0 0 0 10px;}
.jncJH_hdtispop{position: absolute; top: 25px; right: -20px; width: 260px; display: none; z-index: 3;}
.jncJH_hdtispop:after{content: ''; position: absolute; top: 0; right: 55px;width: 0;height: 0;border:10px solid;border-color:  transparent transparent  #F8F7F0 transparent;}
.jncJH_hdtispopbox{background: #F8F7F0; padding:15px; border-radius: 18px; margin-top:20px; line-height: 2em;}
.jncJH_for_p, .jncJH_Core_p{padding-left: 12px; position: relative;}
.jncJH_for_p:after, .jncJH_Core_p:after{content: ''; width: 4px; height: 4px; position: absolute; left: 0; top: 10px;}
.jncJH_for_p:after{ border-radius: 1px; background: #00C711;}
.jncJH_Core_p:after{ border-radius: 4px; background: #FA8F21;}
.jncJH_hdtis:hover .jncJH_hdtispop{display: block;}
.jncJH_Hotel{padding:30px 0;}
.jncJH_Hoteltxt{font-size: 14px; line-height: 1.8em;}
.jncJH_Hotelswiper{width: 100%; margin-top:30px; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block; padding-bottom: 40px;}
.jncJH_Hotelswiper .swiper-horizontal { touch-action: pan-y;}
.jncJH_Hotelswiper .swiper-wrapper{ position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.jncJH_Hotelswiper.swiper-android .swiper-slide, .jncJH_Hotelswiper.swiper-ios .swiper-slide, .jncJH_Hotelswiper .swiper-wrapper {transform: translate3d(0px,0,0);}
.jncJH_Hotelswiper .swiper-slide {flex-shrink: 0; width: 100%; height: 100%; border-radius: 12px; overflow: hidden; position: relative; transition-property: transform; display: block;}
.jncJH_Hotelswiper .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.jncJH_Hotelswiper_next, .jncJH_Hotelswiper_prev{position: absolute; bottom: 0; width: 30px; height: 30px; cursor: pointer;}
.jncJH_Hotelswiper_next{right: 0; background: url(../images/service_R.png) no-repeat center center;}
.jncJH_Hotelswiper_prev{right:40px; background: url(../images/service_L.png) no-repeat center center;}
.jncJH_Journey{margin-top: 30px; padding-bottom: 30px; position: relative;}
.jncJH_JourneyDay{text-align: center; position: absolute; left: -40px; top: 0;}
.jncJH_JourneyDay h2{font-size: 18px;}
.jncJH_JourneyDay li{padding:3px 0; text-decoration:underline; cursor: pointer;}
.jncJH_JourneyFloor{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; position: relative; z-index: 1;}
.jncJH_JourneyFloor:after{content: ''; position: absolute; z-index: -1; left: 14px; top: 0; bottom: 0; border-left: 2px dashed #000000;}
.jncJH_JFnum{width: 30px; margin-right:20px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center;-ms-justify-content:center; -o-justify-content: center; justify-content:center;}
.jncJH_JFnum span{display: inline-block; width: 25px; height: 25px; border-radius: 25px; line-height: 25px; text-align: center; background: #FA8F21; color: #fff; font-size: 16px;}
.jncJH_JourneyFloor:first-child .jncJH_JFnum span{width: 30px; height: 30px; line-height: 30px; border-radius: 0; background: none; position: relative; z-index: 1;}
.jncJH_JourneyFloor:first-child .jncJH_JFnum span:after, .jncJH_JourneyFloor:first-child .jncJH_JFnum span:before{content: ''; border-radius: 4px; background: #00C711; position: absolute; z-index: -1;}
.jncJH_JourneyFloor:first-child .jncJH_JFnum span:after{width: 30px; height: 22px; left: 0; top: 4px;}
.jncJH_JourneyFloor:first-child .jncJH_JFnum span:before{width: 22px; height: 30px; left: 4px; top: 0;}
.jncJH_JFdl{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.jncJH_JFdt{font-size: 16px; font-weight: 600;width: 100%; padding:3px 0 12px; cursor: pointer; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.jncJH_JFdt i{width: 20px; height: 20px; display: inline-block; background: url(../images/tjt.png) no-repeat center center; margin-right:20px; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.jncJH_JFdl.hide .jncJH_JFdt i{transform: rotate(180deg);}
.jncJH_JFdd{padding-bottom: 20px; line-height: 2em; font-size: 14px;}

.jnRec_swiper{ width: 100%; height: 100%;margin:30px 0 0; position: relative; list-style: none; padding: 0; z-index: 1; display: block;}
.jnRec_swiper.swiper-horizontal { touch-action: pan-y;}
.jnRec_swiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.jnRec_swiper.swiper-android .swiper-slide, .jnRec_swiper.swiper-ios .swiper-slide, .jnRec_swiper .swiper-wrapper { transform: translate3d(0px,0,0);}
.jnRec_swiper .swiper-slide {width:60%; padding:1px 30px 1px 0; transition: opacity .2s .3s; flex-shrink: 0; position: relative; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.jnRec_prev, .jnRec_next{width:34px; height: 34px; border-radius: 34px; margin-top: -17px; position: absolute; top: 50%; bottom: 0; z-index: 10; cursor: pointer; border:1px #464628 solid;}
.jnRec_prev{left: 0; background: url(../images/jl.png) no-repeat center center #EDEBD6;}
.jnRec_next{right: 0; background: url(../images/jr.png) no-repeat center center #EDEBD6;}
.jnRec_prev.swiper-button-disabled, .jnRec_next.swiper-button-disabled{display: none;}

.jnRec_card{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.jnRec_cardL, .jnRec_cardR{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.jnRec_cardL{ -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; }
.jnRec_cardR{ -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; }
.jnRec_cFB{writing-mode: vertical-lr; font-size: 22px;}
.jnRec_cardM{padding:0 4%; position: relative;}
.jnRec_cardM span{font-size: 64px; writing-mode: vertical-lr; letter-spacing:1em; line-height: 1.5em; display: inline-block; position: relative; padding-top:20px;}
.jnRec_cardM em{font-size: 25px; position: absolute; left: 50%; top:95px;  -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.jnRec_cardM span:after, .jnRec_cardM span:before{content: ''; width: 12px; height: 26px; position: absolute;}
.jnRec_cardM span:after{left: 0; top: 0; border-left:1px #464628 solid; border-top:1px #464628 solid;}
.jnRec_cardM span:before{right: 0; bottom: 0.5em; border-right:1px #464628 solid; border-bottom:1px #464628 solid;}

.jnRec_card{border:1px #848479 solid; background: #F9F8EA; padding:30px 15px;}
.jnRec_cbox{position: relative; z-index: 1;}
.jnRec_cli{border:1px #848479 solid; background: #F4F3E9; padding:8px; width: 90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; box-shadow: 0 0 8px 0 rgba(132, 132, 121, 0.5)}
.jnRec_cli:last-child{position: absolute; top: 0;right: 0;}
.jnRec_cardR .jnRec_cli:last-child{z-index: -1;}
.jnRec_cliimg{width: 100%; padding-bottom: 100%; position: relative; overflow: hidden;}
.jnRec_cliimg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.jnRec_cliname{margin-top:4px;}
.jnRec_clicom{margin-top: 4px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; font-size: 10px; color: #848479;}
.jnRec_clicom span{padding:0 5px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.jnRec_clicom span i{width: 8px; height: 8px; position: relative; display: inline-block; margin:0 1px;}
.jnRec_clicom span i:after, .jnRec_clicom span i:before{ content: ''; background: #00C711; border-radius: 8px; position: absolute; top: 50%; left: 50%;   -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.jnRec_clicom span i:after{ width: 8px; height: 4px;}
.jnRec_clicom span i:before{ width: 4px; height: 8px;}
.jnRec_cliAddress{margin-top: 4px; font-size: 10px; color: #848479; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.jnRec_cliAddress span{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.jnRec_cliAddress i{width: 9px; height: 9px; background: url(../images/copyico.png) no-repeat; display: inline-block; margin-left:3px;}
.jnRec_clirise{margin-top: 4px;}
.jnShare{margin-top:20px;}
.jnShare_btn{border:1px #464628 solid; padding:0 30px; display: inline-block; line-height: 30px; font-size: 14px; margin-right: 30px;}
.jnRevQA_hd{margin-top:30px; width: 100%; overflow: hidden;}
.jnRevQA_hd li{float: left; margin-right: 30px; font-size: 20px;}
.jnRevQA_hd li.active{text-decoration:underline;}
.jnRevQA_bd{margin-top:30px;}
.jnReview_box{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.jnReview_l{width: 30%;}
.jnReview_r{width:65%;}
.jnReview_lnum{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; font-size: 16px;}
.jnReview_lnum span{padding:0 10px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.jnReview_lnum span i{width: 16px; height: 16px; position: relative; display: inline-block; margin:0 3px;}
.jnReview_lnum span i:after, .jnReview_lnum span i:before{ content: ''; background: #00C711; border-radius: 16px; position: absolute; top: 50%; left: 50%;   -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.jnReview_lnum span i:after{ width: 16px; height: 8px;}
.jnReview_lnum span i:before{ width: 8px; height: 16px;}
.jnReview_lul{padding-top: 10px;}
.jnReview_lul li{width: 100%; margin-top:6px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.jnReview_lul li h3{width: 80px;}
.jnReview_lul li em{width: 50px; display:inline-block; margin-left:10px;}
.jnReview_lul li span{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; display: inline-block; height: 12px; border-radius: 12px; background: #D9D9D9; position: relative;}
.jnReview_lul li span i{height: 12px; border-radius: 12px; position: absolute; top: 0; left: 0; background: #00C711; display: inline-block;}
.jnReview_rssinp{width: 100%; border: 1px #464628 solid; height: 32px; line-height: 30px; background: url(../images/t_ssico.png) no-repeat 15px center; color: #464628; font-size: 13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:0 10px 0 40px;}
.jnReview_rssinp::placeholder{color: #464628;}
.jnReview_rssbox{width: 100%; margin-top: 20px;}
.jnReview_rssbox ul{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; }
.jnReview_rssbox li{margin-right: 20px;}
.jnReview_select{ display: inline-block; background: none; color: #464628; height: 30px; line-height: 28px; padding:0 20px; border: 1px #464628 solid; font-size: 13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.jnReview_select option{padding:5px 0;}
.jnReview_rlist{margin-top:30px;}
.jnReview_li{padding:30px 0; border-top: 1px solid #A3A39C;}
.jnReliT{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.jnReliT dl{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.jnReliT dl dt{ margin:5px 10px 0 0; }
.jnReliT dl dt img{width: 30px; height: 30px; border-radius: 30px;}
.jnReliT dl dd{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;display: -moz-box;}
.jnReliT dl dd h2{font-size: 16px;}
.jnReliT_R{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.jnReliT_zan, .jnReliT_zan a{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.jnReliT_zan em{display: inline-block; padding-left: 4px;}
.jnReliT_sbtn{margin:-5px 0 0 30px;}
.jnReliT_sbtn i{display: inline-block; width: 3px; height: 3px; border-radius: 3px; background: #464628; margin:0 1px;}
.jnRelinum{margin-top:15px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.jnRelinum i{width: 14px; height: 14px; position: relative; display: inline-block; margin:0 5px 0 0;}
.jnRelinum i:after, .jnRelinum i:before{ content: ''; background: #00C711; border-radius: 16px; position: absolute; top: 50%; left: 50%;   -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.jnRelinum i:after{ width: 14px; height: 8px;}
.jnRelinum i:before{ width: 8px; height: 14px;}
.jnRelititle{margin-top:15px; font-size: 18px; font-weight: 600;}
.jnReview_li h3{color: #464628; margin-top:5px; font-size: 10px; opacity: 0.9;}
.jnRelitxt{margin-top:10px; font-size: 13px; line-height: 1.8em;}

.login_body{ width: 100%; min-height: 100vh; padding:80px 0; background: url(../images/login_bg.jpg) no-repeat center center; background-size: cover; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.login_content{border:3px #000 solid; width: 90%; max-width: 450px; margin:0 auto; position: relative; background: #F0F0EB; padding:8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.login_box{border:1px #000 solid; padding:40px; background: url(../images/login_cbg.png) no-repeat center bottom 160px; background-size: 65% auto;}
.login_content:after, .login_content:before, .login_box:after, .login_box:before{content: ''; width: 4px; height: 4px; background: #000; position: absolute;}
.login_content:after{left: 4px; top: 4px;}
.login_content:before{right: 4px; top: 4px;}
.login_box:after{left: 4px; bottom: 4px;}
.login_box:before{right: 4px; bottom: 4px;}
.login_head{text-align: center; font-size: 13px; border-top: 1px #C5C5C0 solid; border-bottom: 1px #C5C5C0 solid; padding:5px 0;}
.login_logo{text-align: center; padding:20px 0 10px;}
.login_logo span{display: block; overflow: hidden; padding:5px 0;}
.login_logo .logo_cn img{width:138px;}
.login_logo .logo_en img{width:148px; }
.login_welcome{text-align: center; color: #87874B;}
.login_form{width: 100%; padding-top: 20px;}
.login_dl{color: #87874B; font-size: 13px; margin-top: 30px;}
.login_dl dt{text-transform:uppercase;}
.login_input{ border:0 none; border-bottom: 1px #464628 solid; width: 100%; height: 30px; line-height: 30px; background: none; font-size: 13px;color: #87874B;}
.login_input:hover{border-color: #464628 !important; box-shadow: none !important;}
.login_input:focus{border-color: #464628 !important; box-shadow: none !important;}
.login_txt{color: #87874B; margin-top:15px; line-height: 2em;}
.login_link{width: 100%; margin-top: 40px; text-align:center;}
.login_link a{margin:0 20px;}
.login_link img{width: 20px; height: 20px;}
.login_submit{width: 100%; margin-top:20px; height: 44px; line-height: 44px; background: #464628; color: #fff; font-size: 18px; text-align:center; border:0 none;}
.login_bot{text-align:center; margin-top: 20px; font-size: 13px;}
.user_head{width: 100%; background: url(../images/user_tbg.jpg) no-repeat center bottom; background-size: cover; padding:30px 0;}
.user_headmy{width: 100%; padding:10px 0; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content: center; justify-content:center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.user_headmyimg img{width: 52px; height: 52px; border-radius: 52px;}
.user_headmyname{margin-left:20px; font-size: 16px;}
.user_headmyname span{font-size: 35px; color: #000;}
.user_headmyname em{margin-left:10px;}
.user_headmenu{text-align:center; margin-top:35px;}
.user_headmenu ul{display: inline-block; margin:0 auto;}
.user_headmenu ul li{margin:0 55px; float: left; font-size: 18px;}
.user_headmenu ul li.on{font-weight: bold;}
.user_myinfo{width: 92%; max-width: 800px;  margin:0 auto; padding:80px 0;}
.user_myname{font-size: 18px;}
.user_myname span{font-size: 38px; color: #000;}
.user_myname em{margin-left:10px;}
.user_mytxt{ font-size: 18px;}
.user_mybox{padding:40px 0; width: 100%;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.user_myavatar{margin-right:50px;}
.user_myavatar img{width: 130px; height: 130px; border-radius: 130px;}
.user_myul{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; padding:15px 0;}
.user_myul li{padding:6px 0; font-size: 14px;}
.user_myul li img{width: 12px; margin:0 15px 0 0;}
.user_tourscontent{position: relative;}
.user_cTop{padding-top: 60px; width: 100%; box-shadow: 0 8px 10px 0 rgba(70, 70, 40, 0.1);}
.user_cHd{padding:20px 0;}
.user_cHd h2{font-size: 28px;}
.user_cHd p{font-size: 16px; margin-top:5px;}
.user_toursHd{font-size: 18px; width: 100%; overflow: hidden; padding-top: 30px;}
.user_toursHd li{margin-right:70px; position: relative; padding:25px 0; float: left; cursor: pointer;}
.user_toursHd li.active{font-weight: 700;}
.user_toursHd li.active:after{content: ''; width: 100%; height: 3px; border-radius: 3px; background: #464628; position: absolute; left: 0; right: 0; bottom: 0;}
.user_toursBox{position: relative; width: 100%; min-height: 360px;}
.user_tourStatus{width: 420px; background: #fff; border-radius: 10px; overflow: hidden; position: absolute; top: -270px; right: 0;}
.user_tourStatusNo{height: 355px; padding:30px; display: flex; flex-direction: column;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.user_tourStatusNo_t{font-size: 20px; font-weight: 600;}
.user_tourStatusNo_b{margin-top: auto; text-align:center;}
.user_tourStatusNo_bimg img{width: 52px; height: 52px; border-radius: 52px;}
.user_tourStatusNo_btitle{font-size: 16px; margin-top:20px;}
.user_tourStatusNo_btxt{font-size: 16px; margin-top:20px; color: #71716A;}
.user_tourStatus_t{width: 100%; position: relative;}
.user_tourStatus_t:after{content: ''; position: absolute; left: 15px; right: 15px; bottom: -1px; border-bottom: 2px #EDEBD6 dashed;}
.user_tourStatus_img{width: 100%; height: 250px;}
.user_tourStatus_img img{width: 100%; height: 100%; object-fit: cover; margin:auto;}
.user_tourStatus_info{position: absolute; top: 30px; right: 30px; left: 30px; bottom: 30px; color: #EDEBD6; display: flex; flex-direction: column;}
.user_tSinfo_hd{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.user_tSinfo_hd span{font-size: 20px; font-weight: 600;}
.user_tSinfo_hd em{width: 25px; height: 25px; position: relative; display: block;}
.user_tSinfo_hd em::after, .user_tSinfo_hd em:before{content: ''; border-radius: 20px; background: #00C711; position: absolute; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.user_tSinfo_hd em:after{width: 25px; height: 13px;}
.user_tSinfo_hd em:before{width: 13px; height: 25px;}
.user_tSinfo_bd{margin-top:auto; width: 100%; font-size: 16px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end;}
.user_tSinfo_bdLday{font-size: 20px;}
.user_tSinfo_bdLday span{font-size: 56px; padding-right: 10px;}
.user_tSinfo_weather{ text-align:right;}
.user_tSinfo_weatherDu{width: 100%;}
.user_tSinfo_weatherDu span{float: left;}
.user_tSinfo_weatherDu em{margin:0 0 0 10px;}
.user_tSinfo_weatherName{padding-top:15px; width: 100%; overflow: hidden; font-size: 20px;}
.user_tSinfo_Past{text-align:right;}
.user_tSinfo_Past dl{position: relative; padding-top: 30px;}
.user_tSinfo_Past dl:after{content: ''; width: 1px; height: 26px; background: #EDEBD6; position: absolute; top: 0; right: 10px;}
.user_tSinfo_Past dl:first-child{padding-top: 0;}
.user_tSinfo_Past dl:first-child:after{display: none;}
.user_tourStatus_b{height: 105px; width: 100%; position: relative; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content: center; justify-content:center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.user_tourStatus_b:after, .user_tourStatus_b:before{content: ''; width: 30px; height: 30px; border-radius: 30px; background: #EDEBD6; position: absolute; top: -15px;}
.user_tourStatus_b:after{left: -15px;}
.user_tourStatus_b:before{right: -15px;}
.user_tourStatus_btxt{padding:0 5%; text-align:center;}
.user_tStatus_box{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.user_tStatus_bBd{margin-top:10px; padding:0 10px; width: 100%; position: relative; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end;}
.user_tStatus_bBd:after, .user_tStatus_bBd:before{content: ''; width: 6px; height: 20px; border:2px solid #464628; position: absolute; top: 0;}
.user_tStatus_bBd:after{left: 0; border-right-width: 0;}
.user_tStatus_bBd:before{right: 0; border-left-width: 0;}
.user_tStatus_bBd dl{position: relative; padding-bottom: 20px;}
.user_tStatus_bBd dl dt{padding:8px 0 4px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end;}
.user_tStatus_bBd dl dt i{width: 10px; height: 10px; position: relative; display: inline-block; margin:0 4px;}
.user_tStatus_bBd dl dt i:after, .user_tStatus_bBd dl dt i:before{content: ''; border-radius: 2px; background: #464628; position: absolute; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.user_tStatus_bBd dl dt i:after{width: 10px; height: 8px;}
.user_tStatus_bBd dl dt i:before{width: 8px; height: 10px;}
.user_tStatus_bBd dl dd{position: absolute; bottom: 0; right: -10px; font-size: 10px;}
.user_tStatus_bBd dl.on dt i:after, .user_tStatus_bBd dl.on dt i:before{background: #00C711;}
.user_tStatus_bBd dl.on dt i:last-child{width: 14px; height: 14px;}
.user_tStatus_bBd dl.on dt i:last-child:after{width: 14px; height: 10px;}
.user_tStatus_bBd dl.on dt i:last-child:before{width: 10px; height: 14px;}
.user_toursL{padding-right: 450px;}
.user_prolist{padding:10px 0 80px;}
.Uprobox_no{width: 100%; position: relative; margin-top: 25px; border-radius: 12px; overflow: hidden;}
.Upro_noimg{width: 100%; padding-bottom:60%; position: relative; overflow: hidden; border-radius: 12px;}
.Upro_noimg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.Upro_noinfo{position: absolute; top: 40px; left: 40px; width: 60%;}
.Upro_notit{font-size: 20px;}
.Upro_notxt{font-size: 16px; margin-top:10px;}
.Upro_nobtn{line-height: 48px; border-radius: 5px; background: #00C711; position: relative; display: inline-block; margin:20px 5px 0; color: #FDFDF9; font-size: 16px; padding:0 15px;}
.Upro_nobtn:after, .Upro_nobtn:before{content: ''; width: 10px; height: 38px; border-radius: 5px; background: #00C711; position: absolute; top: 5px;}
.Upro_nobtn:after{left: -5px;}
.Upro_nobtn:before{right: -5px;}
.Uprobox{width: 100%; position: relative; background: #fff; margin-top: 25px; border-radius: 12px; padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.UproPastico{position: absolute; right: -10px; bottom: -10px;}
.UproT{width: 100%; font-size: 13px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; }
.Uproimg{width: 94px; height: 94px; overflow: hidden; border-radius: 6px; margin-right:20px;}
.Uproimg img{width: 100%; height: 100%; object-fit: cover; margin:auto;}
.Uproinfo{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.Upro_tit{font-size: 20px; font-weight: 600;}
.Upro_txt{margin-top:15px; font-weight: 600;}
.Uprostate{margin-left:20px;}
.Uprostate span{line-height: 26px; border-radius: 6px; font-size: 14px; padding:0 10px; min-width: 74px; text-align:center; background: #FFBABA; color: #F64343; display: inline-block;}
.Uprostate span.Past{ background: #85a486; color: #0D4D13;}
.UproB{width: 100%; margin-top: 20px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; }
.UproB_L{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.UproB_Lt{width: 100%; overflow: hidden; line-height: 30px;}
.UproB_Lt em{float: left; padding-right: 10px;}
.UproB_Lt .UproB_price{font-size: 16px; color: #FF0000; font-weight: 700;}
.UproB_Lt .UproB_price i{font-size: 28px;}
.UproB_TotalPaid{font-size: 20px;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.UproB_TotalPaid span{padding:0 10px; display: inline-block;}
.UproB_TotalPaid i{width: 14px; height: 14px; position: relative; display: inline-block;}
.UproB_TotalPaid i::after, .UproB_TotalPaid i:before{content: ''; border-radius: 6px; background: #00C711; position: absolute; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.UproB_TotalPaid i:after{width: 14px; height: 7px;}
.UproB_TotalPaid i:before{width: 7px; height: 14px;}
.UproB_PayNow{line-height: 44px; padding:0 30px; background: #FA8F21; font-size: 18px; display: inline-block; border-radius: 6px; color: #fff;}
.UproB_PayNow:hover{color: #fff; opacity: 0.8;}
.Upro_Pend{width: 100%; position: relative; margin-top: 25px;}
.Upro_Pendimg{width: 100%; padding-bottom:60%; position: relative; overflow: hidden; border-radius: 10px;}
.Upro_Pendimg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.Upro_Pendinfo{width: 80%; max-width: 350px; position: absolute; left: 15px; bottom: 15px; background: #fff; border-radius: 16px; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.Upro_PendT{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.Upro_PendT em{height: 24px; line-height: 24px; border-radius: 5px; background: #FEF5BF; padding:0 10px; display: inline-block; color: #F8C704; font-weight: 500;}
.Upro_PendM{margin-top:20px;}
.Upro_PendM_title{font-size: 20px; font-weight: 600;}
.Upro_PendM_address{font-size: 14px; font-weight: 500;}
.Upro_PendB{width: 100%;margin-top:20px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.Upro_PendB_btn{height: 28px; line-height: 28px; border:1px #00C711 solid; border-radius: 8px; color: #00C711; padding:0 20px; font-size: 13px; display: inline-block;}
.Upro_PendB_btn span{padding-left: 20px; background: url(../images/ckico.png) no-repeat left center; display: block;}
.Upro_PendB_btn:hover{background: #EEFDD6; color: #00C711;}
.Upro_PendB_time{color: #F8C704;}
.user_lovecont{padding:50px 0; width: 100%;}
.lovecline{border-top: 1px #A3A39C solid;}
.user_lovetitle{font-size: 20px;}
.user_loveFull{width: 100%; overflow: hidden;}
.user_loveFull ul{width: 102%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.user_loveFull li{width: 23%; margin:30px 2% 0 0;}
.user_loveFull li h3{width: 100%; padding-bottom:60%; position: relative; overflow: hidden; border-radius: 16px;}
.user_loveFull li h3 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.user_loveFull li h2{margin-top: 20px;}
.user_loveFull li p{margin-top: 10px;}
.user_loveDay{width: 100%; overflow: hidden; padding:30px 0;}
#xz{margin-left:-10px; margin-right:-10px;}
.fotolist{width: 100%; }
.fotolist ul{position:relative; overflow:visible;}
.fotolist li {width:20%; padding:10px; position:absolute; display:inline-block; text-align:center; left:0px; top:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-transition: all .7s ease-out .1s; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out .1s; transition: all .7s ease-out .1s;}
.fotolist li:hover{cursor:pointer; overflow:hidden;}
.fotolist li img{width:100%; overflow: hidden; vertical-align: top;}
.fotolist li .fotoimg{width: 100%; border-radius: 12px; overflow: hidden; position: relative;}
.fotolist li .fotoimg:hover:after{content: ''; background: rgba(0,0,0,0.5); position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
.fotolist li .fotoimg:hover:before{content: ''; background: url(../images/loveNico3.png) no-repeat center center #EDEBD6; background-size: 14px auto; width: 24px; height: 24px; border-radius: 6px; position: absolute; right: 20px; bottom: 20px; z-index: 3;}
.user_loveN{width: 100%;margin-top:40px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.user_loveNl{width: 35%;}
.user_loveNl_hd{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.user_loveNl_hdico ul{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.user_loveNl_hdico ul li{margin:0 15px;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.user_loveNl_hdico ul li em{margin-left:5px; font-size: 20px;}
.user_loveNl_bd{margin-top:20px;}
.user_loveNl_bd img{border-radius: 20px; width: 100%;}
.user_loveNl_goback{width: 0;height: 0;border: 8px solid;border-color:  transparent #464628 transparent transparent; position: relative;}
.user_loveNl_goback::after{content: '';position: absolute;top: -8px; left: -6px; border: 8px solid;border-color:  transparent #EDEBD6 transparent transparent;}
.user_loveNr{width: 45%; padding:10px 0 10px 5%; border-left: 1px solid #A3A39C; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.user_loveNrlist{padding-top: 10px;}
.user_loveNrlist dl{width: 100%; background: #F3F2E4; border-radius: 10px; margin-top: 15px; padding:20px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.user_loveNrlist dl dt{margin-right:15px; width: 86px; height: 86px; border-radius: 6px; overflow: hidden;}
.user_loveNrlist dl dt img{width: 100%; height: 100%; object-fit: cover; margin:auto;}
.user_loveNrlist dl dd{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.user_loveNrlist dl dd h2{font-size: 18px; font-weight: 600;}
.user_loveNrlist dl dd h3{font-size: 13px;}
.user_loveNrlist dl dd .Ulove_Nb{width: 100%; color: #848479; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;-webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end;}
.user_loveNrlist dl dd .Ulove_Nb_l{font-size: 11px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox;
    display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.user_loveNrlist dl dd .Ulove_Nb_l span{ margin-left: 5px; color: #464628; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.user_loveNrlist dl dd .Ulove_Nb_l span i{display: inline-block; width: 3px; height: 3px; border-radius: 3px; background: #A8A899; margin-right:5px;}
.user_loveNrlist dl dd .Ulove_Nb_l span img{margin-right:3px;}
.user_loveNrlist dl dd .Ulove_Nb_r{text-align:right;}
.user_loveNrlist dl dd .Ulove_Nb_r p{font-size: 10px;}
.user_loveNrlist dl dd .Ulove_Nb_r p span{color: #464628; font-size: 16px;}
.user_loveNrlist dl dd .Ulove_Nb_r p span i{font-size: 18px;}

.step_main{padding:60px 0; width: 92%; max-width: 1300px; margin:0 auto; display: table;}
.step_logo{text-align: center;}
.step_logo span{display: block;padding:5px 0;}
.step_logo .logo_cn{width: 108px;}
.step_logo .logo_en{width: 115px;}
.step_content{width: 100%;}
.step_cL{padding-right: 455px;}
.step_cR{width: 425px; float: right; background: #fff; padding:30px; border-radius: 18px; position: -webkit-sticky; position: sticky; z-index: 5;  top: 60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.step_cRtitle{font-size: 26px; font-weight: 600;}
.step_cRtxt{font-size: 14px; font-weight: 500; padding-top:5px;}
.step_cRbox{padding:10px 0 0;}
.step_cRdl{padding:15px 0; border-bottom:1px #C5C5C0 solid;}
.step_cRdl:last-child{border-bottom-width: 0px;}
.step_cRdt{width: 100%; font-size: 18px; cursor: pointer; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.step_cRdt i{width: 20px; height: 20px; display: inline-block; background: url(../images/tjt.png) no-repeat center center; background-size: 12px auto; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.step_cRdl.hide .step_cRdt i{transform: rotate(180deg);}
.step_cRp{margin-top:10px; line-height: 2em;}
.step_rpro{width: 100%; margin-top:10px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:12px; background:#F3F2E4; border-radius: 7px;}
.step_rExtras .step_rpro{background: #EEFDD6;}
.step_rproimg{width: 56px; height: 56px; border-radius: 4px; overflow: hidden; margin-right: 10px;}
.step_rproimg img{width: 100%; height: 100px; object-fit: cover; margin:auto;}
.step_rproinfo{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.step_rproinfo h2{font-size: 14px;}
.step_rproprice{margin-left:10px;}
.step_rproprice span{font-size: 14px; font-weight: bold;}
.step_cRbot{width: 100%; border-top: 1px #464628 solid; padding-top:20px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.step_cRbottxt{font-size: 14px;}
.step_cRbottxt h3{font-size: 18px; font-weight: 600;}
.step_cRbottxt p{font-weight: 500;}
.step_cRbotprice{font-size: 15px;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start;}
.step_cRbotprice span{font-size: 40px; font-weight: 500; line-height: 40px; padding-left: 5px;}
.step04selct{display: none;}
.step_rReduction{text-align: right; background: #E1E4CF; border-radius: 3px; padding:8px; margin-top:10px; font-size: 13px; display: none;}
.step_rFlexible{width: 100%; height: 80px; border-radius: 7px; overflow: hidden; margin-top:10px; position: relative; background: #fcdbb8; display: none;}
.step_rFlexible span{position: absolute; top: 0; left: 0; bottom: 0; padding:0 10px; background: #EEFDD6; border-radius: 7px; font-size: 30px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.step_cPaybtn{ line-height: 48px; border-radius: 6px; background: #00C711; font-size: 18px; font-weight: 700; margin:20px 5px 0; position: relative; text-align: center; color: #fff; display: none;}
.step_cPaybtn:after, .step_cPaybtn:before{content: ''; position: absolute; top: 4px; bottom: 4px; width: 10px; border-radius: 6px; background: #00C711;}
.step_cPaybtn:after{left: -5px;}
.step_cPaybtn:before{right: -5px;}
.step_cPaybtn:hover{color: #fff;}
.step_cPaybtn.on{display: block;}
.step_ctitle{font-size: 26px; font-weight: 600; padding-top:30px;}
.step_ctxt{font-size: 14px; font-weight: 500; padding-top:5px;}
.step_cbottom{padding-top: 40px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end;}
.step_cbotbox{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.step_cbottxt{font-size: 14px; padding:5px 0;}
.step_cBack{font-size: 16px; font-weight: 600; padding:10px 0; display: inline-block;}
.step_cbutton{margin-right: 20px; width: 160px;}
.step_cbtn{line-height: 48px; border-radius: 6px; background: #00C711; font-size: 18px; font-weight: 700; margin:0 5px 0; position: relative; text-align: center; color: #fff; display: block;}
.step_cbtn:after, .step_cbtn:before{content: ''; position: absolute; top: 4px; bottom: 4px; width: 10px; border-radius: 6px; background: #00C711;}
.step_cbtn:after{left: -5px;}
.step_cbtn:before{right: -5px;}
.step_cbtn:hover{color: #fff;}
.step_cbtnno{line-height: 48px; border-radius: 6px; background: #fff; font-size: 18px; font-weight: 700; margin:15px 5px 0; position: relative; text-align: center; color: #464628; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); display: block;}
.step_cbtnno:after, .step_cbtnno:before{content: ''; position: absolute; top: 4px; bottom: 4px; width: 10px; border-radius: 6px; background: #fff;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);}
.step_cbtnno:after{left: -5px;}
.step_cbtnno:before{right: -5px;}
.step_cbtnno span{position: relative; z-index: 2; background: #fff; display: block; border-radius:6px;}
.step_cbtnno:hover{color: #464628;}
.step_cBack{font-size: 16px; font-weight: 600; padding:5px 0; display: inline-block;}
.step_clogin{margin:40px 8px 0; font-size: 16px; font-weight: 500; background:#fff; background: #FDFCF9; position: relative; border-radius: 8px; padding:20px;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.step_clogin:after, .step_clogin:before{content: ''; position: absolute; top: 5px; bottom: 5px; width: 16px; border-radius: 8px; background: #FDFCF9;}
.step_clogin:after{left: -8px;}
.step_clogin:before{right: -8px;}
.step_clogin a{display: inline-block; padding:0 20px; border-radius: 6px; color: #fff; background: #00C711; margin-left:20px; line-height: 38px;}
.step_clogin a:hover{color: #fff;}
.step_group{background: #FDFCF9; border-radius: 17px; padding:30px 0; margin-top:40px;}
.step_groupB{padding:15px 5% 0;}
.step_groupB a{color: #0166B1;}
.step_groupT{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.step_groupT dl{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; padding:0 5%; border-left: 1px rgba(70, 70, 40, 0.6) solid;}
.step_groupT dl:first-child{border-left-width: 0;}
.step_groupT dl dt{font-size: 18px; font-weight: 600;}
.step_groupT dl dd{margin-top:10px;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; display: flexbox; display: flex;}
.step_groupT dl dd h3 em{display: block; font-size: 10px;}
.step_groupT dl dd h3 span{display: block; font-size: 34px; line-height: 34px; font-weight: 500;}
.step_groupT dl dd h3 span i{float: left; font-size: 14px; line-height: 20px;}
.step_groupT dl dd h4{font-size: 10px; padding:5px 0 0 10px;}
.step_groupT dl dd h4 em, .step_groupT dl dd h4 span{display: block;}
.step_groupT dl dd h4 span{margin-top:10px;}
.step_form{background: #FDFCF9; border-radius:17px; margin-top:10px; padding:50px 30px;}
.step_ftitle{font-size: 18px; font-weight: 600;}
.step_fren{ width: 100%; margin-top:50px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.step_frenTxt{font-size: 15px; margin-left:20px;}
.step_frenNum{position: relative;}
.step_frenNum .layui-input-wrap{line-height: 35px;}
.step_frenNum .layui-input{ width: 120px; height: 35px; line-height: 33px; padding:0; margin:0; color: #464628; font-size: 15px; border:1px #E4E2C9 solid; text-align: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; float: left;-webkit-appearance: none; -moz-appearance: textfield; appearance: none;}
.step_frenNum .layui-input:hover{border-color: #E4E2C9 !important; box-shadow: none !important;}
.step_frenNum .layui-input:focus{border-color: #E4E2C9 !important; box-shadow: none !important;}
.step_frenNum .layui-input-split, .step_frenNum .layui-input-suffix{position: initial; border:0 none; line-height: 35px; width: initial;}
.step_frenNum .layui-input-wrap .layui-input-number .layui-icon{top: 0; bottom: 0; width: 35px; height: 35px; text-align: center; border:0 none; background: #EDEBD6; display: block;}
.step_frenNum .layui-input-wrap .layui-input-number .layui-icon-up{right: 0;}
.step_frenNum .layui-input-wrap .layui-input-number .layui-icon-down{left: 0;}
.step_frenNum .layui-input-wrap .layui-input-number .layui-icon:before{position: initial; line-height: 35px; font-size: 15px; color: #464628; padding:0; margin:0;}
.step_frenNum .layui-input-wrap .layui-icon-up:before{content: '+';}
.step_frenNum .layui-input-wrap .layui-icon-down:before{content: '-'}
.step_fHBd{margin-top:30px;}
.step_fhd{font-size: 16px; font-weight: 700;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.step_fDel{width: 18px; height: 18px; display: inline-block; margin-left:20px; background: #EDEBD6; border-radius: 2px; position: relative;}
.step_fDel i{display: block;  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 18px; height: 18px; position: relative; }
.step_fDel i:after, .step_fDel i:before{content: ''; position: absolute; left: 50%; top: 50%; background: #464628; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.step_fDel i:after{width: 14px; height: 1px;}
.step_fDel i:before{width: 1px; height: 14px;}
.step_fbd{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.step_fdl{width: 37%; font-size: 14px; margin-top:20px;}
.step_fdl:first-child{width: 22%;}
.step_fdt{line-height: 24px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.step_ftis{position: relative;}
.step_ftisbtn{width: 20px; height: 20px; line-height: 20px; background: url(../images/tisth.png) no-repeat center center; display: inline-block; margin-left:10px; float: left;}
.step_ftispop{position: absolute; top: 20px; left: 0; z-index: 10; background: #F4F3E9; border-radius: 13px; padding:20px; width: 300px; font-size: 14px; display: none;}
.step_ftispop i{width: 14px; height: 14px; position: absolute; top: 8px; left: 8px; display: inline-block;}
.step_ftispop i:after, .step_ftispop i:before{ content: ''; background: #00C711; border-radius: 16px; position: absolute; top: 50%; left: 50%;   -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.step_ftispop i:after{ width: 14px; height: 8px;}
.step_ftispop i:before{ width: 8px; height: 14px;}
.step_ftis:hover .step_ftispop{display: block;}
.step_fdd{margin-top:5px;}
.step_finp, .step_fselect, .step_fdd .layui-input{width: 100%; height: 38px; line-height: 36px; border:1px #EDEBD6 solid; border-radius: 4px; font-size: 14px; color: #464628; background: #FDFCF9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.step_finp{padding:0 10px;}
.step_fdl .layui-input:hover, .step_fdl .step_finp:hover{border-color: #E4E2C9 !important; box-shadow: none !important;}
.step_fdl .layui-input:focus, .step_fdl .step_finp:focus{border-color: #E4E2C9 !important; box-shadow: none !important;}
.step_fdl .layui-form-select .layui-edge{border-top-color:#464628; overflow: initial;}
.step_fdl .layui-form-select .layui-edge:after{content: ''; width: 0; height: 0; position: absolute; top: -8px; left: -6px; border: 6px solid transparent;border-top-color: #FDFCF9;}
.step_dateHd{margin-top:50px;width: 100%; line-height: 2em; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.step_dateHd h2{font-size: 24px; padding:5px 0;}
.step_dateHd h3{font-size: 14px; padding:5px 0;}
.step_dateBd{width: 100%; margin-top:30px; background: #FDFDF9; border-radius: 10px; padding:50px 20px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.sdate_cont{width: 100%;position: relative;}
.sdate_prev, .sdate_next{position: absolute; top: 0; width: 30px; height: 30px; line-height: 30px; display: block; text-align: center;}
.sdate_prev{left: 0;}
.sdate_next{right: 0;}
.sdate_block{padding:0 30px;}
.sdate_block{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.sdate_box{padding:0 2%; width: 46%;}
.sdate_month{text-align: center; font-size: 18px; width: 100%;}
.sdate_week{text-align: center; width: 100%; font-size: 15px; margin-top:30px;}
.sdate_week ul{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.sdate_week li{width: 14.28%; float: left;}
.sdate_days{text-align: center; width: 100%; padding-top:20px;}
.sdate_days ul{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.sdate_days li{width: 14.28%; float: left; margin-top:10px; padding:6px 0;}
.sdate_days li span{display: block; font-size: 16px;}
.sdate_days li em{display: block; font-size: 9px;}
.sdate_days li.out{color: #FF0000;}
.sdate_days li.out span{ text-decoration: line-through;}
.sdate_days li.no{color: #C2C2C2;}
.sdate_days li.after, .sdate_days li.before{color: #FDFDF9; background: #464628;}
.sdate_days li.after{border-radius: 5px 0 0 5px;}
.sdate_days li.before{border-radius:0 5px 5px 0;}
.sdate_days li.selected{background: rgba(237, 235, 214, 0.6);}
.step_csubtitle{margin-top:30px; font-size: 24px;}
.step_csubtxt{font-size: 14px; line-height: 1.8em; margin-top:5px;}
.step02_box{width: 100%; margin-top:20px; background: #FDFCF9; border-radius: 17px; padding:30px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.step02_L{margin-right: 20px; width: 92px; height: 92px; border-radius: 6px; overflow: hidden;}
.step02_L img{width: 100%; height: 100%; object-fit: cover; margin:auto;}
.step02_M{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.step02_M h2{font-size: 18px; font-weight: 700;}
.step02_M h3{font-size: 14px; margin-top:10px;}
.step02_Mtxt{margin-top:10px; line-height: 2em;}
.step02_Mtis{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.step02_R{margin-left:30px;}
.step02_Rprice{width: 100%; overflow: hidden;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.step02_Rprice span{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.step02_Rprice span i{font-size: 22px; font-weight: 500; padding-left: 4px; display: inline-block;}
.step02_Rprice em{display: inline-block; padding-left: 10px; line-height: 20px;}
.step02_RNum{position: relative; float: right; margin-top:10px;}
.step02_RNum .layui-input-wrap{line-height: 35px;}
.step02_RNum .layui-input{ width: 120px; height: 35px; line-height: 33px; border-radius: 4px; padding:0; margin:0; color: #464628; font-size: 15px; border:1px #E4E2C9 solid; text-align: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; float: left;-webkit-appearance: none; -moz-appearance: textfield; appearance: none;}
.step02_RNum .layui-input:hover{border-color: #E4E2C9 !important; box-shadow: none !important;}
.step02_RNum .layui-input:focus{border-color: #E4E2C9 !important; box-shadow: none !important;}
.step02_RNum .layui-input-split, .step02_RNum .layui-input-suffix{position: initial; border:0 none; line-height: 35px; width: initial;}
.step02_RNum .layui-input-wrap .layui-input-number .layui-icon{top: 1px; bottom: 1px; width: 33px; height: 33px; text-align: center; border:0 none; background:#EEFDD6; display: block; border-radius: 4px;}
.step02_RNum .layui-input-wrap .layui-input-number .layui-icon-up{right: 1px;}
.step02_RNum .layui-input-wrap .layui-input-number .layui-icon-down{left: 1px;}
.step02_RNum .layui-input-wrap .layui-input-number .layui-icon:before{position: initial; line-height: 33px; font-size: 15px; color: #464628; padding:0; margin:0;}
.step02_RNum .layui-input-wrap .layui-icon-up:before{content: '+';}
.step02_RNum .layui-input-wrap .layui-icon-down:before{content: '-'}
.step03_cont{padding-top:20px;}
.step03_box{margin-top:10px; background: #FDFCF9; border-radius: 17px; padding:0 30px;}
.step03_bHd{padding:20px 0; font-size: 20px; font-weight: 600;width: 100%; cursor: pointer; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.step03_bHd i{width: 20px; height: 20px; display: inline-block; background: url(../images/tjt.png) no-repeat center center; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.step03_box.hide .step03_bHd i{transform: rotate(180deg);}
.step03_bBd{width: 100%;}
.formctitle{font-size: 16px; font-weight: 600; padding:20px 0;}
.frombox{width: 100%; padding-bottom: 20px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.fromdl{width: 48%; margin-bottom: 20px;}
.fromdt{font-size: 14px;}
.fromdt em{color: #ff0000;}
.fromdd{margin-top:10px;}
.finp, .fselect{height: 40px; line-height: 38px; border:1px #e2e2ed solid; border-radius: 4px; width: 100%; padding:0 15px; font-size: 15px; color: #333;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.frombox .layui-form-select .layui-input{height: 40px; line-height: 38px; border:1px #e2e2ed solid; border-radius: 4px; width: 100%; font-size: 15px; color: #333;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.frombox .layui-input-affix{display: none;}
.fromtis{margin-top:5px; display: none;}
.fromtis.show{display: block;}
.fromtis i{width: 20px; height: 20px; background: url(../images/tisred.png) no-repeat center center; display: inline-block; float: left; margin:0 5px 0 0;}
.fromcheckbox{margin-top:5px;}
.frombox .layui-input:hover, .frombox .finp:hover{border-color: #d5615c !important; box-shadow: none !important;}
.frombox .layui-input:focus, .frombox .finp:focus{border-color: #d5615c !important; box-shadow: none !important;}
.frombox .layui-form-danger+.layui-form-select .layui-input, .frombox .layui-form-danger, .frombox .layui-form-danger:focus{border-color: #d5615c !important; box-shadow: none !important;}
.frombox .layui-form-select .layui-edge{border-top-color:#464628; overflow: initial;}
.frombox .layui-form-select .layui-edge:after{content: ''; width: 0; height: 0; position: absolute; top: -8px; left: -6px; border: 6px solid transparent;border-top-color: #FDFCF9;}
.fromdisflex{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.fromw4{width: 40%;}
.fromw6{width: 55%;}
.step04_clist{margin-top:30px;}
.step04_clist dl{ width: 100%; background: #FDFCF9; border-radius: 17px; padding:30px; margin-bottom:30px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.step04_clist dl dt{width: 24px; height: 24px; margin-right:30px; background: url(../images/Union1.png) no-repeat center center; cursor: pointer;}
.step04_clist dl dd{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.step04_clist dl dd h2{font-size: 18px; color: #000000;}
.step04_clist dl dd h3{font-size: 14px; margin-top:10px;}
.step04_clist dl dd h4{margin-top:20px;}
.step04_clist dl.on dt{ background: url(../images/Union2.png) no-repeat center center;}
.step05_clist{padding-top:20px; min-height:300px;}
.step05_clist li{margin-bottom:15px; background: #FDFCF9; border-radius: 8px; padding:20px 30px;}











@media all and (max-width:1500px) {
	


}
@media all and (max-width:1300px) {
	



}
@media all and (max-width:1100px) {
	
}


@media all and (min-width:0) and (max-width:768px) {
	
}



































