*{ outline:none;}
body{ font-family: PingFang SC,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,th,ul{margin:0;padding:0}
a:link,a:visited{text-decoration:none;}
a img{border:0}
body{margin:0;padding:0;font-size: 14px;background:#f6f6f6; line-height: 1.5;}
ul,li{ list-style:none;}
h1,h2,h3.h4,h5,h6{ color:#333; }
img{ margin:0; padding:0; border: none;}
button:focus,input:focus,select:focus,textarea:focus{outline:0}
input[type=text],input[type=password],input[type=search],input[type=tel],input[type=number],input[type=email],input[type=url],textarea{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
.color-9{ color: #999; }
:-moz-placeholder { color: #999; opacity:1; }
::-moz-placeholder {  color: #999;opacity:1; }
input:-ms-input-placeholder{ opacity:1;}
input::-webkit-input-placeholder{ opacity:1; }
.pst{ position: relative;}
.clear{ clear: both;}
em{ font-style: normal;}
a{ color: #f2720e; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.clearfix:before,.clearfix:after{ display: table; content: " ";}
.clearfix:after{ clear: both; }

.cine-wrap{ max-width: 640px; margin: 0 auto; }
.cine-shop-info{ background-color: #fff; padding: 15px 15px 0 15px; /* height: 230px; */ overflow-y: hidden;}
.cine-shop-name{  }
.cine-shop-name a{ font-size: 18px; color: #343434;font-weight: bold;}
.cine-shop-name a i{ margin-left: 5px;}
/* show  star style */
.cine-grade{ display: flex; align-items: center;}
.cine-grade span{ color: #f2720e; margin-left: 5px; font-size: 16px;}
.show-star{ height:18px; margin-bottom: 10px; display: flex; align-items: center; }
.st-item{ width:16px; height:16px; color: #f2720e; font-size: 16px; /* background:url(/mobileWeb/sn/h5/img/small-star.png) no-repeat; */}

.rating-score{ margin-bottom: 5px; }
.shop-time span{ color: #b2b2b2; }
.shop-map{ margin: 5px 0;}
.shop-map dl{ display: flex; align-items: center; }
.shop-map dt{ width: calc(100% - 50px); }
.shop-map dt h5{ font-size: 14px; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.shop-map dt .km{ color: #b2b2b2;}
.shop-map dd{ width: 120px; text-align: right;}
.shop-map dd a{ width: 40px; height: 40px; margin-left: 10px;}
.shop-map dd a img{ width: 30px; height: 30px;}
.cine-sales {display: flex; align-items: center;}
.cine-sales-wrap{ width: calc(100% - 50px);}
.cine-sales-item span{ width: 40px; background-color: #fef1e1; font-size: 12px; border-radius: 2px; color: #f2720e; text-align: center;}
.cine-sales a{ width: 40px; text-align: right;}
.cine-sales-item p{ color: #767676; display: -webkit-box; -webkit-box-orient: vertical; /* -webkit-line-clamp: 1; */ overflow: hidden;}
.cine-tabs{ padding: 15px 15px 0 15px; background-color: #fff; z-index: 99; }
.cine-tabs ul{ display: flex; align-items: center; }
.cine-tabs li{ width: 120px; padding-bottom: 10px; margin-right: 15px; text-align: center; position: relative; }
.cine-tabs li a{ color: #828282; font-size: 16px; }
.cine-tabs li::before{ display: none; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 3px; width: 30px; background-color: #f2720e;}
.cine-tabs li.active a{ color:#222; }
.cine-tabs li.active::before{ display: block;}
.cine-menu-wrap{ position: relative; display: flex; justify-content: flex-end; background-color: #fff; margin-top: 10px; padding-bottom: 114px;  overflow-y: auto; }
.cine-cate { /* position: absolute; left: 0; top: 0; bottom: 0; */ background: #f2f2f2; width: 80px;}
.cine-cate li{ padding: 15px 10px; position: relative; }
.cine-cate li::before{ display: none; content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: #f2720e;}
.cine-cate li a{ color: #a0a0a0;}
.cine-cate li a img{ width: 20px; height: 20px; margin-bottom:3px ; margin-right: 5px;}
.cine-cate li.active{ background-color: #fff; }
.cine-cate li.active a{ color: #f2720e; }
.cine-cate li.active::before{ display: block; }
.cine-product{ width: calc(100% - 80px); }
.cine-drink-item{ display: flex; background-color: #fff; overflow: hidden; padding:0 10px 10px;}
.cine-drink-photo{ width:115px; height: 115px; overflow: hidden; border-radius: 5px;}
.cine-drink-photo img{ width: 100%; object-fit: cover;}
.cine-drink-intro{ width: calc(100% - 100px); margin-left: 10px; }
.cine-drink-txt{ color: #a9a9a9; font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;   }
.cine-drink-label{ display: flex; flex-wrap: wrap; }
.cine-drink-label span{ margin-bottom: 5px; background-color: #fff0e2; color: #f2720e; margin-right: 5px; height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px; border-radius: 5px; }
.cine-drink-intro h5{ font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.cine-drink-opera{ display: flex;align-items:center}
.cine-drink-buy{ width: 50%; text-align: right;}
.cine-drink-btn{ background-color: #f2720e; color: #fff !important; padding: 7px 15px; border-radius: 50px;}
.cine-drink-price{ width:80%;}
.cine-drink-price h6{ margin: 0; font-size: 17px; color: #f2720e;}
.cine-drink-price h6::before{ content:"¥"; font-size: 14px; margin-right: 5px;}
.cine-drink-price h6 span{ font-size: 14px;}
.cine-drink-more{ text-align: center;}
.cine-drink-more a{ color: #000;}
.cine-drink-more img{ width: 13px; margin-top: -5px; margin-left: 5px; }
.cine-drink-buy ul{ display: flex; align-items: center; justify-content: flex-end; }
.cine-drink-buy li:nth-child(2){ padding: 5px 5px 5px 5px; font-size: 16px;}
.cine-drink-buy li:nth-child(2) em{ height: 30px; line-height: 30px; }
.cine-drink-buy li img{ width: 30px;/*  margin-bottom: -5px; */ }
.cine-drink-buy li{ position: relative; }
.cine-drink-buy li span{ position: absolute; right: -5px; top: -5px; background-color: #eb8b46; border: 1px #fff solid; color: #fff; min-width:16px; text-align: center; height: 16px; line-height: 16px; border-radius: 24px; }
.cine-fixed-body .cine-drink-txt{ -webkit-line-clamp:2;}

.cine-footer{ position: fixed; left: 0; right: 0; bottom:0; z-index: 99; background-color: #f7f7f7; border-top: 1px #e1e1e1 solid; height: 64px; max-width: 640px; margin: 0 auto; }
.cine-menu-footer{ display: flex; align-items: center;  height: 64px; justify-content: center;}
.cine-menu-footer dl{ width: calc(100% / 3); /* width: calc(100% / 3); */ text-align: center;}
.menu{ width: 24px; height: 24px; display: inline-block;}
.menu-tea{ background:url(/mobileWeb/sn/h5/img/tea.png);  background-size: 24px 24px; }
.menu-home{  background:url(/mobileWeb/sn/h5/img/home.png);  background-size: 24px 24px; }
.menu-order{  background:url(/mobileWeb/sn/h5/img/order.png);  background-size: 24px 24px; }
.menu-my{  background:url(/mobileWeb/sn/h5/img/my.png);  background-size: 24px 24px; }
.cine-menu-footer dl{ color: #666;}
.cine-menu-footer dl.active{ color: #f07216;}
.cine-menu-footer dl.active .menu-tea{ background:url(/mobileWeb/sn/h5/img/tea-active.png);  background-size: 24px 24px;  }
.cine-menu-footer dl.active .menu-home{ background:url(/mobileWeb/sn/h5/img/home-active.png);  background-size: 24px 24px;  }
.cine-menu-footer dl.active .menu-order{ background:url(/mobileWeb/sn/h5/img/order-active.png);  background-size: 24px 24px;  }
.cine-menu-footer dl.active .menu-my{ background:url(/mobileWeb/sn/h5/img/my-active.png);  background-size: 24px 24px;  }
.cine-footer-cart{ position: fixed; left: 0; right: 0; bottom: 65px; z-index: 104; height: 50px; background-color: #fffaf4; max-width: 640px; margin: 0 auto;}
.cine-fc-info{ position: relative; }
.cine-fc-num{ position: absolute; left: 15px; bottom: 5px; z-index: 101; width: 60px; height: 60px; text-align: center; border-radius: 50px; background-color: #fff; box-shadow: 0px 1px 15px 0px rgba(4, 0, 0, 0.2); }
.cine-fc-num img{ width: 30px; height: 30px; margin-top: 15px; }
.cart-fixed-num{ position: absolute; right: 0; top: 0; z-index: 102; background-color: #eb8b46; color: #fff; min-width:20px; height: 20px; line-height: 20px; border-radius: 24px;}
.cine-fc-price{ padding-left: 90px; font-size: 20px;font-weight:bold; height: 50px; line-height: 50px; }
.cine-fc-price::before{ content: "¥"; font-size: 14px; margin-right: 5px; }
.cine-fc-opera{ position: absolute; right: 0; top: 0; bottom: 0; width: 120px; text-align: center; background-color: #eb8b46; }
.cine-fc-opera a{ color: #fff; display: block; font-size: 16px; height: 50px; line-height: 50px; }

.hook-item h4{ margin: 10px; }
.hide{display:none; }
.cine-comment{ /* margin-top: 10px;  */background-color: #fff; padding: 15px 15px 114px 15px; }
.cine-comment-label span{ background-color: #fef1e1; padding:0 10px; display: inline-block; height: 28px; line-height: 28px; margin-right: 5px; margin-bottom: 10px; border-radius: 20px; border: 1px transparent solid;}
.cine-comment-label span.active{ border-color: #f2720e; color: #f2720e; }
.cine-comment-grade{ margin: 5px 0;}
.cine-comment-grade span{ margin-left: 0; color: #666;}
.cine-comment-item{ margin-bottom: 10px;}
.cine-comment-user{ display: flex; align-items: center; }
.cine-comment-photo{ width: 48px; height: 48px; border-radius: 48px; overflow: hidden; margin-right: 10px;}
.cine-comment-photo img{ width: 100%; height: 100%; object-fit: cover; }
.cine-comment-info{ width: calc(100% - 58px); }
.cine-comment-info h6{ font-size: 16px; }
.cine-comment-info p{ color: #999; }
.cine-comment-picture{ display: flex; flex-wrap: wrap; margin-top: 5px; align-items: center; }
.cine-cp-item{ width: 100px; height: 100px; border-radius: 3px; margin-right: 10px; margin-bottom: 10px; overflow: hidden;}
.cine-cp-item img{ width: 100%; height: 100%; object-fit: fill;}

.cine-fixed-layer{ display: none;}
.cine-mask{ position: fixed; bottom: 65px; top: 0; left: 0; right: 0; max-width: 640px; margin: 0 auto; z-index: 100; background-color: rgba(0, 0, 0, 0.3);}
.cine-fixed-wrap{ position: fixed; bottom: 65px; left: 0; right: 0; z-index: 102; max-width: 640px; margin: 0 auto; background-color: #fff; min-height: 360px; border-radius: 15px 15px 0 0;}
/* .cine-cart-layer .cine-fixed-wrap{ bottom: 0;} */
.layer-close{ position: absolute; right: 20px; top: 15px; }
.layer-close img{ width: 16px; height: 16px; }
.cine-fixed-body{ padding: 15px; position: relative; max-height: 360px; overflow-y: auto; }
.cine-sales-item{ position: relative; padding-left: 50px; margin-bottom: 5px; }
.cine-sales-list{ margin-bottom: 20px;}
.cine-sales-list h3{ font-size: 18px; margin-bottom: 10px;}
.cine-sales-list h3 a{ color: #222;}
.cine-sales-list h3 a i{ margin-left: 5px;}
.cine-sales-item span,.cine-sales-item em{ position: absolute; left: 0; top: 2px; width: 40px; background-color: #fef1e1; font-size: 12px; border-radius: 2px; color: #f2720e; text-align: center; }
.cine-sales-item em{ max-width: 40px; overflow: hidden; text-align: left; background-color: transparent; }
.cine-sales-item em img{ height: 20px; object-fit: scale-down;}
.cine-shop-intro{ color: #767676;  margin-bottom: 5px; }
.cine-shop-opera{ display: flex; margin: 10px 0;}
.cine-shop-opera a{ display: block; width: calc(50% - 5px); color: #333; padding: 8px 0; text-align: center; border: 1px #afafaf solid;}
.cine-shop-opera a:nth-child(1){ margin-right: 5px;}
.cine-shop-opera a:nth-child(2){ margin-left: 5px;}
.cine-shop-opera a i{ margin-right: 5px;}

.cine-drink-protit{ display: flex; align-items: center; height: 40px; line-height: 40px; padding: 0 10px; }
.cine-drink-stat{ width: 30px; }
.cine-drink-checkbox{ width: 24px; height: 24px; }
.cine-drink-checked{ background: url(/mobileWeb/sn/h5/img/cine-checked.png);  background-size: 24px 24px; }
.cine-drink-unchecked{ background: url(/mobileWeb/sn/h5/img/cine-unchecked.png);  background-size: 24px 24px; }
.cine-drink-protxt{ margin-left: 6px; width: 100px; font-size: 16px; font-weight: bold; }
.cine-drink-prodel{ width: calc(100% - 130px); text-align: right; }
.cine-drink-prodel a{ color: #999; }
.cine-drink-prodel a img{ width: 16px; margin-top: -3px; margin-right: 6px; }
.cine-drink-prodel a i{ margin-right: 5px;}
.cine-fixed-body .cine-drink-item{ padding: 0; /* align-items: center; */ margin-bottom: 10px;}
.cine-fixed-body .cine-drink-intro{ width: calc(100% - 130px);}
.cine-fixed-opera{ display: flex; position: absolute; bottom:15px; left: 15px; right: 15px; padding: 10px 10px 10px 15px; border-radius: 50px; background-color: #fff; -webkit-box-shadow: 0 0 20px -10px #000; box-shadow: 0 0 20px -10px #000; }
.cine-drink-fixed-cart{ width: 50%; display: flex; align-items: center; }
.cine-drink-fixed-cart h6{ font-size: 30px; margin-left: 10px; font-weight: normal; }
.cine-drink-fixed-cart h6::before{ content: "¥";  margin-right: 5px; font-size: 14px; }
.cine-drink-cart-pic img{ width: 40px; }
.cine-drink-cart-pic{ position: relative; }
.cine-drink-cart-num{ position: absolute; right: -5px; top: -5px; height: 20px; line-height: 20px; width: 20px; text-align: center; color: #fff; border: 2px #fff solid; border-radius: 20px; background-color: #e84b1b; }
.cine-drink-fixed-opera a{ font-size: 16px; display: block; padding: 15px 0; text-align: center; }
.cine-drink-fixed-opera{ width: 50%; text-align: right; }
.cine-drink-btn{ background-color: #f2720e; color: #fff !important; padding: 7px 15px; border-radius: 50px;}
.pb-100{ padding-bottom: 100px;}

.cine-spec-layer{ display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow-y: auto; z-index: 104; background-color: #f4f5f7; }
.cine-spec-header{ background-color:#fff; }
.cine-spec-banner{ position: relative; }
.cine-spec-banner .swiper-container {width: 100%;height: 100%;}
.cine-spec-banner .swiper-slide { 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; }
.cine-spec-banner .swiper-slide{/*  height: 32vh;  */overflow: hidden;}
.cine-spec-banner .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;} 
.cine-spec-banner .swiper-pagination-bullet-active{ background-color: #333 !important; }
.cine-spec-fixed{ position: absolute; left: 15px; right: 15px; top: 15px; z-index: 105; display: flex;}
.cine-spec-fixed .cine-sf-item{ width: 50%;}
.cine-spec-fixed .cine-sf-item a{ width: 30px; text-align: center; height: 30px; line-height: 30px; display: inline-block; border-radius: 50px; background-color: rgba(0, 0, 0, 0.3); color: #fff;}
.cine-spec-fixed .cine-sf-item:nth-child(2){ text-align: right;}
.cine-spec-info{ /* margin-top: 15px; */padding:10px 15px; word-break: break-all;background-color: #fff}
.cine-spec-info h3{ font-size: 18px;}
.cine-spec-desc{ margin-top: 10px; }
.cine-spec-intro{ color: #999; margin-top: 10px;}
/* .cine-spec-wrap{ padding: 0 15px;} */
.cine-spec-list { padding: 0px 15px; background: #fff}
/* .cine-spec-list dl{ margin-bottom: 15px; } */
.cine-spec-list dt{ font-size: 18px; }
.cine-spec-list dd{ margin-top: 5px; display: flex; flex-wrap: wrap; }
/*.cine-spec-list dd label{ font-size: 16px; margin-right: 10px; color: #5f5f5f; margin-bottom: 10px; background-color: #f4f4f4; border: 1px transparent solid; height: 36px; line-height: 36px; padding: 0 20px; border-radius: 4px; }
*/
.cine-spec-list dd label{ font-size: 16px; margin-right: 10px; color: #5f5f5f; margin-bottom: 10px; background-color: #f2f2f2; border: 1px transparent solid; height: 36px; line-height: 36px; padding: 0 20px; border-radius: 4px; }

.cine-spec-list dd label.active{ background-color: #ffedd5; color: #f2720e; border-color: #f2720e;}
.cine-spec-list dd label em{ margin-left: 5px;}
.cine-spec-list dd label em::before{ content: "¥"; font-size: 12px; margin-right: 3px;}
.cine-spec-comment{ padding: 10px 15px 120px 15px}
.cine-spec-comment h3{ font-size: 18px; margin-bottom: 10px;}
/*.cine-sf-opera{ background-color: #fff; box-shadow: 0px 3px 15px 0px rgba(6, 0, 1, 0.2);position: fixed; left: 0; right: 0; bottom: 0; height: 120px; z-index: 106; }
.cine-sf-num{ display: flex; align-items: center; margin: 10px 15px 10px; }
.cine-sf-num span{ width: 70%; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
*/

.cine-sf-opera{ background-color: #fff; box-shadow: 0px 3px 15px 0px rgba(6, 0, 1, 0.2);position: fixed; left: 0; right: 0; bottom: 0; height: auto; z-index: 106; padding-bottom: 15px}
.cine-sf-num{ display: flex; align-items: center; margin: 10px 15px 5px; }
.cine-sf-num span{ color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.cine-sf-num .cine-drink-buy{ width: 30%; }
.cine-sf-btn{ margin: 0 15px; }
.cine-sf-btn a{ display: inline-block; width: 100%; background-color: #f2720e; color: #fff; font-size: 18px; border-radius: 4px; text-align: center; height: 40px; line-height: 40px;}
.cine-sf-btn a em { margin-right: 10px; }
.cine-sf-btn a em::before{ content: "¥"; margin-right: 3px; font-size: 12px;}

.cine-my-bg{ height: 25vh; overflow: hidden;}
.cine-my-bg img{ width: 100%; height: 100%; object-fit: cover;}
.cine-my-wrap{ margin-bottom: 15px; background-color: #fff; margin: 15px; border-radius: 6px; } 
.cine-my-login{ border-bottom: 1px #f6f6f6 solid; display: flex; align-items: center; padding: 15px;}
.cine-my-photo{ width: 64px; height: 64px; border-radius: 64px; overflow: hidden; }
.cine-my-photo img{ width: 100%; height: 100%; object-fit: cover; }
.cine-my-info{ width: calc(100% - 84px); margin-left: 20px; font-size: 16px; }
.cine-my-info i{ margin-left: 10px;}
.cine-my-assets ul{ display: flex; align-items: center; }
.cine-my-assets li{ width: calc(100% / 2); font-size: 16px; color: #666; padding: 15px; text-align: center; }
.cine-my-assets li:nth-child(1){ border-right: 1px #f6f6f6 solid; }
.cine-my-assets li .cine-ma-pic{ width: 40px; margin: 5px auto; overflow: hidden; }
.cine-my-assets li .cine-ma-pic img{ width: 100%; height: 100%; object-fit: scale-down; }
.cine-func-list li{ display: flex; border-bottom: 1px #f6f6f6 solid; padding: 15px; font-size: 16px; }
.cine-func-list li:last-child{ border-bottom: none; }
.cine-func-pic{ width: 30px; height: 30px; overflow: hidden; }
.cine-func-pic img{ width: 100%; height: 100%; object-fit: scale-down; }
.cine-func-name{ margin: 0 10px; width: calc(100% - 70px); align-items: center;display: flex;}
.cine-func-link{ width: 30px; text-align: right; }

.cine-commont-star{ padding: 15px; }
.cine-commont-star h2{ margin-bottom: 10px; }
.cine-shop-item{ display: flex; align-items: center; margin-bottom: 15px; }
.cine-shop-item .star-score{background:url(/mobileWeb/sn/h5/img/stark-large.png);width:200px;height:36px;position:relative}
.star-score a{height:36px;display:block;text-indent:-999em;position:absolute;left:0}
.cine-shop-item .star-score a:hover{background:url(/mobileWeb/sn/h5/img/stars-large.png);left:0}
.cine-shop-item .star-score a.clibg{background:url(/mobileWeb/sn/h5/img/stars-large.png);left:0}
.cine-shop-item p{ width:calc(100% - 200px); text-align: right; font-size: 24px; color: #f2720e; }
.cine-sub-item{ display: flex; align-items: center; margin: 10px 0;}
.cine-sub-item .star-score{background:url(/mobileWeb/sn/h5/img/stark-small.png);width:200px;height:36px;position:relative}
.cine-sub-item .star-score a:hover{background:url(/mobileWeb/sn/h5/img/stars-small.png);left:0}
.cine-sub-item .star-score a.clibg{background:url(/mobileWeb/sn/h5/img/stars-small.png);left:0}
.cine-sub-item  span{ width: 40px; font-size: 18px; }
.cine-sub-item p{ width:calc(100% - 240px); text-align: right; font-size: 18px; color: #f2720e; }

.cine-commont-tp{ padding:0 15px 15px;}
.cine-commont-tp h3{ font-size: 18px;}
.cine-ctp-product{ display: flex; flex-wrap: wrap; margin: 10px 0; }
.cine-ctp-product label{ background-color: #f6f6f6; border: 1px transparent solid; margin-right: 10px; border-radius: 30px; padding: 5px 15px; }
.cine-ctp-product label.active{ background-color: #ffedd5; color: #f2720e; border-color: #f2720e; margin: 3px}
.cine-ctp-textarea{  }
.cine-wrap textarea{ line-height: 1.5; width: 100%; border: none; background-color: transparent; resize: none !important; font-family: PingFang SC,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif; }
.cine-wrap textarea::placeholder{ font-size: 15px; color: #b9b9b9; }
.cine-ctp-picture ul{ display: flex; flex-wrap: wrap; }
.cine-ctp-picture li{ position: relative; width: 72px; height: 72px; border: 1px #eee solid; margin-right: 10px; margin-bottom: 10px; }
.cine-ctp-picture li img{ width: 100%; height: 100%; object-fit: scale-down; }
.cine-ctp-picture li.cine-upload{ border: 1px #ccc dashed; text-indent: -999em; overflow: hidden; background: url(/mobileWeb/sn/h5/img/cine-upload.png) no-repeat; background-size: 72px 72px; }
.cine-upload-file{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 99; opacity: 0; }
.cine-delete{ position: absolute; right: -5px; top: -10px; font-size: 18px; background-color: #fff; width: 18px; text-align: center; height: 18px; line-height: 18px; border: 1px #fff solid; border-radius: 18px; }
.cine-comment-save{ padding: 15px; }
.cine-comment-save a{ background-color: #f2720e; color: #fff; display: block; text-align: center; padding: 10px 0; border-radius: 30px; font-size: 18px; }

.cine-oc-wrap{ padding-bottom: 61px; }
.cine-co-footer{ max-width: 640px; margin: 0 auto; display: flex; align-items: center; position: fixed; left:0; right: 0; z-index: 100; bottom: 0; background-color: #fff; border-top: 1px #eee solid; height:60px; }
.cine-oc-item{ background-color: #fff; padding: 15px; margin-bottom: 6px;}
.cine-co-tit{ font-weight: bold; font-size: 15px; display: flex; align-items: center; }
.cine-co-con{ margin-top: 10px;}
.cine-co-con .cine-drink-item{ padding: 0 0 10px; margin-bottom: 10px; display: flex; }
.cine-co-con .cine-drink-photo{ width: 110px; height: 110px; overflow: hidden; border-radius: 5px;}
.cine-drink-photo img { width: 100%; object-fit: cover; }
.cine-co-con .cine-drink-intro{ width: calc(100% - 120px); margin-left: 10px; position: relative;}
.cine-co-con .cine-drink-intro h5{ margin: 0 0 5px; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; position: relative; padding-right: 40px;}
.cine-co-num{ position: absolute; right: 0; top: 4px; font-size: 14px; font-weight: normal; color: #949494;}
.cine-co-con .cine-drink-price{ width: 100%; margin-top: -8px;
    position: absolute;}
.cine-co-con .cine-drink-price h6{ text-align: right; font-size: 16px; color: #333;}
.cine-co-con .cine-drink-price h6::before{ content: "¥"; font-size: 12px; font-weight: normal; margin-right: 3px; }
.cine-co-con h4{ text-align: right;}
.cine-co-con h4 em{   color: #f2720e; font-size: 20px; }
.cine-co-con h4 em::before{ content: "¥"; font-size: 16px;}
.cine-co-tit span,.cine-co-tit .cine-set-time{ width: 50%; position: relative; }
.cine-co-tit .cine-set-time{ text-align: right; font-weight: normal; }
.cine-co-tit .cine-set-time i{ margin-left: 5px;}
.cine-form-control{ position: relative; border: 1px #ddd solid; background-color: #f6f6f6; width: calc(100% - 10px); border-radius: 4px; padding: 5px; font-size: 12px; }
.cine-co-footer b{ margin-left: 15px; width: 70%; font-size: 20px; color: #f2720e; }
.cine-co-footer b::before{ content: "¥"; font-size: 14px; margin-right: 5px; }
.cine-co-opera{ width: 30%; margin-right: 15px; }
.cine-co-opera a{ display: block; background-color: #f2720e; color: #fff; padding: 10px 0; text-align: center; font-size: 16px; border-radius: 20px; }
.cine-remark{ position: absolute;  right: 5px; bottom: 5px; color: #999; }
.cine-oc-item .cine-drink-txt{ -webkit-line-clamp: 2; padding-right: 40px; }
.cine-oc-shop{ margin-bottom: 6px; background-color: #fff; padding: 15px; }
.cine-ocs-item .cine-co-tit{ padding-bottom: 15px; }
.cine-ocs-item .cine-co-tit:last-child{ padding-bottom: 0; }
.cine-ocs-item a{ color: #000; }
.cine-set-time .form-control{ text-align: right; margin-right: 15px; border: none; width: 100%; height: 30px; font-size: 15px;}
.cine-set-time ul{ display: flex; align-items: center; }
.cine-set-time li{ width: 50%; height: 30px;  border: 1px #f2720e solid; line-height: 30px; text-align: center; background-color: #fff;}
.cine-set-time li:nth-child(1){ border-radius: 30px 0 0 30px; }
.cine-set-time li:nth-child(2){ border-radius: 0 30px 30px 0; }
.cine-set-time li.active{ background-color: #f2720e; color: #fff; }
.cine-set-time i.fa-edit{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #666; }
.cine-set-form{ padding-right: 25px;}
.cine-config-layer .cine-mask{ bottom: 0;}
.cine-config-layer{ display: none;}
.cine-config-wrap{ position: fixed; left: 30px; right: 30px; top: 50%; max-width: 580px; margin: 0 auto; z-index: 106; transform: translateY(-50%); background-color: #fff; border-radius: 10px; min-height: 200px;}
.cine-config-header{ position: relative; overflow: hidden; border-radius: 10px; height: 64px; }
.cine-ch-left{ background: url(/mobileWeb/sn/h5/img/cine-layer-bgl.png) no-repeat; position: absolute; left:-6px; top: -10px; width:64px; height: 64px; background-size: 64px 64px;}
.cine-ch-right{ background: url(/mobileWeb/sn/h5/img/cine-layer-bgr.png) no-repeat; position: absolute; right:-0px; top: -10px; width:64px; height: 64px; background-size: 64px 64px;}
.cine-config-map{ position: relative; height: 60px; }
.cine-config-map span{ position: absolute; top: -100px; left: 50%; transform: translateX(-50%); background: url(/mobileWeb/sn/h5/img/cine-shop-map.png) no-repeat; background-size: 100px 100px; width: 100px; height: 100px; }
.cine-config-info{ margin: -50px 15px 0; padding-bottom: 20px;}
.cine-config-info h3{ text-align: center; font-size: 18px; }
.cine-config-shop{ background-color: #f7f8fa; padding: 15px; border-radius: 4px; margin-top: 10px;}
.cine-config-edit{ margin: 10px 0; text-align: center;}
.cine-config-edit a{ color: #333;}
.cine-config-submit a{ width: 50%; font-size: 16px; margin: 0 auto; height:40px; line-height: 40px; border-radius: 32px; background-color: #f2720e; color: #fff; display: block; text-align: center; }
.cine-config-close{ position:absolute; left: 50%; bottom: -80px; transform: translateX(-50%);}
.cine-config-close img{ width: 30px; height: 30px;}

.cine-shop-search{ background-color: #fff; padding: 10px; display: flex; align-items: center;}
.cine-shop-city{ width: 75px; font-size: 15px; }
.cine-shop-city i{ margin-left: 5px;}
.cine-search-ipt{ padding: 0 15px; display: flex; align-items: center; width: calc(100% - 110px); background-color: #f1f1f1; height: 40px; border-radius: 20px;}
.cine-search-ipt .cine-icon-search{ width: 20px; height: 20px; overflow: hidden; }
.cine-search-ipt .cine-icon-search img{ width: 100%; height: 100%; object-fit: scale-down; }
.cine-search-ipt input{ width:calc(100% - 65px); font-size: 15px; border: none; padding: 0 10px; height: 30px;background-color: transparent; }
.cine-search-ipt a{ width: 45px; text-align: right; color: #333; font-size: 15px; border-left: 1px #d1d1d1 solid; }

.cine-ss-item{ display: flex; align-items: center; position: relative; background-color: #fff; border: 1px transparent solid; border-radius: 5px; margin: 10px; padding: 15px; overflow: hidden;}
.cine-ss-item.active{ border-color: #f2720e; }
.cine-ss-item::before{ display: none; content: ""; position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; background: url(/mobileWeb/sn/h5/img/cine-corner.png) no-repeat; background-size:32px 32px;}
.cine-ss-item.active::before{ display:block; }
.cine-shop-btn{ width: 80px; text-align: center;}
.cine-shop-txt{ width: calc(100% - 80px); padding-right: 10px; border-right: 1px #eee solid;}
.cine-grade em{ margin-left: 20px;}
.cine-shop-txt h4{ font-size: 16px;}
.cine-shop-btn h5{ font-size: 16px;}

.cine-order-list{ padding: 10px 10px 61px 10px; }
.cine-order-item{ background-color: #fff; padding: 10px; border-radius: 5px; margin-bottom: 10px; }
.cine-order-head{ position: relative;}
.cine-order-head h4{ font-size: 16px; padding-right: 90px;}
.cine-order-head p{ color: #7f7f7f; margin: 3px 0;}
.cine-order-head label{ font-size: 12px; border: 1px #f07216 solid; color: #f07216; padding: 1px 7px; border-radius: 20px; }
.cine-state{ position: absolute; top: 0px; right: 0px;}
.cine-state i{ margin-left: 3px;}
.cine-undo{ color: #f07216;}
.cine-order-body{ position: relative; padding: 10px 0; }
.cine-order-body ul{ float: left; max-width: 170px; overflow: hidden; display: flex; align-items: center;}
.cine-order-body li{ width: 60px; height: 60px; margin-right: 10px; border-radius: 4px; overflow: hidden;}
.cine-order-body li img{ width: 100%; height: 100%; object-fit: cover;}
.cine-order-pronum{ float: left; width: 120px; height: 60px; overflow: hidden;}
.cine-order-pronum p{ position: relative; padding-right:9px; font-size: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.cine-order-pronum p em{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.cine-order-price{ width: 80px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);    text-align: right; }
.cine-order-price h5{ font-size: 20px;}
.cine-order-price h5::before{ content: "¥"; font-size: 12px; margin-right: 3px;}
.cine-order-price p{ color:#7f7f7f;}

.cine-order-bottom{ text-align: right; border-top: 1px #eee solid; padding-top: 10px;}
.cine-order-bottom a{ padding: 0 20px; height: 34px; line-height: 34px; display: inline-block; border-radius: 20px; margin-left: 10px; }
.cine-btn-grey{ color: #797979;  border: 1px #c0c0c0 solid; }
.cine-btn-orange{ border: 1px #f07216 solid;}
a[href^=tel]{color:#333 !important;font-size:1.3rem}

.seni-drink-more{ text-align: center;}
.seni-drink-more a{ color: #000;}
.seni-drink-more img{ width: 13px; margin-top: -5px; margin-left: 5px;}


.cine-co-con h4{ margin: 0 -15px; padding: 10px 15px 0; border-top: 1px #eee solid;}
.cine-oc-more{ text-align: center; padding:0 0 15px;}
.cine-oc-more i{ margin-left: 5px;}
.finger-left{ background: url(/mobileWeb/sn/h5/img/finger-left.png) no-repeat; display: inline-block; width: 32px; height: 16px; background-size: cover; margin:0 2px; margin-bottom: -2px;   }
.loading-box a p.loading-logo{height: 30px;display: block;background: url(/mobileWeb/sn/h5/img/loading-logo.png) no-repeat center center;background-size: contain;}




/* add 2023-07-03 */
.cine-index-banner .swiper-slide{ height: 0; overflow: hidden; margin: 0; padding-bottom: 100%; }
.cine-index-banner .swiper-slide img{ display: block; position: absolute; width: 100%; height: 100%; z-index: -1; object-fit: cover; top: 0; bottom: 0; }
.cine-index-banner .swiper-pagination-bullet-active,.cine-ad-banner .swiper-pagination-bullet-active{ background-color: #333;}
.cine-index-banner.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 40px; }
.cine-index-top{ position: relative; margin-bottom: 80px; }
/* edit 2023-07-07 */
.cine-surplus{ display: flex; align-items: center; position: absolute; bottom: -60px; left: 10px; right: 10px; background-color: #fff; z-index: 1; height: 70px; padding: 10px; border-radius: 4px; box-shadow: 0px 1px 6px 0px rgba(6, 0, 1, 0.1);}
.cine-photo{ width: 70px; height: 70px; border-radius: 70px; overflow: hidden; }
.cine-photo img{ width: 100%; height: 100%; object-fit: cover; }
.cine-choice{ width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; border-radius: 70px; background: linear-gradient(#ffc06f,#f2730f); }
.cine-sp-info{ width: calc(100% - 160px); margin: 0 10px; }
.cine-sp-info h5{ font-size: 15px; }
.cine-index-ad,.cine-index-news{ margin: 10px 10px 20px; }
.cine-ad-banner .swiper-slide{ border-radius: 4px; height: 0; overflow: hidden; margin: 0; padding-bottom: 43%; }
.cine-ad-banner .swiper-slide img{ display: block; position: absolute; width: 100%; height: 100%; z-index: -1; object-fit: cover; top: 0; bottom: 0; }
.cine-index-tit{ margin-bottom: 10px; font-size: 16px; display: flex; align-items: center; }
.cine-index-tit img{ width: 24px; height: 24px; margin-right: 5px;}
.cine-news-item{ position: relative; border-radius: 4px; height: 0; overflow: hidden; margin: 0 0 10px; padding-bottom: 43%; }
.cine-news-item img{ display: block; position: absolute; width: 100%; height: 100%; z-index: 0; object-fit: cover; top: 0; bottom: 0; }
/* add 2023-07-07 */
.cine-package{ background-color: #fff; padding: 10px 15px; margin-bottom: 10px; }
.cine-package h5{ font-size: 18px;}
.cine-package h5 span{ color: #b1b1b1; font-size: 14px; font-weight: normal;}
.cine-package h5 span b{ color: #f2720e; margin: 0 3px;}
.cine-package-body{ margin-top: 10px; display: flex; flex-wrap: wrap;}
.cine-package-item{ width:calc(100% / 3 - 10px); margin-right: 10px; margin-bottom: 10px; border: 1px #dcdcdc solid;}
.cine-package-item.active{ border: 1px #f2720e solid;}
.cine-package-body .cine-package-item:nth-child(3n){ margin-right: 0;}
.cine-package-photo{ position: relative; height: 0; overflow: hidden; margin: 0; padding-bottom: 100%; }
.cine-package-photo img{ display: block; position: absolute; width: 100%; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.cine-package-info{ margin:8px;}
.cine-package-info h6{ font-size: 14px; }
.cine-package-info h6{font-size: 14px;height: 42px;/* -webkit-line-clamp: 2; */display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cine-sf-pinfo{ width: 70%; }
.cine-sf-price{ font-size: 20px; font-weight: bold;}
.cine-sf-price::before{ content: "¥"; margin-right: 3px; font-size: 14px;}
.cine-sf-price s{ font-weight: normal; color: #b6b6b6; font-size: 14px;}
.cine-pack-xs{ display: flex; align-items: center; margin-top: 5px;}
.cine-pack-xs .cine-pack-price{ width: 70%;}
.cine-pack-xs .cine-pack-price::before,.cine-pack-yp .cine-pack-price::before{ content: "¥";}
.cine-pack-xs .cine-pack-num{ width: 30%; text-align: right;}
.cine-pack-yp{ margin-top: 5px;}
.cine-pack-yp .cine-pack-num{ text-align: right;}
.cine-pack-yp .cine-drink-buy{ width: 100%; margin-top: 5px;}
.cine-pack-yp .cine-drink-buy li{ width: calc(100% / 3); text-align: center;}
.cine-pack-yp .cine-drink-add.disabled img{ -webkit-filter: grayscale(100%); opacity: 0.5; filter: grayscale(100%);}
.cine-package-layer .cine-fixed-wrap{ z-index: 108; bottom: 0; }
.cine-package-layer .cine-mask{ z-index: 107;}
.cine-pack-tit{ font-size: 18px; text-align: center; padding: 0 15px; height: 50px; line-height: 50px; position: relative;}
.close-pack{  position: absolute; right: 15px; top: 0px; width: 14px; height: 14px;}
.close-pack img{ width: 100%; height: 100%; object-fit: scale-down;}
.cine-ypack-body .cine-drink-txt{ -webkit-line-clamp: 2;}
.cine-ypack-body .cine-drink-label{ margin: 5px 0;}
.cine-ypack-body{ max-height: 460px; overflow-y: auto; padding-bottom: 60px;}
.cine-ypack-footer{ position: fixed; left: 0; right: 0; bottom: 0; box-shadow: 0px 3px 15px 0px rgba(6, 0, 1, 0.2); height: 40px; padding: 10px 20px; background-color: #fff;}
.cine-ypack-footer a{ display: inline-block; width: 100%; background-color: #f2720e; color: #fff; font-size: 18px; border-radius: 40px; text-align: center; height: 40px; line-height: 40px;}
.cine-login-tip{ width: 70%; margin: 0 10px;}
.cine-index-login{ width: 30%; margin-right: 10px;}
.cine-index-login a{ background-color: #000; height: 40px; line-height: 40px; text-align: center; color: #fff; display: block;}
.cine-fixed-body .cine-drink-item{ flex-wrap: wrap; }
.cine-pack-product{ position: relative; margin-top: 15px; border-radius: 5px; padding: 10px; background-color: #f2f2f2; width: 100%; }
.cine-pack-product::before{ content: ""; position: absolute; left: 65px; top: -20px; width: 0; height: 0; border: 10px solid; border-color: transparent transparent #f2f2f2; }
.cine-drink-price h6 s{ color: #c2c2c2; font-size: 14px; font-weight: normal; margin-left: 10px;}
.cine-pp-item{ display: flex; margin-bottom: 10px; }
.cine-pack-product .cine-pp-item:last-child{ margin-bottom: 0;}
.cine-pp-item .cine-drink-photo{ width: 60px; height: 60px;}
.cine-pp-item .cine-drink-intro{ width: calc(100% - 70px);}
.cine-pp-item .cine-drink-intro h5{ position: relative; padding-right: 20px;}
.cine-pp-item .cine-drink-intro h5 span{ position: absolute; right: 0; top: 0;}
.cine-co-con .cine-drink-item{ flex-wrap: wrap;}
.cine-co-con .cine-pack-product::before{ left:45px; }
.cine-co-con .cine-drink-price h6 s{ margin-right: 10px; font-size: 12px; }
.cine-co-con .cine-drink-price h6 s::before{ content: "¥"; }
.cine-sf-btn a.disabled{ background-color: #fce3cf; cursor: not-allowed; }


.cine-pack-yp .cine-pack-price{ display: flex; align-items: center;}
.cine-pack-yp .cine-pack-price span{ width: 70%;}
.cine-pack-yp .cine-pack-price em{ width: 30%; text-align: right; color: #999;}


.cine-shop-name{ display: flex; align-items: flex-start;}
.cine-shop-name-txt{ width: 70%; font-size: 18px; font-weight: bold;}
.cine-shop-name-more{ width: 30%; display: flex; align-items: center; text-align: right;}
.cine-shop-name-more span{ color: #ef720e; width: calc(100% - 35px); margin-right: 5px;}
.cine-shop-name-more img{ width: 30px; height: 100%; object-fit: scale-down;}

/* add 2023-07-24 */
.cine-package-item{ position: relative;}
.cine-pro-label{ position: absolute; left: 0; top: 0; z-index: 105; color: #fff; font-size: 12px; padding: 2px 10px; border-radius: 0 20px 20px 0;  }

.cine-order-bottom{ position: relative; }
.cine-order-bottom h3{position: absolute; left: 0; top: 17px; }

/* add 2024-01-22 */
.cine-shop-info{ height: auto; }
.cine-sale-tabs{ margin-bottom: 10px; }
.cine-sale-tabs ul{ display: flex; align-items: center; background-color: #f2f2f2; width: 120px; border-radius: 30px; }
.cine-sale-tabs li{ width: 60px; padding:4px 0; margin: 5px; border-radius: 30px; text-align: center; }
.cine-sale-tabs li.active{ background-color: #f07216; color: #fff; }
.cine-deli-address{ display: flex; align-items: center; margin-bottom: 5px; }
.cine-da-txt{ width: calc(100% - 100px); font-size: 16px;font-weight: bold;}
.cine-da-link{ width: 90px; height: 18px; font-size: 12px; display: flex; align-items: center; justify-content: flex-end; margin-left: 10px;}
.cine-da-link span{ width:56 ; margin-right: 5px; color: #f07216; }
.cine-da-link img{ width: 30px; object-fit:contain; }
.cine-deli-shop{ position: relative; margin-bottom: 10px; display: flex; align-items: center; }
.cine-ds-link{  width: 70px; margin-left: 10px; display: flex; align-items: center; justify-content: flex-end; }
.cine-ds-link img{ width: 30px; object-fit: contain; margin-right: 5px; }
.cine-ds-link em{ color: #666;}
.cine-ds-txt{ width: calc(100% - 80px); font-size: 15px; }
.cine-ds-txt span{ color: #f07216; margin-right: 10px; }
.cine-fc-opera.disabled{ background-color: #ffcaa4; }
.cine-fc-opera.disabled a{ color: rgba(255, 255, 255, 0.8); cursor: not-allowed; }
.cine-address-load{ margin-bottom: 5px; font-size: 16px; display: flex; align-items: center; }
.cine-address-load span{ margin-left: 8px; }
.cine-oc-tabs ul{ display: flex; overflow: hidden; border-radius: 6px 6px 0 0;}
.cine-oc-tabs ul li{ position: relative;  width: 50%; font-weight: 700; overflow: hidden;  color: #333; font-size: 16px; height: 36px; margin-top: 6px; line-height: 36px; text-align: center; background-color: #eee; border-radius: 6px 6px 0 0;}
.cine-oc-tabs ul li.active{ background-color: #fff; height:42px; line-height: 42px; margin-top: 0; }
.cine-oc-shop{ margin: 0 10px 10px 10px; border-radius: 0 0 6px 6px; }
.cine-oc-tabs{ margin: 10px; margin-bottom: 0; }
.cine-oc-new{ margin: 10px; border-radius: 6px; }
.cine-oct-address{ display: flex; }
.cine-octa-link{ width: 40px; text-align: right; font-size: 14px; }
.cine-octa-txt{ width: calc(100% - 50px); }
.cine-octa-txt h5{ font-size: 16px; margin-bottom: 5px; }
.cine-octa-txt p{ color: #999; }
.cine-octa-txt p span{ margin-left: 10px; }
.cine-oct-delivery{ padding-top: 10px; margin-top: 10px; border-top: 1px #eee solid; display: flex; align-items: center;}
.cine-oct-delivery span{ width: 30%; }
.cine-oct-delivery em{ width: 70%; text-align: right; color: #f07216; }
.cine-oc-fee{ padding-bottom: 10px; }
.cine-ocf-item{ padding: 5px 0; display: flex; align-items: center; }
.cine-ocf-item span{ width: 50%; }
.cine-ocf-item em{ width: 50%; text-align: right; }
.cine-address-none{ margin-top: 80px; text-align: center; color: #666; }
.cine-address-none p img{ width: 110px; margin-bottom: 10px;} 
.cine-new-address{ position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 90; }
.cine-new-address a{ display: block; height: 44px; line-height: 44px; font-size: 16px; border-radius: 60px; text-align: center; background-color: #f1730f; color: #fff;}
.cine-new-layer{ display: none;}
.cine-new-wrap{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #e8e9eb; z-index: 100; }
.cine-new-body{ margin: 10px; }
.cine-new-info{ background-color: #fff; border-radius: 6px; padding: 0 10px; }
.cine-new-item{ display: flex; align-items: center; font-size: 15px; border-bottom: 1px #eee solid; padding: 10px 0; }
.cine-new-item:last-child{ border-bottom: none; }
.cine-new-item span{ width: 80px;  }
.cine-new-item:last-child span{ width: 120px; }
.cine-ipt-txt{ height: 36px; line-height: 36px; font-size: 15px; border: none; background-color: transparent;  }
.cine-new-con{ width: calc(100% - 80px); position: relative;  }
.cine-new-item:last-child .cine-new-con{ width: calc(100% - 120px); display: flex; justify-content:flex-end; }
.cine-gender{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center;}
.cine-gender-item { display: flex; margin: 0 10px; align-items: center; }
.cine-gender-item span{ width: 16px; height: 16px; margin-right: 5px; display: inline-block; border-radius: 16px; border: 1px #ddd solid;}
.cine-gender-item.active span{ border: 1px #f07216 solid; position: relative;}
.cine-gender-item.active span::before{ content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 8px; height: 8px; border-radius: 20px; background-color: #f07216; }
.cine-select-address{ padding: 10px 0; display: flex; align-items: center; }
.cine-switch{position:relative;display:inline-block;width:60px;height:34px}
.cine-switch input{display:none}
.cine-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.cine-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
.cine-switch input:checked+.cine-slider{background-color:#f07216}
.cine-switch input:focus+.cine-slider{box-shadow:0 0 1px #f07216}
.cine-switch input:checked+.cine-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}
.cine-slider.round{border-radius:34px}
.cine-slider.round:before{border-radius:50%}
.cine-new-footer{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; border-top: 1px #eee solid; background-color: #fff; padding: 10px 0;}
.cine-nf-flex{ display: flex; }
.cine-nf-flex a{ margin: 0 10px;  color: #333; height: 44px; line-height: 44px; font-size: 16px; border-radius: 60px; text-align: center;}
.cine-nf-flex a.cine-new-save{ background-color: #ff8a3b;  width: 100%; }
.cine-nf-flex a.cine-new-normal{ border: 1px #ddd solid; width: 100%; }
.cine-address-list{ margin: 10px; padding-bottom: 60px; }
.cine-address-item{ display: flex; align-items: center; background-color: #fff; border-radius: 6px; padding: 15px; margin-bottom: 10px; }
.cine-ai-info{ width: calc(100% - 40px); }
.cine-ai-info h6{ font-size: 15px; margin-bottom: 8px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.cine-ai-info h6 em{ background-color: #f07216; color: #fff; font-weight: normal; margin-right: 5px; font-size: 12px; padding: 1px 5px; border-radius: 3px; }
.cine-ai-info p{ color: #666; }
.cine-ai-info span{ margin-left: 15px; }
.cine-ai-link{ width: 40px; text-align: center; }
.cine-ai-link img{ width: 16px; height: 16px; }
.cine-reselct-address{ font-size: 16px; color: #f07216; font-weight: 600; }
.cine-reselct-address i{ margin-left: 5px; }
.cine-da-wrap{ background-color: #fff; padding: 10px 15px; }
.cine-da-tips{ margin: 10px; color: #999; }
.cine-sam-txt{ width:calc(100% - 30px); }
.cine-sam-link{ width: 30px; text-align: center; font-size: 14px; }
.cine-address-map{ height: 200px; }
.cine-address-common{ background-color: #fff;  padding: 10px; }
.cine-ac-item{ display: flex; align-items: center; border-bottom: 1px #eee solid; padding: 10px 0; }
.cine-ac-item:last-child{ border-bottom:none }
.cine-ac-item.active .cine-aci-checked{ opacity: 1;}
.cine-aci-checked{ width: 40px; text-align: center; opacity: 0;}
.cine-aci-checked img{ width: 20px; height: 20px;}
.cine-aci-info{ width: calc(100% - 40px); display: flex;} 
.cine-aci-icon{ width: 18px; height: 18px; margin-right: 10px; }
.cine-aci-icon img{ width: 100%; height: 100%; margin-bottom: -4px; object-fit: scale-down; }
.cine-aci-txt{ width: calc(100% - 26px); }
.cine-aci-txt h6{ font-size: 14px; margin-bottom: 5px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.cine-aci-txt p{ color: #999; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.cine-aci-txt p em{ margin: 0 6px;}
.cine-ac-list{ height: calc(100vh - 320px); overflow-y: auto;}
.cine-ac-search{ height: 40px; padding: 0 15px; display: flex; align-items: center; background-color: #f4f4f4; border-radius: 20px; }
.cine-ac-search span{ width: 20px; height: 20px; overflow: hidden; }
.cine-ac-search span img{ width: 100%; height: 100%; object-fit: contain;}
.cine-acs-ipt{ width: calc(100% - 35px); margin-left: 15px;}
.cine-acs-ipt input{ border: none; height: 38px; width: 100%; background-color: transparent;}
.cine-ac-footer{ position: fixed; left: 0; right:0; bottom: 0; background-color: #fff;  height: 50px; border-top: 1px #eee solid;}
.cine-tip-layer{ display: none;}
.cine-tip-layer .cine-mask{ bottom: 0px;}
.cine-tip-wrap{ position: fixed; left: 20px; right: 20px; top: 50%; z-index: 103; transform: translateY(-50%); background-color: #fff; padding: 20px; border-radius: 10px; }
.cine-tip-info h4{ text-align: center; margin-bottom: 10px; font-size: 16px;}
.cine-tip-info p{ padding: 0 10px; }
.cine-tip-opera{ display: flex; align-items: center; margin-top: 10px; }
.cine-tip-opera a{ margin: 0 10px;  color: #333; height: 44px; line-height: 44px; font-size: 16px; border-radius: 60px; text-align: center;}
.cine-tip-opera a.cine-tip-save{ background-color: #ff8a3b;  width: 100%; color: #fff; }
.cine-tip-opera a.cine-tip-normal{ background-color: #f0f0f0; width: 100%; }
.cine-shop-none{ text-align: center;}
.cine-shop-none p img{ width: 120px; }