
/*html,body{font-size: 10px;}*/
body{ background:url(../image/loader.gif) no-repeat center center fixed; opacity:0;}
/*关于我们*/
.page{width: 100%;height: 100%;-webkit-background-size: cover;background-size: cover;}
/*.page01{background: url(/images/about/page_bg_01.jpg) no-repeat;}*/
.page{position: relative;}
.page .slide_down{width: 100%;position: absolute;bottom:3.7%;left:0; z-index:1000; padding:0 2%;color:#FFF;font-size:13px;-moz-box-sizing: border-box;box-sizing: border-box;}
.slide_down p{background:url(../image/down.png) no-repeat left; padding-left: 20px;float: left;cursor:pointer;-webkit-animation:txs 1s infinite linear;-ms-animation:txs 1s infinite linear;animation:txs 1s infinite linear;-webkit-animation-direction: alternate;animation-direction:alternate; }
.slide_down h6{float: right;}
.slide_down h6 a{ color:#fff;}
.paging_box{position: relative;width: 100%;height: 100%;overflow: hidden;}
.paging_box ul.pBox{width: 10000px;-webkit-transition:all 1s;-webkit-transition:all 1s;}
.paging_box li.paging{width: 1920px;height: 100%;float: left;position: relative;}
/*.paging_box dl{position: absolute;position: absolute;bottom:10%;right:2%;text-align: right;}
.paging_box dl dd{display: inline-block;width: 15px;height: 15px;border-radius:50%;background: #FFF;margin-left: 15px;cursor:pointer;}
.paging_box dl dd.cur{background: #B09E84;}*/
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:7.37%; width:100%; box-sizing:border-box; padding:0 2%; right:0; text-align: right; }
.swiper-pagination-bullet{width: 15px;height: 15px;border-radius:50%;background: #FFF; opacity:1;}
.swiper-pagination-bullet-active{background: #B09E84;}


.titles img{ margin-bottom:35px;}
.titles h3{font-size: 3.6rem;color:#B09E84;line-height: 30px;}
.titles h3 span{ font-size:1.4rem;}
.titles h4{font-size: 3.6rem;color:#FFF; margin-bottom:1.3%;}
.titles h3,.titles h4,.titles img,.text_content.youhui a.btn,.pageOne .text_content a.btn,.page4Box h2,.page4Box .exchange>p{-webkit-transform:translateY(200px);-ms-transform:translateY(200px);transform:translateY(200px);-webkit-transition:transform 2s, opacity 2s;transition:transform 2s, opacity 2s;opacity:0;filter:alpha(opacity=0);}
.titles h4{-webkit-transition-delay:.5s;transition-delay:.5s;}
.bouncedBox .titles h3,.bouncedBox .titles h4,.titles h3.on,.titles h4.on,.fjbox p.on,.news ul li.on,.paging_btn.on,.page04 .recruitment_left .img_box.on,.page04 .recruitment_left p.on,.page04 .recruitment_right ul.on,.recruitment_right .recruitment_text.on,.contact .contact_left.on,.contact_right ul li.on,.titles img.on,.text_content.youhui a.btn.on,.integral .integral_one.on,.integral .integral_three.on,.integral_two .integral_two_left.on,.integral_two .integral_two_right.on,.integral h2.data.on,.vip_one_box .img_box.on,.vip_one_box .text_box.on,.vip_two.on,.pageOne .text_content a.btn.on,.page4Box h2.on,.page4Box ul li.on,.page4Box .exchange>p.on,.clause .clause_left p.on,.page5Box .clause .clause_right.on,.vip_one h2.on{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1;filter:alpha(opacity=100);}
.text_content.home .titles h3{ color:#fff; font-size:6rem; margin-top:2.34%; line-height:6rem; font-weight:lighter; font-family:"微软雅黑";}
.text_content.home .titles h4{ color:#fff; font-size:2.4rem;}
.text_content.home a.btn{display: inline-block;width: 223px;line-height: 50px;text-align: center;font-size: 1.4rem;margin-top: 6%; margin-bottom:1%;background: #FFF;}
.text_content.youhui a.btn{-webkit-transition-delay:1s;transition-delay:1s;}
.text_content.youhui{ box-sizing:border-box; text-align:center; width:100%; top:38.425%}
.text_content.youhui a.btn{display: inline-block;width: 223px;line-height: 50px;text-align: center;font-size: 1.8rem; margin-bottom:1%;background: #FFF;}
.text_content.youhui a img{ margin-bottom:0; margin-left:16px;}

.titles.cen{}
.text_content{padding:0 2%;}
.text_content.home{ width:100%; text-align:center;}
.text_content.home img{ width:5.6%; padding-bottom:0;}
.text_content{position: absolute;top:23%;left:0; z-index:10000; box-sizing:border-box; width:100%;}
.text_content.newsqu,.text_content.joinqu{ top:13%;}
.text_content .dibu,.text_content .dibu a{ color:#FFF; font-size: 1.2rem;}
.text_content .dibu a:hover{ color:#C79400;}
.text_content.conqu{ box-sizing:border-box; width:100%;}
.text_content.conqu .titles{ text-align:center;}
.canting>.swiper-wrapper>.swiper-slide:nth-child(2n) .text_content{ left:auto; right:0; text-align:right;}
/*.page02{background: url(/images/about/page_bg_02.jpg) no-repeat;}
.page02 .text_content{position: absolute;left:0;top:20%;}*/
.recruitment_left p{width: 40%;font-size: 1.4rem;color:#B09E84;line-height: 22px;padding-top: 35px;}
.text_content p{font-size: 1.6rem;color:#B09E84; padding-top: 15px; vertical-align:middle;}
.text_content p font{ display:inline-block; padding:0 5px; height:23px; line-height:23px; text-align:center; color:#fff; background:#877152; cursor:pointer;}
.text_content p font:hover{ background:#765220;}
.cangql{ position:fixed; width:100%; height:100%; max-width:640px; max-height:400px; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:#4f3c21; z-index:1000000; box-sizing:border-box; padding:45px 65px; color:#fff; display:none;}
.cangql a{ position:absolute; right:50px; top:50px; color:#fff; font-size:30px;}
.cangql span{ font-family:"微软雅黑"; color:#fff; font-size:30px; display:block; margin-bottom:50px;}
.fjbox p{-webkit-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px);-webkit-transition:all 2s;transition:all 2s;-webkit-transition-delay:1s;transition-delay:1s;opacity:0;filter:alpha(opacity=0);}
.text_content p img{ vertical-align:middle; margin-right:23px; padding-bottom:0; margin-bottom:0;}
/*.page03,.page05,.page2,.page4,.bouncedBox{background: #000;}*/
.news ul li{width: 23.8%;float: left;margin-bottom: 1%;margin-right: 1.6%;}
.news ul li,.page4Box ul li{-webkit-transform:translate(200px,70px);-ms-transform:translate(200px,70px);transform:translate(200px,70px);-webkit-transition:all 2s;transition:all 2s;-webkit-transition-delay:1s;transition-delay:1s; opacity:0;filter:alpha(opacity=0); }
.news ul li:nth-child(1),.page4Box ul li:nth-child(1){-webkit-transition-delay:1s;transition-delay:1s;}
.news ul li:nth-child(2),.page4Box ul li:nth-child(2){-webkit-transition-delay:1.3s;transition-delay:1.3s;}
.news ul li:nth-child(3),.page4Box ul li:nth-child(3){-webkit-transition-delay:1.6s;transition-delay:1.6s;}
.news ul li:nth-child(4){-webkit-transition-delay:1.9s;transition-delay:1.9s;}
.news ul li:nth-child(5){-webkit-transition-delay:2.2s;transition-delay:2.2s;}
.news ul li:nth-child(6){-webkit-transition-delay:2.5s;transition-delay:2.5s;}
.news ul li:nth-child(7){-webkit-transition-delay:2.8s;transition-delay:2.8s;}
.news ul li:nth-child(8){-webkit-transition-delay:3.1s;transition-delay:3.1s;}
.news ul li:nth-child(4n){margin-right: 0;}
.news ul li h4{font-size: 1.8rem;color:#FFF;}
.news ul li h5{font-size: 1.4rem;color:#B09E84; padding-bottom: 10px;}
.news ul li p{font-size: 1.4rem;color:#B09E84;padding-top: 10px;}
.news ul li p a{padding-left: 15px;color:#B09E84;}
.news .titles{padding:2% 0 .5%;}
.paging_btn{text-align: center;padding-top: 1%;}
.paging_btn a,.paging_btn span{display: inline-block;font-size: 1.4rem;margin:0 7px;color:#FFF;}
.paging_btn span{color:#c31614;}
.paging_btn{-webkit-transform:translateY(150px);-ms-transform:translateY(150px);transform:translateY(150px);-webkit-transition:all 2s;transition:all 2s;-webkit-transition-delay:1s;transition-delay:1s; opacity:0;filter:alpha(opacity=0); -webkit-transition-delay:3.3s;transition-delay:3.3s;}
.paging_btn a:first-child{margin-right: 9px;}
.paging_btn a:last-child{margin-left: 9px;}
/*.page04{background: url(/images/about/page_bg_04.jpg) no-repeat;}
.page04 .text_content{padding-top: 4%;}*/
.page04 .recruitment{padding:2% 3%;}
.page04 .recruitment_left{width: 46%;float: left;}
.page04 .recruitment_right{width: 46%;float: right;}
.recruitment_left p{width: 100%;}
.page04 .recruitment_left .img_box,.page04 .recruitment_left p{-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);-webkit-transition:all 2s;transition:all 2s;-webkit-transition-delay:1s;transition-delay:1s;  opacity:0;filter:alpha(opacity=0); -webkit-transition-delay:1s;transition-delay:1s;}
.page04 .recruitment_left p{-webkit-transition-delay:1.5s;transition-delay:1.5s;}
.page04 .recruitment_right ul,.recruitment_right .recruitment_text{-webkit-transform:translateX(300px);-ms-transform:translateX(300px);transform:translateX(300px);-webkit-transition:all 2s;transition:all 2s;-webkit-transition-delay:1s;transition-delay:1s;  opacity:0;filter:alpha(opacity=0); -webkit-transition-delay:1s;transition-delay:1s;}
.recruitment_right .recruitment_text{-webkit-transition-delay:1.5s;transition-delay:1.5s;}
.recruitment_right ul li{width: 30%;float: left;padding:16px;font-size: 18px;color:#B09E84;border:1px solid #B09E84;-moz-box-sizing: border-box;box-sizing:border-box;margin:0 5% 28px 0;cursor:pointer;}
.recruitment_right ul li:nth-child(3n){margin-right: 0;}
.recruitment_right ul li.cur,.recruitment_right ul li:hover{border-color:#FFF;color:#FFF;}
.recruitment_right ul li.cur p,.recruitment_right ul li:hover p{background-image: url(../image/opens.png);}
.recruitment_right ul li p{background: url(../image/open.png) no-repeat right;padding-top:0;}
.recruitment_right .recruitment_text{margin-top: 2%;}
.recruitment_text h4{font-size: 1.8rem;color:#FFF;}
.recruitment_text p{font-size: 1.4rem;line-height: 22px;color:#B09E84;padding: 15px 0;}
.recruitment_text h5{font-size: 1.4rem;color:#FFF;}
.page05 .titles{/*text-align: center;padding:5% 0 4%;*/}
.page05 .contact{width: 60%;margin:0 auto;}
.contact .contact_left{width: 58%;height: 400px;float: left;}
.contact .contact_left{-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);-webkit-transition:all 2s;transition:all 2s;-webkit-transition-delay:1s;transition-delay:1s;  opacity:0;filter:alpha(opacity=0); -webkit-transition-delay:1s;transition-delay:1s;}
.contact_right ul li{-webkit-transform:translateX(300px);-ms-transform:translateX(300px);transform:translateX(300px);-webkit-transition:all 2s;transition:all 2s;-webkit-transition-delay:1s;transition-delay:1s;  opacity:0;filter:alpha(opacity=0); -webkit-transition-delay:1s;transition-delay:1s;}
.contact_right ul li:nth-child(2){-webkit-transition-delay:1.4s;transition-delay:1.4s;}
.contact_right ul li:nth-child(3){-webkit-transition-delay:1.8s;transition-delay:1.8s;}
.contact_right ul li:nth-child(4){-webkit-transition-delay:2.2s;transition-delay:2.2s;}
.contact_right ul li:nth-child(5){-webkit-transition-delay:2.6s;transition-delay:2.6s;}
.contact .contact_right{width: 38%;float: right;padding:0px 2%;}
.contact_right ul li{line-height: 24px;padding:23px 0 23px 80px;font-size:18px;background: url(../image/contact_01.png) no-repeat left;color:#B09E84;}
.contact_right ul li:nth-child(2){background-image: url(../image/contact_02.png);}
.contact_right ul li:nth-child(3){background-image: url(../image/contact_07.png);}
.contact_right ul li:nth-child(4){background-image: url(../image/contact_03.png);}
.contact_right ul li:nth-child(5){background-image: url(../image/contact_04.png);}
#map{width: 100%;height: 100%;}
#map .anchorBL{display: none;}
.news_content{width: 100%;height: 100%;background: #000;}
.news_content .news_text{width: 66%;margin:0 auto;padding-top: 8%;}
.news_text h2{font-size: 2.4rem;color:#FFF;}
.news_text .share{font-size: 1.4rem;color:#B09E84;padding:8px 0;}
.news_text .share p,.news_text .share h3{float: left;margin-right: 20px;}
.news_text .share a{display: inline-block;width: 14px;height: 21px;background: url(../image/share.png) no-repeat center;}
.news_text .newsBox{height:60%;overflow-y: auto;}
.news_text .newsBox p{padding:2% 0;font-size: 1.4rem;color:#B09E84;line-height: 22px;}
.news_paging{padding-top: 30px;border-top: 1px solid rgba(176,158,132,.3);}
.news_paging .news_pagingBox{width: 66%;margin:0 auto;}
.news_paging{font-size: 1.4rem;}
.news_paging .title{position: relative;padding-top: 15px;color:#FFF;}
.news_paging .title a{color:#FFF;position: absolute;right:10px;top:15px;padding-right: 18px;background:url(../image/opens.png) no-repeat right;}
.news_paging .title b{display: block;width: 13px;border-top: 2px solid #FFF;position: absolute;left:0;top:0;}
.news_paging ul{padding-top: 20px;}
.news_paging ul li{line-height: 28px;font-size:1.4rem;color:#B09E84;}
.news_paging ul li h4,.news_paging ul li p{display: inline-block;}
.news_paging ul li a{color:#B09E84;padding-left: 26px;}
.news_paging ul li a:hover{text-decoration:underline;}
/*优惠精选*/
.pageOne{background: url(../image/preferential_bg_01.jpg) no-repeat;}
.pageOne ul li.paging,.page1 ul li.paging{display: table;}
/*.pageOne .text_content,.page1 .text_content{display:table-cell;vertical-align: middle;text-align: center;}*/
.pageOne .text_content img,.text_content img{padding-bottom: 2%;}
.pageOne .text_content a.btn,.text_content a.btn{display: inline-block;width: 223px;line-height: 50px;text-align: center;font-size: 1.2rem;margin-top: 3%;background: #FFF; vertical-align:middle;}
.text_content a.btn img{ vertical-align:middle;}
.pageOne .text_content a.btn{-webkit-transition-delay:1s;transition-delay:1s;}
/*常客奖励*/
.page1{background: url(../image/reward_bg_01.jpg) no-repeat;}
.page1 .text_content a.btn img{margin-left: 18px;vertical-align: middle;}
.page2Box,.page3Box,.page4Box,.page5Box{width: 66%;margin:0 auto;}
.page2Box .integral{height: 750px;overflow-y: auto;}
.page2Box .titles,.page3Box .titles{padding:2% 0 1%;}
.integral .integral_one{position: relative;padding-bottom: 1%;}
.integral .integral_one,.integral .integral_three ,.vip_two,.clause .clause_left p{-webkit-transform:translateX(300px);-ms-transform:translateX(300px);transform:translateX(300px);-webkit-transition:all 2s;transition:all 2s;-webkit-transition-delay:1s;transition-delay:1s;opacity:0;filter:alpha(opacity=0);}
.vip_two{-webkit-transition-delay:1.5s;transition-delay:1.5s;}
.integral_one a.btn{font-size: 1.4rem;color:#B09E84;position: absolute;right:0;top:0;}
.integral h2{padding-left: 38px;background: url(../image/integral_icon_01.png) no-repeat left;font-size: 2.4rem;color:#B09E84;}
.integral h2.data{background-image: url(../image/integral_icon_02.png);}
.integral h2.search{background-image: url(../image/integral_icon_03.png);}
.integral h3{font-size: 1.8rem;color:#FFF;}
.integral .information{padding:5px 0;}
.information ul li{float: left;margin-right: 40px;font-size: 1.4rem;color:#B09E84;}
.information ul li span.integral_number{color:#be0402;}
.integral_two,.integral_three{border-top: 1px solid rgba(176,158,132,.2);padding:1% 0;}
.integral .integral_three{-webkit-transition-delay:2s;transition-delay:2s;}
.integral_two .integral_two_left{width: 40%;float: left;}
.integral_two .integral_two_right{width: 50%;float: right;}
.integral_two .integral_two_left,.integral_two .integral_two_right,.integral h2.data,.page5Box .clause .clause_right{-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);-webkit-transition:all 2s;transition:all 2s;-webkit-transition-delay:1s;transition-delay:1s;opacity:0;filter:alpha(opacity=0);-webkit-transition-delay:1s;transition-delay:1s;}
.integral_two .integral_two_left,.integral h2.data{-webkit-transition-delay:1.5s;transition-delay:1.5s;}
.integral_two ul{margin-top: 15px;}
.integral_two ul li{margin-bottom: 8px;line-height: 38px;color:#B09E84;}
.integral_two ul li p,.integral_two_right h5{display: inline-block;width: 70px;font-size: 1.4rem;}
.integral_two ul li p span{color:#be0402;vertical-align: middle;}
.integral_two ul li input{border:1px solid #B09E84;width:calc(100% - 70px);line-height: 38px;background-color: transparent;color:#B09E84;padding-left: 12px;box-sizing:border-box;-moz-box-sizing:border-box;}
.integral_two_right a.btn{display: block;width: 120px;line-height: 40px;text-align: center;font-size: 1.4rem;color:#B09E84;background: #be0402;margin-left: 70px;}
.integral_two_right h5{width:auto;padding-left: 5px;}
.integral_two_right ul li input{width:calc(100% - 215px);}
.integral_three .date{padding:8px 0;}
.integral_three .date>div{display: inline-block;margin-right: 30px;}
.integral_three .date input{width: 128px;background-color: transparent;color:#FFF;font-size: 1.4rem;border:none;}
.integral_three .date a.btn{display: inline-block;width: 100px;line-height: 30px;text-align: center;background: #31291e;font-size: 1.4rem;color:#B09E84;}
.integral_three .date p{display: inline-block;padding-right: 25px;margin-right: 15px;line-height: 28px;background: url(../image/integral_icon_04.png) no-repeat right;font-size: 1.4rem;color:#B09E84;}
.integral_three .date a.bth{width: 66px;line-height: 30px;text-align: center;background: #31291e;font-size: 1.4rem;color:#B09E84;}
.tableBox{width: 95%;margin:0 auto;}
.integral_three table,.vip_two table{width: 100%;}
.integral_three table,.integral_three table tr,.vip_two table,.vip_two table tr{border:1px solid rgba(176,158,132,.2);}
.integral_three table tr,.vip_two table tr{line-height: 38px;}
.integral_three table td,.integral_three table th{width: 25%;font-size: 1.4rem;color:#B09E84;text-align: left;padding:0 25px;}
.tableBox p{font-size: 1.4rem;color:#FFF;margin-top: 10px;}
/*.page3{background: url(/images/reward/reward_bg_02.jpg) no-repeat;}*/
.page3Box h2 {font-size: 2.4rem;color: #B09E84;margin-bottom: 1%;}
.vip_one .vip_one_box{width: 33%;display: block;float:left;}
.vip_one_box .img_box{width: 30%;float: left;}
.vip_one_box .img_box,.vip_one_box .text_box,.vip_one h2{-webkit-transform:translate(150px,200px);-ms-transform:translate(150px,200px);transform:translate(150px,200px);-webkit-transition:all 2s;transition:all 2s;-webkit-transition-delay:1s;transition-delay:1s;opacity:0;filter:alpha(opacity=0);}
.vip_one_box .img_box {-webkit-transform:translate(150px,200px) rotateY(180deg);-ms-transform:translate(150px,200px) rotateY(180deg);transform:translate(150px,200px) rotateY(180deg);}
.vip_one_box .img_box.on{-webkit-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);}
/* .vip_one .vip_one_box:first-child(2) .img_box,.vip_one .vip_one_box:first-child(2) .text_box{
  -webkit-transition-delay:1.5s;transition-delay:1.5s;      
} */
.vip_one_box .text_box{width: 65%;height: 100%;float: right;display: table;}
.vip_one_box .text_box p{display: table-cell;font-size: 1.4rem;color:#FFF;vertical-align: middle;}
.vip_one_box .text_box p span{font-size: 1.8rem;color:#B09E84;}
.vip_two{}
.vip_two table td,.vip_two table th{width: 15%;font-size: 1.4rem;color:#B09E84;text-align: left;padding:0 25px;}
.vip_two table td:first-child,.vip_two table th:first-child{width: 70%;}
.vip_two a.btn,.yanhbtn{display:inline-block;width: 140px;line-height: 44px;text-align: center;font-size: 1.4rem;color:#333;background: #FFF;margin-top: 1%;}
.vip_two a.btn span,.yanhbtn span{display: inline-block;width: 14px;line-height: 14px;text-align: center;border:1px solid #be0402;color:#be0402;margin-top: 2%;vertical-align: text-bottom;margin-left: 8px;}
.yanhbtn{ margin-top:40px;}
.page4Box .titles,.page5Box .titles{padding:10% 0 6%;}
.page4Box h2{font-size: 2.4rem;color:#B09E84;}
.page4Box ul li{width: 33.33%;padding:0 2%;text-align: center;float: left;-moz-box-sizing: border-box;box-sizing: border-box;}
.page4Box ul li p,.page4Box .exchange p{font-size: 1.4rem;color:#B09E84;line-height: 24px;margin-top: 30px;}
.page4Box ul li p span{color:#FFF;}
.page4Box .exchange>p{line-height: 28px;margin-top: 6%;}
.page4Box .exchange>p{-webkit-transition-delay:2s;transition-delay:2s;}
.page5{background: url(../image/reward_bg_03.jpg) no-repeat;}
.page5Box .clause .clause_left{width: 62%;float: left;}
.page5Box .clause .clause_right{width: 28%;float: right;}
.clause .clause_left p{font-size: 1.4rem;color:#B09E84;line-height: 28px; padding-left:25px; background: url(../image/biaoz.png) no-repeat left center;}
/*登录、注册弹框*/
.bouncedBox{width: 100%;height: 100%;position: fixed;left:0;top:0;display: none; z-index:10005; background:#000;}
.bounced{position: relative; width:100%; height:100%;}
.bouncedBox b{display: block;width: 30px;line-height: 30px;text-align: center;font-size: 2rem;position: absolute;right:17%;top:6%;color:#FFF;font-weight: normal;cursor:pointer;z-index: 100;}
.bounced h5{font-size: 1.4rem;color:#B09E84;margin:2% 0 4%; text-align:left;}
.box_top{text-align: center;width: 66%;margin:0 auto; position:absolute; left:17%; top:13%;}
.chanqu{ height:100%; overflow:hidden; position:static;}
.chanqu .box_top{ height:74%; overflow:auto;}
.box_top ul li{margin-bottom: 2%;text-align: center;}
.box_top ul li input,.box_top ul li .sex{width: 70%;height: 48px;line-height: 48px;border:1px solid #B09E84;background-color: transparent;padding:0 20px;color:#B09E84;}
.box_top ul li input::-webkit-input-placeholder{color:#B09E84;} 
.box_top ul li input::-moz-input-placeholder{color:#B09E84;} 
.box_top ul li input::-ms-input-placeholder{color:#B09E84;} 
.box_top ul li input::-o-input-placeholder{color:#B09E84;} 
.box_top ul li .sex{position: relative;display: inline-block;text-align: left;}
.box_top ul li .sex b{position: absolute;right:20px;top:19px;-webkit-transition:all .5s;transition:all .5s;}
.box_top ul li .sex b.rotate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.sex .sexBox{width: 100%;position: absolute;left:-1px;top:48px;border: 1px solid #B09E84;display: none;}
.sexBox p{line-height: 48px;border-top: 1px solid #B09E84;background: #000;text-align: center;cursor:pointer;}
.box_top ul li a.login_btn,.box_top ul li a.registered_btn{display: inline-block;width: 150px;line-height: 50px;text-align: center;background: #BE0402;font-size: 1.8rem;color:#B09E84;}
.box_top ul li a.registered_btn img{display: inline-block;margin-right: 8px;}
.box_top ul li a.registered{display: inline-block;font-size: 1.4rem;color:#FFF;margin-left: 20px;text-decoration: underline;}
.box_bottom{border-top: 1px solid rgba(176,158,132,.2);font-size: 1.4rem;color:#B09E84;text-align: center; position:absolute; width:66%; left:17%; bottom:1%;}
.box_bottom h6{margin:3% 0 1%;font-size:1.8rem;color:#FFF;}

/*kefang*/
.pagecontent{ width:100%; height:100%;}


a.btn:hover{ color:#fff !important; background:#cb1915 !important;}
a.btn:hover span{ color:#fff !important; border-color:#fff !important;}
.text_content.home a.btn:hover{ color:#fff ; background:#cb1915;}
.text_content.home a.btn:hover span{ color:#fff; border-color:#fff;}

/*yanhui*/
.chandibiao,.chandibiao tr,.chandibiao tr td{ border:1px solid #b09e84; color:#b09e84;}
.chandibiao tr td{ padding:15px 25px; text-align:left;}
.caipin .box_top{ text-align:left;}
.caipinleft{ float:left; width:40px; background:url(../image/yanxi_08.jpg) no-repeat center top; height:433px;}
.caipinright{ float:right; background:#fff;overflow:hidden;}
.foodBox{width:10000px;-webkit-transition:all 1s;transition:all 1s;}
.caipinright img{ width:100%;}
.caipinright .caipinbox{ padding:40px;-moz-box-sizing: border-box;box-sizing: border-box;display:inline-block;}
.caipinright .caipinbox .canfantu{ float:right; width:38%;}
.canfanwen{ float:left; width:56%;}
.canfanwen h6{ font-size:3.6rem; color:#866639; position:relative; line-height:1.46; font-family:"Times New Roman"}
.canfanwen h6 span{ position:absolute; right:0; bottom:0; font-size:2rem; color:#ca1814;}
.caimu p{ font-size:1.4rem; color:#2f2f2f;}
.taocan{ margin:25px 0;}
.taocan ul li{ float:left; text-align:left; margin-right:156px;}
.taocan ul li:nth-child(2n){ margin-right:0;}
.taocan ul li span{ color:#866639; font-size:2rem; line-height:25px;}
.taocan ul li span em{ display:inline-block; width:25px; height:25px; border-radius:50%; background:#b09e84; color:#fff; font-size:18px; line-height:25px; text-align:center;}
.biaos{ background:#e7e1da; padding:0 10px; color:#D80003; display:inline-block; line-height:2; margin-bottom:20px;}
.qieh{ position:absolute; right:0; top:-23px;}
.qieh a{ display:inline-block; width:34px; height:23px; margin-right:1px;}
.qieh a.xiangq{ background:url(../image/yanxi_03.jpg) no-repeat center center;}
.qieh a.xiangh{ background:url(../image/yanxi_05.jpg) no-repeat center center;}
/*常客奖励-积分管理--滚动条*/
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:-80px;}
.mCSB_scrollTools .mCSB_dragger{left:-2px;}
/* .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:1;} */
.mCSB_scrollTools .mCSB_draggerContainer{width: 5px;background: rgba(176,158,132,.1);}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{width: 9px;background: #b09e84;border-radius:0;}
@-webkit-keyframes txs {
  0%{-webkit-transform: translate(0,-5px);-ms-transform: translate(0,-5px);transform: translate(0,-5px);}
  50%{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
  100%{-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);transform: translate(0,5px);}
}

@media screen and (max-height:900px){
	.page2Box .integral{height: 500px;}
	.page3Box .vip{height: 500px;}
	
	
}

@media screen and (max-width:1440px){
    .text_content.newsqu,.text_content.joinqu{ top:18%;}
}
@media screen and (max-width:1360px){
    .text_content.newsqu,.text_content.joinqu{ top:18%;}
}
@media screen and (max-width:1080px){
    .text_content.newsqu,.text_content.joinqu{ top:18%;}
}

@media screen and (max-width:768px) {
	.swiper-slide{ background-size:auto 100% !important;}
  .box_top{ width:99%; left:1%;}
  .bouncedBox b{ right:1%;}
  .page2Box, .page3Box, .page4Box, .page5Box{ width:96%;}
  .text_content.home img{ width:12%;}
  .page2Box .integral{ height:400px; margin-top:20px;}
  .integral_two .integral_two_left{ width:100%;}
  .integral_two .integral_two_right{ width:100%;}
  .news ul li{ width:49%; margin-right:1%;}
  .news ul li .img_box{ display:none;}
  .news ul li h5{ padding-bottom:0;}
  .page04 .recruitment_left{ display:none;}
  .page04 .recruitment_right{ width:100%;}
  .contact .contact_left{ /*display:none;*/ width: 100%; height: 160px;}
  .page05 .contact{ width:96%; margin:0 auto;}
  .contact .contact_right{ width:100%; padding:40px 0;}
  .canfanwen{ width:100%;}
  .caipinright .caipinbox .canfantu{ display:none;}
  .caipinright .caipinbox{ padding:20px;}
  .taocan ul li{ width:50%; margin-right:0;}
  
    
  .text_content.home .titles h3{ font-size:4.5rem;}
  .text_content.home a.btn{ width:180px; line-height:45px;}
  .home .dibu{ margin-top:30px;}
  .titles h4{ font-size:3rem;}
  .titles h3{ font-size:3rem;}
  .pageOne .text_content a.btn, .text_content a.btn{ width:250px; line-height:45px;}
  .page2Box, .page3Box, .page4Box, .page5Box{ margin-top:50px;}
  
  /*菜谱*/
  /*常客奖励3屏*/
 .page3Box .vip{ height:500px; overflow-y:auto;}
  /*.page3Box .tableBox{ height:200px; overflow-y:auto;}*/
  /*常客奖励5屏*/
  .clause .clause_left{ height:500px; overflow-y:auto;}
  /*关于我们2屏*/
  .fjbox.jianj{ height:300px; overflow:auto;}
  /*关于我们4屏*/
  .recruitment_text p{ height:150px; overflow:auto;}
 }



.vip_one{overflow:hidden;margin-bottom:20px;}

.swiper-button-next.next-btn{left:auto;right:20px;top:auto;margin:0;border:1px solid #fff;bottom:55px;background:url(../image/opens.png) no-repeat center center;width:30px;height:30px;}
.swiper-button-prev.prev-btn{left:auto;right:55px;top:auto;margin:0;border:1px solid #fff;bottom:55px;background:url(../image/openss.png) no-repeat center center;width:30px;height:30px;}

@media screen and (max-width:640px) {
  .vip_one_box .text_box{width:77%;}
  .vip_one_box .img_box{width:16%;text-align:right;}
  .vip_one .vip_one_box{width: 100%;margin-bottom:15px;float:none;}
  .vip_one .vip_one_box .img_box img{width:30px !important;height:auto !important;}
  .vip_two table td, .vip_two table th{padding:0;}
  .vip_two table td:nth-child(1),.vip_two table th:nth-child(1){text-indent: 10px;}
  .swiper-button-next.next-btn{bottom:55px;}
  .swiper-button-next.prev-btn{bottom:65px;}
  .clause_right{display:none;}
  .page5Box .clause .clause_left{width:100%; }
  .clause .clause_left{height:330px; overflow-y: scroll;}
  .page3Box .vip{ height:330px; overflow-y:auto;}
  
  .text_content .fjbox{height: 230px; overflow-y: scroll;}
  .contact .contact_right{padding:20px 0; max-height: 180px; overflow-y: scroll;}
  .page04 .recruitment{height: 270px; overflow-y: scroll;}
  
  .qieh{bottom: 0; top: auto;}
  .qieh a{width: 45px; height: 36px; }
  .foodBox{height: 460px; overflow-y: scroll;}
  .page04 .exchange{height: 340px; overflow-y: scroll;}
}




