/*=================================
*         xuzhenjia licence
*    
*   program : xuzhenjia0917@qq.com
* ==================================*/
body { font-family: "urw_extlig"; }

.header { width: 100%; height: 107px; overflow: hidden; }
.header .logo { width: 270px; height: 107px; display: block; }
.header .menu-icon { width: 160px; height: 107px; display: block; }
.header .menu-icon img{padding:33px 20px 0 0;}

.Homepage .main { width: 520px; height: 810px; background: url(../images/mobile/home.jpg) no-repeat left center; margin: 10px auto; }
.Homepage .main .main-ul { padding: 195px 40px 0 0; }
.Homepage .main .main-ul li { text-align: right; height: 70px; line-height: 70px; }
.Homepage .main .main-ul li a { color: #fff; }
.Homepage .main .main-ul.brand { padding-top: 310px; }
.Homepage .main .main-ul.brand li { height: 90px; line-height: 90px; }

.copy { height: 110px; line-height: 110px; color: #333; width: 100%; }
.copy.fixed { position: fixed; bottom: 0; }

.back, .contact { position: fixed; width: 60px; display: block; text-align: center; z-index: 999; }

.back { height: 116px; left: 0; top: 120px; }

.contact { height: 176px; right: 0; bottom: 110px; }

.dress { width: 520px; margin: 10px auto; }
.dress .dress-box { width: 520px; height: 800px; }
.dress .dress-box img { max-width: 520px; }
.dress .dress-info { font-family: "Microsoft YaHei"; }
.dress .dress-info h3 { width: 520px; height: 115px; line-height: 114px; }
.dress .dress-info h3 span { font-family: "urw_extlig"; }

.dress-lb { background: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1; opacity: 0; }
.dress-lb.on { z-index: 999; opacity: 1; }
.dress-lb .close-lb { position: fixed; right: 20px; top: 20px; width: 80px; height: 80px; z-index: 999; }
.dress-lb .swiper-container { height: 100%; }
.dress-lb .swiper-container .swiper-button-prev, .dress-lb .swiper-container .swiper-button-next { background: none; width: 80px; height: 80px; margin-top: -40px; }

.list { width: 520px; margin: 10px auto; }
.list .list-banner { width: 520px; }
.list .list-banner img { max-width: 100%; }
.list .list-title h3 { color: #000; letter-spacing: 10px; }
.list .list-title p { color: #7b7b7b; }
.list .list-box { margin-bottom: 20px; }
.list .list-item { display: block; width: 251px; height: 460px; margin: 0 9px 0 0; float: left; color: #888; }
.list .list-item h3 { color: #000; font-weight: bold; }
.list .list-item:nth-child(2n) { margin-right: 0; }

.seasons { width: 620px; margin: 10px auto; }
.seasons .swiper-container { height: 810px; }
.seasons .swiper-container .swiper-button-prev, .seasons .swiper-container .swiper-button-next { background: none; width: 80px; height: 80px; margin-top: -40px; }
.seasons img{max-width: 520px;max-height: 900px;}

.events { width: 520px; margin: 10px auto; }
.events .events-title h3 { color: #000; letter-spacing: 10px; }
.events .events-title p { color: #7b7b7b; }
.events .events-box { background: #f2f2f2; padding: 35px; font-family: "Microsoft YaHei"; color: #757575; line-height: 50px; }
.events .events-box b { font-family: "urw_extlig"; }
.events .events-box2 { font-family: "Microsoft YaHei"; line-height: 50px; }
.events .events-box2 b { font-family: "urw_extlig"; }

.menu { width: 440px; height: 590px; background: #b2b2b2; margin: 10px auto; padding: 220px 40px 0; }
.menu .menu-left { width: 280px; }
.menu .menu-left li { padding-bottom: 45px; }
.menu .menu-left li a { color: #fff; }
.menu .menu-right { width: 150px; }
.menu .menu-right li { padding-bottom: 30px; }
.menu .menu-right li a { color: #fff; }

.press { width: 520px; height: 810px; margin: 10px auto; overflow: hidden; }
.press .gallery-thumbs { height: 200px; padding-bottom: 30px; }
.press .gallery-thumbs .swiper-wrapper { height: 200px; }
.press .gallery-thumbs .swiper-slide { width: 25%; height: 200px; opacity: 0.4; background-size: cover; background-position: center; }
.press .gallery-thumbs .swiper-slide.swiper-slide-active { opacity: 1; }
.press .gallery-top { height: 580px; }
.press .gallery-top .swiper-wrapper { height: 580px; }
.press .gallery-top .swiper-slide { height: 580px; overflow: hidden; }
.press .gallery-top .swiper-slide .swiper-button-next, .press .gallery-top .swiper-slide .swiper-button-prev { width: 25px; height: 42px; }
.press .gallery-top .swiper-button-next { background: url(../images/mobile/next3.png) no-repeat center center; }
.press .gallery-top .swiper-button-prev { background: url(../images/mobile/prev3.png) no-repeat center center; }

.reservation { width: 85%; margin: 10px auto; }
.reservation img { max-width: 100%; }
.reservation .res-title h3 { color: #000; letter-spacing: 8px; font-size: 9vw; padding: 3vh 0 1vh; }
.reservation .res-title p { color: #7b7b7b; font-size: 5vw; padding-bottom: 3vh; }
.reservation .res-from { padding-top: 4vh; }
.reservation .res-from .form-group { width: 100%; margin-bottom: 20px; }
.reservation .res-from .form-group label { display: block; max-width: 100%; font-weight: 700; font-size: 5vw; padding: 0 0 1vh 2vw; }
.reservation .res-from .form-group .form-control { display: block; width: 100%; height: 7vh; line-height: 7vh; padding: 0 12px; font-size: 5vw; color: #555; background-color: #f7f7f7; background-image: none; border-radius: 2vh; border: none; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: -webkit-box-shadow ease-in-out .15s; -o-transition: box-shadow ease-in-out .15s; transition: box-shadow ease-in-out .15s; }
.reservation .res-from .form-group .form-control.datepicker { background: url(../images/date_icon.png) no-repeat 95% center #f7f7f7; }
.reservation .res-from .form-group .radio-box { width: 40%; height: 7vh; line-height: 7vh; background: #f0f0f0; text-align: center; padding: 0; border-radius: 2vh; margin-right: 10%; }
.reservation .res-from .form-group .radio-box:nth-child(3) { margin-right: 0; }
.reservation .res-from .form-group .radio-box label { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 7vh; line-height: 7vh; z-index: 3; opacity: 0; margin: auto; display: inline-block; cursor: pointer; padding: 0; }
.reservation .res-from .form-group .radio-box input { display: inline-block; vertical-align: middle; height: 2.8rem; line-height: 2.8rem; margin: 0; }
.reservation .res-from .form-group .radio-box .btn { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 7vh; line-height: 7vh; z-index: 2; display: inline-block; font-size: 5vw; text-align: center; background: #f7f7f7; color: #636363; padding: 0; }
.reservation .res-from .form-group .radio-box .btn.active { color: #999; background: #f0f0f0; box-shadow: none; -webkit-box-shadow: none; }
.reservation .res-from .submit { display: block; width: 70%; height: 7vh; line-height: 7vh; background: #d1e4f3; border-radius: 2vh; color: #8598a7; border: none; font-size: 6vw; margin: 7vh auto 0; }
.reservation .res-botoom { font-size: 5vw; color: #8598a7; margin-top: 3vh; }

.designer { width: 520px; margin: 10px auto; }
.designer .designer-title h3 { color: #000; letter-spacing: 10px; }
.designer .designer-title p { color: #7b7b7b; }
.designer .info .fl { width: 40%; }
.designer .info .fr { width: 55%; }
.designer .qm-center { font-family: "snell"; padding: 10px 20px 0 50px; }
.designer .qm-center span { position: relative; z-index: 999; color: #000; }
.designer .qm-center:before { content: ""; position: absolute; width: 10vw; height: 10vw; background: url(../images/bdh.png) no-repeat left top; background-size: 100% 100%; left: 0; top: 0; }
.designer .qm-center:after { content: ""; position: absolute; width: 32px; height: 30px; background: url(../images/sdh.png) no-repeat left top; right: 10%; bottom: 10%; }

.store { width: 520px; margin: 10px auto; }
.store .store-list { width: 520px; height: 560px; font-family: "Microsoft YaHei"; color: #666; }
.store .store-list .list-img { width: 520px; height: 350px; }
.store .store-list h3 { color: #000; }
.store .store-list .map span { background: url(../images/mobile/map.png) no-repeat left center; padding-left: 25px; }
.store .store-list .tel span { background: url(../images/mobile/tel.png) no-repeat left center; padding-left: 25px; }

.contact-us { width: 520px; margin: 10px auto; }
.contact-us .contact-box { border: 1px solid #000; padding: 23px; width: 470px; height: 100%; }
.contact-us .contact-box h3 { font-weight: bold; }
.contact-us .contact-box p { font-family: "Microsoft YaHei"; letter-spacing: 3px; line-height: 220%; font-size: 18px; }
.contact-us .contact-box p b { font-family: "urw_extlig"; }
.contact-us .contact-box p.pa { bottom: 23px; left: 23px; }


#idcode{float: left; width: 30%; height: 7vh; line-height:7vh;border:1px solid #ccc; text-align: center; font-size: 5vw;}
#ehong-code-tip-ck{display: none;}
#Txtidcode{float: left; background: #f7f7f7;color: #555; border:none; height: 7vh;line-height: 7vh;width: 69%; border-radius:0 2vh 2vh 0;}