@charset "utf-8";

@import "../font/fzfwqingyintije/fzfwqingyintije.css";
@import "../font/fzlantyj_zhun/fzlantyj_zhun.css";
@import "../font/flamesans-regular/flamesans-regular.css";
@import "../font/flame-regular/flame-regular.css";


/* css document */
*{ padding: 0; margin:0; box-sizing: border-box; -webkit-text-size-adjust:100%; font-size:100%; outline:none;
 font-family: "fzlantyj_zhun"; color: #5a2511; }
body{ background: #f5ebdc; -webkit-tap-highlight-color:rgba(0,0,0,0); overflow: auto!important; padding: 0!important; }
input,textarea,select{ font-size:100%; border:none; background:none; outline: none; }
h1,h2,h3,h4,h5,h6{ font-weight: normal; }
button{ border: none; }
ul{ list-style:none;}
a{ font-size:inherit; outline:none; text-decoration:none; color:inherit; font-family: inherit;}
img{ vertical-align:top; border:none; }


.wrapbox{ width: 100%; height: 100%; min-width: 1220px; }
.center{ width: 1180px; margin: 0 auto; }
.text_center { text-align: center; }
.btn-primary,.btn-primary:hover{ background:#502314!important;  }


/*top*/
.top_con{  height:180px;  line-height: 180px;  }
.top_con ul{ width: 100%; height: 100%; overflow:hidden; text-align: right; }
.top_con ul li{ display: inline-block; font-size:24px; color: #502314; padding-right:22.5px; font-family:"fzfwqingyintije"; vertical-align: middle;  }
.top_con ul li.logo{ width: 195px; height:100%; background:  no-repeat center center; position: relative; padding-right: 0; }
.top_con ul li.logo a{ display: block; width: 106px; height: 117px; opacity: 0; position: absolute; left: 44px; top: 32px; }
.top_con ul li.right{ padding-right: 0; padding-left:22.5px;  }
.top_con ul li.active,.top_con ul li:hover{ color: #ea0000; }
.top_con ul li.nav_join,.top_con ul li.nav_aboutus{ padding: 0; }

.top_subnav{ width: 100%; height: 90px;  position: absolute; left: 0; top: 180px; background:rgba(245,235,220,0.9);
 box-shadow:0px 18px 18px 5px rgba(0,0,0,0.09); display: none; z-index: 2; }
.top_subnav p{ display: none;  }
.top_subnav p.aboutus_subnav{ text-align: right; padding-right: 7em;}
.top_subnav p.axzx_subnav{ text-align: right; }
.top_subnav p.menu_subnav{ padding-left: 4em; }
.top_subnav p a{  font-size: 23px; margin: 0 20px; line-height: 90px; margin: 0 20px; font-family:"fzfwqingyintije"; }
.top_subnav p a:hover,.top_subnav p a.active{  color: #ea0000;  }
.top_subnav p.axzx_subnav a{ margin: 0 5px; }


.footer_wrap{ width: 100%; height: 300px; padding-top: 59px;  background: #502314; }
.footer_con{ overflow: hidden; }
.footer_nav{ float: left; margin-top: 9px; }
.footer_code{ float: right; overflow: hidden;width: 202px; background:  no-repeat left -2px; }
.footer_code a{ float: left; width: 40px; height: 40px; margin: 0 5px; text-indent: -9999px; }
.footer_nav li{ display: inline-block;   }
.footer_nav li a{ font-size: 18px; color: #ffffff; }
.footer_nav li:after{ content: ""; display: inline-block; vertical-align: sub; width: 1px; height: 18px; background: #ffffff; opacity: 0.4; margin: 0 18px;  }
.footer_nav li:last-child:after{ display: none; }

.tc_common_code{ display: none; width: 854px; height:636px; position: fixed; left: 50%; top: 50%;
 margin: -318px 0 0 -427px; background-repeat: no-repeat; z-index: 100; }
.tc_takeout_food{ background-image: ; }
.tc_office_code{ background-image: ; }
.tc_zfb_code{ background-image: ; }
.tc_douyin_code{ background-image: ; }


/*banner*/
.banner_img{ margin-bottom: 120px; }
.banner_item{ width: 100%; height: 655px; position: relative; overflow: hidden; }
.banner_item img{ width: 1920px; height: 655px; position: absolute; left: 50%; top: 0;  margin-left: -960px; }
.banner_img .slick-dots{ position: absolute; left: 50%; bottom: 22px; text-align: center; transform: translatex(-50%); }
.banner_img .slick-dots li{ display: inline-block; width: 14px; height: 14px; border-radius: 50%; text-indent: -9999px; background: #ffffff; margin: 0 12px;
 opacity: 0.5;}
.banner_img .slick-dots li.slick-active{ opacity: 1; }
.banner_img .slick-arrow{ width:40px; height: 40px; cursor: pointer; background-color: transparent; z-index: 99; position: absolute; left: 50%;
 top: 50%;  margin: -22px 0 0 -590px; text-indent: -9999px; background-repeat: no-repeat;  background-position:center center; background-size: 100%;  }
.banner_img .slick-prev{ background-image: ; }
.banner_img .slick-next{ margin-left: 590px; background-image: ; }

.menu_con{ overflow: hidden; }
.menu_con a{ float:left; margin-bottom: 40px; margin-right: 20px; }
.menu_con a.cd,.menu_con a.xzhbw{ width: 580px; height: 460px;  }
.menu_con a.xzhbw,.menu_con a.axzx{ margin-right: 0px;  }

.fan_king{ width: 100%; height: 258px; background: no-repeat center center; position: relative; margin-bottom: 153px; }
.fan_king p{ overflow: hidden; width: 336px; height: 67px; position: absolute; right: 90px; bottom: 36px;  }
.fan_king p a{ float: left; width: 66px; height: 66px; margin-right: 17px; text-indent: -9999px;   }

/*会员福利*/
.common_banner{ width: 100%; height: 182px; background-repeat: no-repeat; background-position:  center center;
margin-bottom: 33px;}



/*关于我们*/
.aboutus_banner{ background-image: ; background-color: #d62300; }

.subnav{ margin-bottom:80px; text-align: center; }
.subnav a{ display: inline-block; padding: 0 20px; height: 60px; text-align: center; line-height: 60px; border-radius: 15px;
font-size: 28px; background: #ffffff; color: #5a2511; font-family:"fzfwqingyintije";  margin: 0 7px;}
.subnav a.active{ background: #d62300; color: #ffffff; position: relative; }
.subnav a.showtreenav:after{ content: ""; display: block; width: 24px; height: 13px; position: absolute; left: 50%;
 margin-left: -12px; bottom: -20px; background:  no-repeat left top; }

.contactus_con{ width: 100%; height: 590px; margin-bottom: 36px; border-radius: 15px; background:  no-repeat center center #f5ebdc;
 box-shadow:0px 0px 18px 5px rgba(0,0,0,0.09); }
.aboutus_tip{ text-align: center; font-size: 18px; color: #502314; }


/*新闻中心*/
.news_con li{ display: inline-block; width: 381px; height: 345px; border-radius: 15px; margin: 0 18px 20px 0; background: #ffffff; overflow: hidden;
 box-shadow:0px 0px 18px 5px rgba(0,0,0,0.09); }
.news_con li:nth-child(3n){ margin-right: 0; }
.news_con li img{ width:100%; height: 241px;   }
.news_con li div{ width:100%; height: 124px; padding:15px 20px 10px; font-size: 18px; line-height: 28px; color: #502314; }
.news_con li div p{ height: 52px; font-family:"fzfwqingyintije"; }
.news_con li span{ font-family: "flamesans-regular"; }

.pagination{ text-align: center; font-size: 18px; color: #5a2511; margin: 20px 0 120px }



/*新闻详情*/
.news_detail{ padding-bottom: 136px; }
.news_detail *{ color: #502314; font-size: 18px; line-height: 36px; }
.news_detail .title{ font-size:28px; text-align: center; font-family:"fzfwqingyintije";  }
.news_detail .time{ text-align: center; padding-bottom: 30px; }
.news_detail_con p,.news_detail_con img{ padding-bottom: 36px;  }

/*加盟申请表*/
.joinus_banner{ background-image: ; background-color: #502314; }
.joinus_form *{ font-size: 18px; color: #5a2511; line-height: 30px;  }
.joinus_form .title{ text-align: center; padding-bottom: 20px; }
.joinus_form .part_title{ display: block; margin: 0 auto 15px; }
.joinus_form .partcon:not(.partcon3){ padding-bottom: 55px; }
.joinus_form .partcon p{ margin-bottom: 20px; }
.joinus_form .partcon p b{  font-weight: normal; margin-left: 5px; }
.joinus_form .partcon label{ position: relative; padding-right: 40px; }
.joinus_form .partcon span:not([class*="select"]){ display: inline-block; width: 440px; text-align: right; margin-right: 20px; }
.joinus_form .partcon input[type="text"],.select2-container,
.joinus_form .partcon select{ width: 320px; height: 30px; line-height: 30px; padding-left: 15px; background: #ffffff; border-radius:5px; }
.joinus_form .partcon select{ margin-left: -5px; }
.joinus_form .partcon input[type="text"]:disabled { background-color: #ebebe4;}
.joinus_form .partcon #s_county span,.tc_select_city #s_county span{ display: none; }
.joinus_form .partcon input[type="radio"]{ position: absolute; left: 0; top: 0; opacity: 0; }
.joinus_form .partcon input[type="radio"] i{ display: inline-block; width: 19px; height: 19px; border: 1px solid #502314; border-radius: 5px;
 margin-right: 10px; vertical-align: sub; position: relative; }
.joinus_form .partcon input[type="radio"]:checked i:after{ content: ""; display: block; width: 13px; height: 13px; border-radius: 3px;
 position: absolute; left: 50%; top: 50%; margin: -6.5px 0 0 -6.5px; background: #502314;}

.joinus_form .partcon .more_info{ text-align: center; padding-top: 20px; }
.joinus_form .partcon .more_info span{ display: block; width: 100%; margin: 0 0 5px 0; text-align: center; }
.joinus_form .partcon .more_info textarea{ width: 800px; height: 145px; padding: 15px; line-height: 30px;  background: #ffffff; border-radius:15px;
border: 1px solid #c3a291; resize: none;}

.joinus_form .yzm_p{ height: 58px; line-height: 58px; margin-bottom: 40px!important; }
.joinus_form .verify_img{ margin-left: 10px; }
.joinus_form .kbq{ border-bottom: 1px solid #502314; margin-left: 10px;}

.joinus_form .btn_con,.tc_select_city .btn_con{ text-align: center; }
.joinus_form .btn_con button,.tojoinform,.tc_select_city .btn_con button{ display: inline-block; width: 224px; height: 62px; text-align: center; line-height: 62px; border: 20px; color: #ffffff;
font-size: 24px; font-family:"fzfwqingyintije"; margin: 0 30px; border-radius: 60px; background: #502314;}
.joinus_form .btn_con button.submitbtn,.tojoinform,.tc_select_city .btn_con button.submitbtn{ background: #d72300; }

.select2-container--default .select2-selection--single{ height: 30px; line-height: 30px; background: #ffffff!important;
 border: none!important; }
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: inherit!important; padding: 0; color: #5a2511;}
.select2-results__option{ color: #5a2511; }
.select2-container--default .select2-selection--single .select2-selection__arrow{ width: 33px; height: 30px;
 background: no-repeat left; background-size: 100% 100%; top: 50%!important; margin-top: -15px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b{ display: none; }


/*加盟介绍*/
.joinus_produce{ width: 990px; color: #5a2511;}
.joinus_produce li{ padding: 50px 0; border-bottom: 1px solid #bea393; font-size: 18px; line-height: 36px; }
.joinus_produce li:last-child{ border:none; }
.joinus_produce li img{ padding-bottom: 20px; }
.joinus_produce h5{  font-family:"fzfwqingyintije"; padding-top: 15px; }
.joinus_produce h3{ font-size: 28px; font-family:"fzfwqingyintije"; padding-bottom: 15px; padding-bottom: 25px; }
.joinus_produce h3 span{ font-family: "flamesans-regular"; }
.joinus_produce p{ padding-left: 1em; }
.joinus_produce dt{  font-family:"fzfwqingyintije"; padding-left: 1em; }
.contactus_img,.tojoinform{ display: block; margin: 0 auto; }


/**
 * 加盟页弹窗/
 */
.clausecc{ position:fixed; width:100%; height:100%; left:0px; top:0px;  z-index:50; background:rgba(255,255,255,0.5); display: none; }
.clausecc .use{ position:absolute; width:80%; max-width: 1000px; min-width: 800px; padding-bottom: 60px; left:50%; top:50%; transform: translate(-50%,-50%); background:#f5ebdc;
 border-radius: 15px; box-shadow:0px 0px 29px 8px rgba(80,035,20,0.39); }
.clausecc .use h3{ text-align:center;  padding:60px 0 0 20px; font-size: 24px; font-family:"fzfwqingyintije";}
.clausecc .use a,.tc_detail a{ display:block; width:35px; height:35px; position:absolute; top:25px; right:30px; background:url(/uploads/image/wnimages/close_btn.png) no-repeat; background-size: 100%;}
.clausecc .use .use_wz{ width:80%; margin:10px auto 0 auto; height:300px;  }
.clausecc .use .use_wz p{ font-size: 18px; line-height: 36px; font-family:"fzfwqingyintije";}
.clausecc .use .use_wz p.english{ font-family: "flamesans-regular"; }
.clausecc .use span{ display:inline-block; vertical-align:middle;  width:82%; margin:20px auto 0 20px;  font-size:14px; text-align:center; }
.clausecc .use span label{ margin-left:130px; position: relative; font-size: 18px; font-family:"fzfwqingyintije"; }
.clausecc .use span label input{ margin-right:5px; position: absolute; left: 0; top: 0; opacity: 0;}
.clausecc .use span label input i{ display: inline-block; width: 20px; height: 20px;  border: 2px solid #5a2511; border-radius: 2px; vertical-align: sub; margin-right: 10px; }
.clausecc .use span label input:checked i{
 background:url(/uploads/image/wnimages/12.png) center no-repeat;
}
.clausecc .us_butt{ display:block; width:140px; height:40px; border-radius: 40px; background:#dc0000; text-align:center; font-size: 18px; line-height: 30px; margin:20px auto 0 auto; border:0; cursor:pointer; color:#fff;}
.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar { width: 10px; border-radius: 5px; background: #502314!important; }
.mcsb_scrolltools .mcsb_draggerrail{ width: 10px; border-radius: 5px; background: #d4c3b4; }
/*
*早餐门店弹窗
*/
.clausecc .use .use_wz table{ background:#999999;}
.clausecc .use .use_wz table tr td{   font:normal 14px/30px "microsoft yahei"; background:#fff; padding:0 5px; vertical-align:middle; text-align:center;}

/*加入我们*/
.join_banner{ background-image: ; background-color: #ff8732; }
.join_con{ background:  no-repeat center top; }
.join_con a{ display: block; width: 27%;height: 2%;position: absolute;left: 49%; top: 85.7%; text-indent: -9999px;}
.join_con a.btn-2{ left: 48%;top: 89.5%; width: 30%; }
.join_con a.btn-3{ top: 95%; left: 49%; width: 29%; }

/*餐厅*/
.restaurant_banner{ background-image: ; background-color:#ffaa00; margin-bottom: 0; }
.restaurant_main{ overflow: hidden; width: 100%;  }
.restaurant_left{ width:36%; padding:55px 3% ; min-width: 480px; float: left; background: #f5ebdc; }
.restaurant_left .code_img{ display: block; width:136px; margin: 0 auto 20px;  }
.restaurant_left .code_tip{ text-align: center; font-size: 16px; margin-bottom:134px;  }
.restaurant_left .pagination{ margin-bottom: 70px;  }
.restaurant_list{ background: #f5ebdc; margin-top: 35px; }
.restaurant_list li{ overflow: hidden; font-size: 18px; padding-bottom: 40px; }
.restaurant_list li.empty .icon,.restaurant_list li.zc .icon_zc,.restaurant_list li.czk .icon_czk{ display: none; }
.restaurant_list .info{ float: left; width: 71.5%; }
.restaurant_list .info h5{ font-family:"fzfwqingyintije"; font-size: 24px; line-height: 48px; }
.restaurant_list .info p{ font-size: 18px; line-height: 24px;  }
.restaurant_list .info h5 span{ display: inline-block; max-width: 9em; overflow: hidden; font-family: inherit;
 text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; margin-left: 10px; }
.restaurant_left .current_city{ overflow: hidden; line-height: 55px; }
.restaurant_left a,.restaurant_left a span{ color: #d62300; text-decoration: underline;  }
.restaurant_left a span{ margin-right: 0; }
.restaurant_left .icon{ height: 20px; width: auto; padding:0 8px; vertical-align: middle; }
.restaurant_left .current_city p{ float: left; }
.restaurant_left .current_city a{ float: right; }
.restaurant_left .find_con a.active{ font-weight: bold;  }
.restaurant_left .p_input{  height: 64px; background: #ffffff; border-radius: 10px; margin-bottom: 50px; position: relative; }
.restaurant_left .p_input input{ width: 100%; height: 100%; padding: 0 10px; font-size: 24px; }
.restaurant_left .p_input input::placeholder{ color: #502314; }
.restaurant_left .p_input button{ position: absolute; right: 0; top: 0; width: 70px; height: 100%; flex-shrink: 0; background:  no-repeat center center; }

.restaurant_left ._page_container ._pages li{ margin: 0 2px }
.restaurant_left ._prev,.restaurant_left ._next{  width: 39px; height: 39px; margin-right: 20px; text-indent: -9999px; background:  no-repeat left top; vertical-align: middle; background-size: 100% 100%; }
.restaurant_left ._next{ background-image: ; margin-right: 0; margin-left: 20px; }

.map_con{width: 64%; height: 1561px; float: right; max-width: calc( 100% - 480px )  }

.restaurant_list .btn_con{ float:right; width: 28.5%; text-align: center; white-space:normal; padding:12px 0 12px 6px;}
.restaurant_list .btn_con p{ font-size: 14px; line-height: 18px; padding: 8px 0; }
.restaurant_list .btn_con p span,.restaurant_list .info p span{ font-family: "flamesans-regular"; }
.restaurant_list .btn_con button{ width: 100%; padding: 10px 0;  text-align: center; color: #ffffff;
 font-size: 18px; border-radius: 25px; background: #ff8732; font-family: "flame-regular"; font-weight: bold; }

/*.bmap_pop{ position: fixed!important; left: 50%!important; top:50%!important ; transform: translate(-50%,-50%) }*/
.bmap_pop *{ border-color:#ffffff!important; }
.bmap_pop div:nth-child(1){ border-top-left-radius: 12px; }
.bmap_pop div:nth-child(3){ border-top-right-radius: 12px; }
.bmap_pop div:nth-child(5){ border-bottom-left-radius: 12px; }
.bmap_pop div:nth-child(7){ border-bottom-right-radius: 12px; }
.bmap_pop div:nth-child(8){ background:  no-repeat left top; }
.bmap_pop div:nth-child(8) img{ display: none; }
.bmap_shadow{ display: none; }

.bmap_bubble_content{ padding:15px 30px; }
.bmap_bubble_content h4{ font-size: 26px; line-height: 50px; border-bottom: 1px solid #5a2511!important; font-weight: normal; }
.bmap_bubble_content p{ font-size: 18px; line-height: 30px; }
.bmap_bubble_content .info_con{ padding: 15px 0; }
.bmap_bubble_content p span{ font-family: "flamesans-regular"; }
.bmap_bubble_content img{ width: 35px; margin:20px 10px 0 0; }


.tc_select_city{ width: 850px; height: 684px; border-radius: 20px; position: fixed; left: 50%; top: 50%; margin: -342px 0 0 -425px;
 z-index: 100; padding:75px 0; background: #f5ebdc; display: none;}
.tc_select_city h4{  width: 462px; margin: 0 auto; text-align: center; padding: 20px 0; border-bottom: 1px solid #5a2511;   }
.tc_select_city div{ width: 462px; margin: 0 auto; padding:34px 0 10px; }
.tc_select_city div p{  font-family:"fzfwqingyintije"; font-size: 18px; line-height: 36px; }
.tc_select_city div select{width: 462px; margin: 0 auto;}
.tc_select_city .btn_con{ width: 568px; margin-top: 55px; }
.tc_select_city .select2-container,.tc_select_city .select2-container *{ line-height: 40px; height: 40px; }
.close_btn{ width:36px; height: 36px; background:  no-repeat left top;
 position: absolute; right: 25px; top: 25px; cursor: pointer; }

.bg{ width: 100%; height: 100%; background: rgba(0,0,0,0.63); position: fixed; left: 0; top:0;  z-index: 99; display: none; }

/*菜单*/
.menu_banner{ background-image: ; background-color:#502314; }
.menu_main{ padding-bottom: 40px; }


.product_list{ padding-top: 40px; }
.product_list li{ overflow: hidden; margin-bottom: 45px;
 /*height: 330px; */
}
.product_list li div{ float: left; }
.product_list li.item1 div{ width: 100%;  }
.product_list li.item2 div{ width: 50%;  }
.product_list li.item3 div{ width: 33.33%;  }
.product_list li div a{ display: block; margin: 0 auto; text-align: center; }

.product_list li div a img:not(.icon){ width: 320px; height: 200px;  margin: 14px 0; }
.product_list li div a span{ display: block; font-size: 18px; display: none; }
.product_list li div a span img{ width: 226px; height: 20px; }
.product_list li div a.is_show_hj span{ display: block; }
.product_list li div a h6{  font-size: 28px; font-family:"fzfwqingyintije";}
.product_list li div a h6 .icon,.product_info h4 .icon,.recommend_con ul li h6 .icon{ width: 25px; height: 27px;  margin:6px 6px 0 ; display: none; }
.product_list li div a.is_show_icon h6 .icon,.recommend_con ul li.is_show_icon h6 .icon{ display: inline-block; }

.product_list li div a p{ font-size: 18px; font-family: "flame-regular";  }

.breakfast_time{ display: block; margin:0 auto 35px; font-size:24px; color: #d62400; text-align: center; }
.breakfast_time a{ border-bottom: 2px solid #d62400; }

/*菜单详情*/
.product_detail{ width: 100%; overflow: hidden; padding-top: 60px; }
.product_img{ float: left; width: 752px;  }
.product_img .big_img{ width: 100%; height: 448px; border-radius: 15px; }
.product_img .slider_img{ padding: 0 25px; margin-top: 25px; }
.product_img .slick-track{ margin: 0!important; }
.product_img .slider_img img{ width:160px; height: 95px; border-radius: 10px; margin: 0 auto; }
.product_img .slider_img .slick-arrow{ width:26px; height: 95px; position: absolute; top: 0;  z-index: 99; text-indent: -9999px; background: #ffffff;
 background-image: ; background-repeat: no-repeat; border-radius: 15px; }
.product_img .slider_img .slick-prev{ left: 0; background-position: 6px center; }
.product_img .slider_img .slick-next{ right: 0; background-position: -27px center; }
.product_img .slider_img.noslick{ padding: 0;  }
.product_img .slider_img.noslick img{ margin: 0;  }


.product_info{ float: right; width: 375px; }
.product_info h4{ font-size: 28px; font-family:"fzfwqingyintije"; line-height: 28px; padding-bottom: 20px;  }
.product_info h4 .icon{ display: inline-block; margin-top: 0; }
.product_info p{ font-size: 18px; line-height: 30px; }
.product_info .code_con{ padding-top: 45px; }
.product_info .code_con img{ width: 117px; }
.product_info .code_con span{ display: block; font-size: 16px; padding: 20px 0; text-indent: 1em; }


.recommend_con{ text-align: center; padding-top: 66px; }
.recommend_con .recommend_tit{ display: block; margin:38px auto; }
.recommend_con ul{ width:100%; height: 370px; overflow: hidden; background: #ffffff; }
.recommend_con ul li{ float: left;  width:25%; height: 370px; padding: 60px 23px; overflow: hidden; background: #ffffff; }
.recommend_con ul li img{ width:248px; height: 156px; }
.recommend_con ul li h6{ font-size: 28px; font-family:"fzfwqingyintije"; padding-top: 20px; }
.recommend_con ul li p{ font-size: 18px; font-family: "flame-regular"; }

/*使用条款*/
.agreement_banner{ background-image: ; background-color: #ec7801; margin-bottom: 50px; }
.privacy_banner{ background-image: ; background-color: #ec7801; margin-bottom: 50px; }
.agreement_con p{ padding-left: 0; text-indent: 2em; }


/*安心质选*/
.axzx_banner{ background-image: ; background-color:#198737; }
.subpage_main .subnav,.brandhistorymain .subnav,.crown_main .subnav{ margin-bottom: 20px; }
.subpage_main .subnav a{ width: auto; padding: 0 27px 0 0px; }
.three_nav{ width: 100%; height: 60px; text-align: center; line-height: 60px; background: #ffffff;  box-shadow:0px 0px 10px 2px rgba(80,35,20,0.18); }
.three_nav a{ display: inline; margin: 0 30px; font-family:"fzfwqingyintije"; font-size: 30px; }
.three_nav a:hover,.three_nav a.active{ color: #d62300; }
.subpage_img{ width: 100%; padding-top: 142px; position: relative; }

.subpage_con{ position: relative;margin-top: 142px; }
.subpage_con img{ padding-top: 0; }
.subpage_con button{ width: 18%; height: 1.35%; position: absolute; text-indent: -9999px; cursor: pointer; opacity: 0;  }
.subpage_con button.btn1{ left: 39.2%; top: 18.4%; }
.subpage_con button.btn2{ left: 58.4%; top: 25.7%; }
.subpage_con button.btn3{ left: 38.9%; top: 45.5%; }
.subpage_con button.btn4{ left: 69.4%; top: 52.7%;}
.subpage_con button.btn5{ left: 38.9%; top: 59.92%; }
.subpage_con button.btn6{ left: 64.65%; top: 67.1%; }
.subpage_con button.btn7{ left: 39.26%; top: 86.84%; }
.subpage_con button.btn8{ left: 69.6%; top: 94.26%; }

.subpage_img img{ width: 100%; }
.subpage_item{ position: relative; }
.subpage_main #myvideo{ width: 53.4375%; position: absolute; left: 12.5%; top: 54.95%; display: none;  }
.subpage_main #myvideo video{ width: 100%; height: 100%; }
.subpage_main #myvideo .play_btn,.video_tip{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.subpage_main #myvideo .play_btn img{  width: 12%; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  }
.video_tip{ height: auto; font-size: 18px; bottom: -10%; top: auto; }


/*王味优选*/
.qijian_img{ position: absolute; left: 0; top: 58%; width: 100%; }
.qijian_img .swiper3d-leftbtn,.qijian_img .swiper3d-rightbtn{ width: 3.3%; height: 62px; background-position: left top; background-size: 100%;
background-repeat: no-repeat;  background-color: transparent; text-indent: -9999px; }
.qijian_img .swiper3d-leftbtn{ left: 26%; background-image: ; }
.qijian_img .swiper3d-rightbtn{ right: 26%; background-image: ;}
.qijianmorebtn{ width: 20%;height: 6%;position: absolute;left: 40%; bottom: 14.5%; opacity: 0; }

.chuangxin_img{ width: 100%; position: absolute; left: 0; top: -1.6%; }
.chuangxin_img img{ width: 100%; }
.chuangxin_img .slick-arrow{ width:3.23%; height:65px; cursor: pointer; background-color: transparent; z-index: 99; position: absolute; top: 58%; text-indent: -9999px;
 background-repeat: no-repeat;  background-position:center center; background-size: 100%;  }
.chuangxin_img .slick-prev{ left: 7%; background-image: ; }
.chuangxin_img .slick-next{ right: 43%; background-image: ; }

.local_flavor button{ width: 19%; height: 4%; position: absolute; opacity: 0; cursor: pointer; }
.local_flavor button.btn1{ left: 43%; top: 29%; }
.local_flavor button.btn2{ right: 11.5%; top: 48%; }
.local_flavor button.btn3{ left: 43%; top: 66.5%; }
.local_flavor button.btn4{ right: 11.5%; top: 85.5%; }

.tc_detail{ width: 65%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); display: none; z-index: 100; }
.tc_detail img{ width:100%;  }
.tc_detail a{ width: 5%; height: 75px; right: 5.4%; top: 6.5%; z-index: 1000; }

.tc_detail .slick-dots{ position: absolute; bottom: 6%; left: 50%; transform: translatex(-50%); }
.tc_detail .slick-dots li{ display: inline-block;  }
.tc_detail .slick-dots li button{ font-size: 28px; font-family: "flame-regular";width: 40px; height: 46px; background: none;  }
.tc_detail .slick-dots li.slick-active button{  border-radius: 6px; background: #d62818; color: #f5ebdc; }

.tc_detail .slick-prev{ left: 10%; background-image: ; }
.tc_detail .slick-next{ right: 49%; background-image: ; }


/*返回顶部*/
.backtop{ display: block; width: 70px; height: 70px; background:  no-repeat left top;
 position: fixed; right: 19.68%; bottom:25%; display: none; }

.tc_subnav{ width: 82%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 100; display: none; }
.tc_subnav img{ width: 100%; }
.tc_subnav a{ display: block; width: 72px; height: 72px; position: absolute; right: 5%; top: 8.5%; }

/*品牌历史*/
.history_con,.crown_con{ position: relative; margin-top: 130px; overflow: hidden;}
.crown_img,.brand_img{ width: 100%; }
.history_con .fire_img{ width: 50%; position: absolute; right: -12%; top: 25.5%; }
.history_con .year_con{ width: 50%; position: absolute; left: 15%; top: 29%; }
.history_con .year_con li{ margin-bottom: 7.15%; position: relative; }
.history_con .year_con li img{ width:46.5%; opacity: 0.4; cursor: pointer; }
.history_con .year_con li p{  font-size: 2vw; line-height: 2.8vw; width: 100%; font-family:"fzfwqingyintije";
 position: absolute; top: 0; display: none;  }
.history_con .year_con li:nth-child(1) p{ left: 60%; }
.history_con .year_con li:nth-child(2) p{ left: 50%; }
.history_con .year_con li:nth-child(3) p{ left: 42%; }
.history_con .year_con li:nth-child(4) p{ left: 36%; }
.history_con .year_con li:nth-child(5) p{ left: 31%; }
.history_con .year_con li:nth-child(6) p{ left: 28%; }
.history_con .year_con li.active p{ display: block; }
.history_con .year_con li.active img{ opacity: 1; }

.history_con #myvideo{ width: 75%;position: absolute; left: 12.25%; bottom: 3%;  }
.history_con #myvideo video{ width: 100%; height: 100%; }
.history_con #myvideo .play_btn{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(80,35,20,0.4); }
.history_con #myvideo .play_btn img{  width: 12%; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  }


/*皇冠标准*/
.crown_con{ margin-top: 45px; }
.crown_img_con{ width: 100%; position: absolute; left: 0; top: -2%; }
.crown_img_con img{ width: 100%; }
.crown_img_con .slick-arrow,.tc_detail .slick-arrow{ width:2.35%; height: 70px; cursor: pointer; background-color: transparent; z-index: 99; position: absolute; top: 48%; text-indent: -9999px;
 background-repeat: no-repeat;  background-position:center center; background-size: 100%;  }
.crown_img_con .slick-arrow{ width: 3.3%; }
.crown_img_con .slick-prev{ left: 12%; background-image: ; }
.crown_img_con .slick-next{ right: 46%; background-image: ; }




@media screen and (max-width: 1600px) {
 .restaurant_list .info h5{  font-size: 22px; }
 .restaurant_list .info p,.restaurant_list .btn_con button{ font-size: 16px;  }
 .restaurant_list .info h5 span{ max-width: 8em;}

  ._page_container *{ font-size: 16px!important; }
  .restaurant_left ._prev,.restaurant_left ._next{ width: 30px; height: 30px; }

 .restaurant_left{ padding: 55px 2.5% }
 .restaurant_left .find_con{ font-size: 14px; }

}

@media screen and (max-width: 1400px) {
 .restaurant_list .info h5{  font-size: 20px; }
 .restaurant_list .info p,.restaurant_list .btn_con button{ font-size: 14px;  }
 .restaurant_list .info h5 span{ max-width: 6em;}

}

@media screen and (max-width: 1250px) {
 .restaurant_list .info h5{  font-size: 18px; }
}

.animatestart,.animateend{ display: block; height: 21%; position: fixed; right: 0; bottom: 20%; transform-origin: 150px center;
 margin-top: -113px;  z-index: 20;  }
.animatestart{ animation: pulse 1s infinite reverse  }
.animatestart img,.animateend img{ height: 100%; }
.animateend{  height:15%; display: none; }



.screen_item{ position: relative; overflow: hidden; }
.screen_1 .page{ height: 100%; background-repeat: no-repeat;background-size: cover;background-position: 50%; overflow: hidden;  transform: scale(1.5); transform-origin: left top; }
.screen_1 .page .video-player { -o-object-fit: cover;object-fit: cover; -o-object-position: bottom;object-position: bottom; width: 100%;height: 100%; }
.text_1_con{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: 5; }
.screen_1 .text_1_con img:not(.text_1_1){ height:25.8%; position: absolute; left: 7.8125%; top: 12.5%;  opacity: 0; }
.screen_1 .text_1_con img.text_1_1{ height:36.17%;  opacity: 0; }


.screen_2{ background: #502314; }
.screen_2 .text_2_1{ height: 27.59%; position: absolute; left:4.6875%; top: 25.759%; }
.screen_2 .text_2_2{ height: 14.15%; position: absolute; right: 2.1875%; top: 37%; }
.screen_2 .img_2{ height: 48.33%; position: absolute; left: 40.26%; top: 29.44%;  z-index: 12}
.shan_img{ width: 100%; height: 42.96%; position: absolute; left: 0; bottom: -1px; }
.shan_right{ z-index: 15;  }
.cup{ width: auto; display: block; animation: pulse 1.3s infinite reverse; transition: all 0.5s; }  /*bottom: 11%; left: 36.5%;*/
.cup.stop{
 animation-play-state:paused;
 -webkit-animation-play-state:paused; /* safari 和 chrome */
}
.cuppal{  position: absolute; z-index: 10; }


.screen_3{ background: #f5ebdc;  }
.coffee_img1{ height: 15.18%; position: absolute; left: 61.45%; top: 2.96%; }
.coffee_img2{ height: 10.83%; position: absolute; left: 32.815%; top: 31.85%; }
.coffee_img3{ height: 26.94%; position: absolute; left: 66.98%; top: 64.6%; z-index: 1; }
.coffee_img4{ height: 10.27%; position: absolute; left: 78.98%; top: 45.37%; }
.milk_img{ height: 36.389%; position: absolute; left: 1.875%; top: 47.78%; z-index: 15; }
.text_3_1{ height: 47%; position: absolute; left: 45.42%; top: 22.4%; }
.screen_bt{ width: 100%; position: absolute; left:0; bottom:0; }

.screen_4{ background: #ffaa00; }
.shuidi{ width: 4.98%;position: absolute; left: 71.48%; }
.coffee_img5{ height:30.9%; position: absolute; right: 9.375%; bottom:56.6%; }
.hand{ height:82.4%; position: absolute; right:0; bottom:0; }
.text_4_1{ height:38%; position: absolute; left:5%; top:15.6%; }
.card_con{ position: absolute; left:4.5%; top: 60%; text-align: center; transform-origin: left top; }
.card_con p{ height: 42px;   }
.card_con span{ display: inline-block; width: 130px; height: 35px; cursor: pointer; color: #502314; background: #f5ebdc; border-radius: 10px; text-align: center; line-height: 35px; margin: 0 4px; font-size: 15.7px; }
.card_con span:nth-child(3){ font-size: 12px; }
.card_con span.active{ height: 43px; background: #502314; color: #f5ebdc; border-radius: 10px 10px 0 0; }
.screen_4 .coffee_img1{ height: 40.8%; top: 39.5%; left: 55.5%; }
.screen_4 .coffee_img2{ height: 24.72%; top: 39.5%; left: 39.3%; z-index: 15; }
.screen_4 .coffee_img3{ height: 6.9%; top: 32%; left: 58%; }
.screen_4 .coffee_img1,.screen_4 .coffee_img2{ animation: pulse 1.3s infinite reverse; }

.tip_text{ height: 1.1%; position: absolute; left: 8.9%; bottom: 1.1%; }


.screen_5,.screen_7,.screen_6{ position: relative; height: auto!important; }
.hand_1,.hand_2{ width: 38.38%; position: absolute; left:0; bottom: 0; z-index: 2; }
.hand_2{ z-index: 15; }
.rotate{ transform: rotate(33.93deg); transform-origin:left bottom; }

.last_coffee_img{  position: absolute; left: 28%; top: 21.5%; opacity: 0; }
.zhenzi_img{ height: 25.6%;  position: absolute; left: 41%; top: 58.1%; z-index: 15; }

.screen_bg7,.screen_5_bg,.screen_bg6{ width: 100%; }