@charset "utf-8";
.my-header{ background:#ec4960; height: 90px; }
.my-header a{ display: block; padding: 20px 10px; position: relative; }
.my-header a .my-photo{ float: left;  width: 48px; height: 48px; border-radius: 50%; overflow: hidden; }
.my-header a .my-photo img{ width: 100%; height: 100%; object-fit: cover;}
.my-header a .my-info{ float:left; margin-left: 10px; margin-top: 5px; }
.my-header a .my-info p{ line-height: 1.5; color:#fff;}
.my-header a .my-info p i{ margin-right: 4px;}
.my-header a .my-info p i.woman{ color:#f8439d;}
.my-header a .my-info p i.man{ color:#2D96E3;}
.my-header a .right-arrow{ position: absolute; right:20px; top:36px; }
.hori-menu{ background: #fff; padding: 10px; /*border-bottom: 1px #e1e1e1 solid;*/}
.hori-menu ul{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.hori-menu li{ -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; text-align: center; display:inline-block;}
.hori-menu li:nth-child(1){ border-right: 1px #e9e9e9 solid;}
.hori-menu li a{ display: block; font-size: 14px;color:#4b4b4b}
.hori-menu li a i{ margin-right: 4px;}
.hori-menu li a i.yb{ color:#f1850c;}
.hori-menu li a i.kq{ color:#499300;}
.verti-menu { margin-top: 10px; background: #fff; padding-left: 10px; /*border-top:1px #eee solid; border-bottom: 1px #e1e1e1 solid;*/}
.verti-menu li { border-bottom: 1px #e1e1e1 solid;}
.verti-menu li:last-child{ border-bottom: none; }
.verti-menu li a{ display: block; font-size: 14px; padding: 16px 10px 16px 0; position: relative; color:#4b4b4b}
.verti-menu li a i{ margin-right:6px;}
.verti-menu li a .right-arrow{ position: absolute; right:5px; top:20px;/* background: url(../images/icon_right_arrow.png) no-repeat;  */width: 23px; height: 19px; }
.logout { margin: 30px 0;}
.logout .logout-btn{ background: #fff; display:  block; text-align: center; padding: 10px 0; color:#fd5050;font-size:15px;} 

.ticket-add{ background: #fff; padding: 10px; border-bottom: 1px #e1e1e1 solid;}
.ticket-tab{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.ticket-tab li{ -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; text-align: center; display:inline-block;}
.ticket-tab li a{ font-size: 14px; padding: 6px 0;}
.ticket-tab li a.selected{ color:#ec4960; border-bottom: 2px #ec4960 solid;}
.ta-box{ margin-top: 30px;}
.tai-item{ margin: 16px; position: relative; display:inherit;}
.tai-item .ipt-txt{ border:1px #ec4960 solid; border-radius: 3px; height: 36px; line-height: 36px; padding: 0 6px; width: 100%; font-size: 14px;}
.tai-item .ipt-50p{ width: 55%;}
.tai-item .ai-btn{ position: absolute; right:0px; top:0; width:40%; height: 37px; line-height: 37px; border-radius: 3px; font-size: 15px; background: #ec4960; color:#fff; text-align: center;}
.ta-code p{ text-align: center; color: #999; font-size: 14px;}
.ta-code p:nth-child(2){ width: 80px; margin:10px auto; height: 80px; overflow: hidden;}
.ta-code p:nth-child(2) img{ width: 100%; height: 100%; object-fit: scale-down;}

.ticket-help{ height: 40px; line-height: 40px; text-align: center;}
.ticket-help a{ color:#ec4960; text-decoration: underline;}
.ticket-list{ background: #fff; border-top: 1px #e1e1e1 solid; padding-bottom: 10px;}
.tips{ color:#999; padding:12px;}
.yb-box{ background: url(/mobileWeb/images/yb-bg.png) no-repeat #000; background-size:cover; width: 100%; height: 64px; overflow: hidden;line-height: 64px; color:#ff8700;position: relative;}
.yb-box .yb-link{ display: block; }
.yb-box .yb-tit{ margin-left: 16px; font-size: 18px;}
.yb-box .yb-tit em{ font-size: 14px; }
.yb-record{ position: absolute; right:10px; top:16px; height: 32px; line-height: 32px; width: 90px; }
.yb-record a{ display: block; background:#ff8700; color:#fff; text-align: center; border-radius: 3px;}
.ticket-item{ background: #fff;  margin: 10px 0; position: relative;}
.ticket-item a{ display: block; font-size: 14px; background: #f6f6f6; padding: 16px; }
.ticket-item a em{ font-size: 12px; color:#ff8700; margin-left: 4px;}
.ticket-item .right-arrow{ position: absolute; top:16px; right:16px; font-size: 18px;}
.ticket-item .right-arrow i.vertical{  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1,-1);-ms-transform: scale(1,-1); transform: scale(1,-1);}
.ticket-info{ margin: 10px;}
.ticket-info li{ margin-bottom: 10px; border-radius: 2px; position: relative; background: #fff; border:1px #e1e1e1 solid;}
.ticket-txt-dhq{ position: relative; font-size: 14px; padding: 16px; color: #fff; background: #ffa566; background-image: -webkit-gradient(linear, 50% 0, 0 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #fff), to(#fff)), -webkit-gradient(linear, 50% 0, 100% 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #fff), to(#fff)); background-size: 10px 5px; background-repeat: repeat-x;background-position: 0 100%;}
.ticket-txt-dy{ position: relative; font-size: 14px; padding: 16px; color: #fff; background: #c0e4a6; background-image: -webkit-gradient(linear, 50% 0, 0 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #fff), to(#fff)), -webkit-gradient(linear, 50% 0, 100% 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #fff), to(#fff)); background-size: 10px 5px; background-repeat: repeat-x;background-position: 0 100%;}
.ticket-txt-tdq{ position: relative; font-size: 14px; padding: 16px; color: #fff; background: #70d0da; background-image: -webkit-gradient(linear, 50% 0, 0 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #fff), to(#fff)), -webkit-gradient(linear, 50% 0, 100% 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #fff), to(#fff)); background-size: 10px 5px; background-repeat: repeat-x;background-position: 0 100%;}
.ticket-txt-city{ position: relative; font-size: 14px; padding: 16px; color: #fff; background: #88d6cd; background-image: -webkit-gradient(linear, 50% 0, 0 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #fff), to(#fff)), -webkit-gradient(linear, 50% 0, 100% 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #fff), to(#fff)); background-size: 10px 5px; background-repeat: repeat-x;background-position: 0 100%;}
.limit-date{ padding: 10px 16px 10px; color:#aaa;}
.ticket-logo{ width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: #fff; display: block;}
.ticket-logo img { width: 100%; height: 100%; object-fit: scale-down;}
.ticket-num{ position: absolute; left: 70px; top:30px;}
.ticket-area{ position: absolute; right:10px; top:5px; font-size: 12px; color:rgba(255,255,255,0.8); }
.ticket-txt-dy .ticket-logo{ color:#f8b13a;line-height: 48px; text-align: center; font-size: 14px; }
.ticket-txt-dy .ticket-logo i{ font-size: 12px;}
.bg-grey{ background: #f6f6f6; border-bottom: 1px #e1e1e1 solid;}
.cz-list{ }
.cz-item{ margin-left: 10px; border-bottom: 1px #eee solid; position: relative; padding: 10px 0 10px 50px;}
.cz-img{ position: absolute; top:10px; left: 0; width: 40px; height: 40px; overflow: hidden; }
.cz-img img{ width: 100%; height: 100%; object-fit: scale-down;}
.cz-con{ }
.cz-con h5{ margin: 0 0 10px 0;}
.cz-con p{ line-height: 1.5;}
.cz-money{ position: absolute; right:8px; top:50%; height: 30px; line-height: 30px; margin-top: -15px; font-weight: bold;color:#ff8700}
.mt_8{ margin-top:8px;}
.mt_6{ margin-top:6px;}
.mt_4{ margin-top:4px;}


.header-bar{ height: 44px; line-height: 44px; background: #eb4960;  position: relative; color: #fff; text-align: center;}
.header-bar span{ font-size: 14px; font-weight: 700;}
.header-bar a{ color:#fff; font-size: 16px;}
.header-return{ position: absolute; top:0; left: 0; height: 44px; line-height: 44px; width: 44px; text-align: center;}
.header-share{ position: absolute; top:0; right: 0; height: 44px; line-height: 44px; width: 44px; text-align: center; }
.order-detail{background: #fff; }
.film-name{ border-bottom: 1px #e1e1e1 solid; padding: 10px 16px; font-weight: 700; font-size: 16px;}
.film-name i img{ width: 30px; height: 30px; margin-right: 10px; margin-top: -4px;}
.for-info{ padding: 10px 16px; border-bottom: 1px #e1e1e1 solid; position: relative;}
.for-info p{ line-height: 30px; font-size: 14px;}
.for-info p span{ color:#ec4b61;}
.label-staus{ position: absolute; right:0; bottom:0; background: url(../images/icon_ticket_yh.png) no-repeat; background-size: 100px 88px; width: 100px; height: 88px;}
.ticket-code{ 
	background: #ec4960; min-height: 23px; /* line-height: 1.5px; */ color:#fff;  padding: 5px; font-size: 16px; font-weight: 700;
    white-space: normal;
    word-break: break-all;
}
.for-tip{ padding: 10px 16px; color:#999;}
.share-detail{ padding: 16px;}
.bg-solid{ position: absolute;top:-7px; left: 0; right:0; background:url(../images/bg-solid.png) repeat-x; height: 7px; width: 100%;}
.share-inner{ background: #fff; position: relative; border-radius: 3px;}
.fs-name{ border-bottom: 1px #c1c1c1 dashed; padding: 10px 16px; font-weight: 700; font-size: 16px;}
.fs-info{  padding: 10px 16px; border-bottom: 1px #c1c1c1 dashed; position: relative;}
.fs-info p{ line-height: 30px; font-size: 14px;}
.fs-info p span{ color:#ec4b61;}
.st-code{ background: #fafafa; border:1px #eee solid; border-radius: 4px; margin: 10px 30px; padding: 16px 30px; }
.st-code span{ color:#ec4b61;}
.fs-subtxt{ color:#999; border-bottom: none;}
.left-dot{ position: absolute; left: 0; bottom:-8px; background: url(../images/left-dot.png) no-repeat; width:8px; height: 17px; }
.right-dot{ position: absolute; right: 0; bottom:-8px; background: url(../images/right-dot.png) no-repeat; width:8px; height: 17px; }
.copy-box{ text-align: center; color:#999; font-size: 14px; line-height:1.8; margin-top: 10px;}
.copy-box p span{ color:#ec4b61;}
.sp-msk{ position: fixed; top:0; bottom:0; left: 0; right:0; background: rgba(0,0,0,0.5); z-index: 99;}
.sp-box{ position: absolute; bottom:0; left: 0; right:0; background:#e9f0f3; height: 200px; z-index: 100;}
.sp-box h6{ text-align: center; height: 40px; line-height: 40px; font-size: 14px; font-weight: normal;}
.sp-box ul{ width: 250px; margin:10px auto;}
.sp-box li{ float: left; width: 80px; margin: 0 20px; text-align: center;}
.sp-box li .s-img{ width: 80px; height: 80px; overflow: hidden;}
.sp-box li .s-img img{ width: 100%; height: 100%; object-fit: scale-down;}
.sp-box li .s-name{ margin-top: 10px;}
.ticket-box{ padding: 20px; color:#fff; font-size: 14px; }
.ticket-box p{ line-height: 2;}
.ticket-box p:nth-child(1)	{display: -webkit-box;-webkit-box-orient: vertical;white-space: normal;word-break: break-all;-webkit-line-clamp: 3;overflow: hidden;} 
.st-info{ margin-top: 10px; background: #fff; border-radius: 4px; padding: 16px; color:#666; margin-bottom: 10px;}
.st-info .st-item{ border: 1px #dcdcdc solid; margin-bottom: 16px; border-radius: 4px; }
.st-info .st-item:last-child{ margin-bottom: 0;}
.st-item .st-tit{ background: #faf9fa; font-size: 13px; border-bottom: 1px #b7b7b7 dashed; padding: 0 10px; height: 40px; line-height: 40px; color:#999; position: relative; text-align: center;}
.kq-num{ position: absolute; left:10px; top:0;}
.st-item .st-con{ padding: 10px;}
.st-item .st-con p span{ color:#ec4b61;}
.copy-white{ color:#fff;}
.copy-white p span{ color:#fff;}
.btn-copy{ background: #f39800; color:#fff; margin-right: 5px; padding: 6px 10px; border-radius: 4px; }
.left-white-dot{ position: absolute; left: -1px; bottom:-8px; background: url(../images/left-white-dot.png) no-repeat; width:9px; height: 18px; }
.right-white-dot{ position: absolute; right: -1px; bottom:-8px; background: url(../images/right-white-dot.png) no-repeat; width:9px; height: 18px; }
.page-body{}
.btn-pst{ position:fixed; bottom:0; left: 0; right:0; height: 50px; border-top: 1px #ddd solid; background: #fff;}
.btn-pst ul{ display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex }
.btn-pst li{ -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 5px; }
.btn-pst li a{ display: block; margin: 5px 0; color:#fff; height: 40px; line-height: 40px; text-align: center; font-size: 14px;}
.btn-primary{ background: #ec4960; border-radius: 3px; }
.btn-default{ background: #aaa; border-radius: 3px; }
.am-box{ padding-bottom: 50px;}
.am-box .am-item{ background: #fff; padding: 10px 40px 10px 10px; border-bottom: 1px #eee solid; position: relative;}
.am-box .am-item a{ display: block;}
.am-box .am-item p{ margin: 5px 0; line-height: 1.5;}
.arrow-link{ position: absolute; right:10px; top:50%; height: 40px; line-height: 40px; width: 40px; margin-top: -20px; text-align: right;}
.name-tel{ position: relative; font-weight: 700; }
.name-tel em{ position: absolute; right:0; top:0;}
.address-txt span{ color:#ec4960; margin-right: 4px;}
.am-box ul{ background: #fff; padding: 0 0 0 10px; border-bottom: 1px #ddd solid; border-top: 1px #e1e1e1 solid; margin-bottom: 10px;}
.am-box ul li{ border-bottom: 1px #e1e1e1 solid; height: 50px; line-height: 50px; position: relative; padding: 0 0 0 80px;}
.am-box ul li:last-child{ border-bottom: none;}
.ami-tit{ position: absolute; left: 0; top:0; width: 70px; font-size: 14px;}
.ami-ipt { padding-right: 10px; }
.ami-ipt input{ width: 100%; font-size: 14px; border: none;}
.ami-ipt select{ border:1px #ccc solid; height:32px; line-height:32px; width:30%; border-radius:3px;}
.default-set{ font-size: 14px; margin-left: -70px; }
.default-set input{ float: left; margin: 18px 4px 0 0;}
.default-set span{ float: left;}
.share-buy{ margin: 0 auto; width: 150px;}
.share-buy a{ display: block; color:#fff; background: #ec4b61; padding: 10px 0; border-radius: 20px; text-align: center; font-size: 15px; font-weight: bold;}

.header-filter{ background: #fff; border-bottom: 1px #e1e1e1 solid; padding: 8px; }
.header-filter .filter-tab{  height: 24px; display: -moz-box; display: -webkit-box;display: box;}
.header-filter .filter-tab li{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; line-height:24px; text-align: center;border-right: 1px #e1e1e1 solid; }
.header-filter .filter-tab li:last-child{ border-right:none; }
.header-filter .filter-tab li a{ display: block;  }
.header-filter .filter-tab li a.selected{ color:#eb4960; }
.bar-tab{ position: absolute; top:4px; left: 50%; width: 180px; margin-left: -90px; height: 32px; line-height: 32px; border: 1px #fff solid; border-radius: 20px;  display: -moz-box; display: -webkit-box;display: box; overflow: hidden;}
.bar-tab li{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.bar-tab li a{ display: block; font-size: 14px;}
.bar-tab li a.selected{ background: #fff; color:#eb4960;}
.area-box{ position: absolute; left: 0; top:0; width: 64px; height: 44px; text-align: center; line-height: 44px; }
.area-box a{ font-size: 14px; display: block; padding-left: 6px;}
.area-box a i{ margin-left: 4px;}
.district-box{ position: absolute; right: 0; top:0; width: 64px; height: 44px; text-align: center; line-height: 44px; }
.district-box a{ font-size: 14px; display: block; padding-right: 6px;}
.district-box a i{ margin-right: 4px;}
.header-search{ background: #e5e5e5; border-radius: 6px; height: 36px; position:relative; overflow: hidden;}
.header-search .search-btn{ position:absolute; top:0; bottom:0; right:0; z-index: 999; font-size: 16px; width: 36px; text-align: center; line-height: 36px; display: block;}
.header-search .search-ipt{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.header-search .search-ipt input{ border:none; background: none; margin-left: 6px; width: 90%; height: 33px; line-height:normal; font-size: 14px;}
.filter-layer .mask{ position: fixed; top:44px; left: 0; right:0; bottom:0; z-index: 999; background: rgba(0,0,0,0.5) }
.filter-info{ position: absolute; top:44px; left: 0; right:0; z-index: 1000; overflow-y: auto; overflow-x: hidden; background: #fff; padding: 10px;}
.filter-info dl{ margin-bottom: 5px;}
.filter-info dt{ margin-bottom: 10px;}
.filter-info dd a{ margin-right: 10px; color:#999; display: inline-block; padding: 4px 10px; margin-bottom: 5px;}
.filter-info dd a.selected{ border: 1px #eb4960 solid; border-radius: 3px; color:#eb4960; padding: 4px 10px;}
.show-search{  border-top:1px #e1e1e1 solid; padding: 8px 0 0 0; text-align: center;}
.show-search a{ margin: 0 auto; width: 80px; display: inline-block; color:#fff; background: #ec4b61; padding: 8px 0; border-radius: 4px; text-align: center; font-size: 14px; }

*{margin: 0; padding: 0;}
body{font-family: PingFang SC,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
.clear{ clear: both;}
.ex-mask{ position: fixed; top:0; left: 0; right:0; bottom:0; z-index: 99; background: rgba(0,0,0,0.5) }
.ex-close{ position: absolute; bottom:15px; left: 50%; z-index: 102; width: 30px; margin-left: -15px; height: 30px; overflow: hidden;}
.ex-close img{ width: 100%; height: 100%; object-fit: scale-down;}
.express-info{ position:fixed; top:20px; bottom:60px; left: 20px; right:20px; border-radius: 4px; background: #fff; z-index: 100; overflow: hidden;}
.express-header{ height: 130px; background: -moz-linear-gradient(top, #eb4960 0%, #dc2943 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb4960), color-stop(100%,#dc2943));
    background: -webkit-linear-gradient(top, #eb4960 0%,#dc2943 100%);
    background: -o-linear-gradient(top, #eb4960 0%,#dc2943 100%);
    background: -ms-linear-gradient(top, #eb4960 0%,#dc2943 100%);
    background: linear-gradient(to bottom, #eb4960 0%,#dc2943 100%); overflow: hidden; color:#fff;}
.express-header h5{ font-size: 16px; padding-top: 2px; text-align: center; }
.express-header dl{ position: relative; padding: 10px 16px 10px 86px; }
.express-header dt{ position: absolute; left:10px; top:10px; width: 60px; height: 60px; overflow: hidden;border: 2px #fff solid;}
.express-header dt img{ width: 100%; height: 100%; object-fit:cover;}
.express-header dd{}
.express-header dd p{ overflow: hidden; line-height: 1.4; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; margin-bottom:8px; }
.express-header dd h6{ font-size: 15px;}
.express-body{ position: absolute; left: 0; right:0; top:130px; bottom:36px; overflow-y: auto; overflow-x: hidden; padding: 16px; }
.ex-item{ position: relative; padding: 0 10px 0 70px; }
.ex-time{ position: absolute; left: 0; top:-8px; text-align: right; width: 50px;}
.ex-time h5{ font-size:14px; font-weight: normal; color:#888; }
.ex-time p{ font-size: 12px; color:#888;}

.ex-con{ border-left: 1px #eee solid; padding-left: 20px; padding-bottom: 30px; position: relative;}
.ex-con h5{ font-size:14px; color:#666; margin-bottom: 8px; }
.ex-con p{ line-height: 1.3; font-size: 14px; color:#777;}
.ex-stage{ position:absolute; left:-8px; top:2px; width:16px; height: 16px; text-align: center; line-height: 16px; border-radius: 50%; background: #ccc; color:#fff;  font-size: 12px;}
.ex-con p em{ font-style: normal; margin: 0 4px;}
.ex-con p a{ color:#eb4960; text-decoration: none; margin: 0 4px;}
.ex-node{ position:absolute; left:-6px; top:4px; width:11px; height: 11px; border-radius: 50%; background: #ccc;}
.express-body .current .ex-time h5,.express-body .current .ex-time p,.express-body .current .ex-con h5,.express-body .current .ex-con p{ color:#eb4960; }
.express-body .current .ex-stage{ background: #eb4960;}
.express-body .current .ex-map{ color:#eb4960;}
.ex-address .ex-con{border-left: none; }
.ex-map{ position:absolute; left:-8px; top:0; text-align: center; font-size: 20px; }

/*身份信息验证*/
.verti-menu li em.id-check{ display: inline-block; background: url(../images/id-check.png) no-repeat; margin-bottom: -2px; background-size: 14px 14px; margin-right: 4px; width: 14px; height: 14px;}
.check-info{ background: #fff; border-bottom: 1px #eee solid;}
.check-info dt{ background: #f6f6f6; padding: 10px 20px; text-align: center; font-size: 16px;}
.check-info dt p{ line-height: 2;}
.check-info dd{ background: #fff; padding: 10px 20px; line-height: 2; color: #999;}
.check-opert{ margin:20px 10px;}
.check-opert ul{display: -moz-box;display: -webkit-box;display: box;}
.check-opert li{ text-align: center; -moz-box-flex: 1; -webkit-box-flex: 1;box-flex: 1; margin: 0 10px;}
.check-opert li a{ display: block; padding: 8px 10px; font-size: 16px;border-radius: 20px;}
.check-opert li:nth-child(1) a{ border: 1px #ec4960 solid; color: #ec4960; }
.check-opert li:nth-child(2) a{ border: 1px #ff6600 solid; color: #ff6600; }
.check-opert li:nth-child(3) a{ border: 1px green solid; color: green; }
.check-opert li a.over{border: 1px #aaa solid; color: #aaa; }
.check-layer{ display: none;}
.check-mask{ position: fixed; top:0; bottom:0; left: 0; right:0; background: rgba(0,0,0,0.5); z-index: 99;}
.check-box{ position: absolute; top:50%; left: 20px; right:20px; z-index: 100; height: 200px; margin-top: -100px; background: #fff; border-radius: 4px; }
.check-tips{ margin-bottom: 20px; font-size: 15px; color:#999;}
.check-body{ margin:20px;}
.check-body dl{ border:1px #d1d1d1 solid; border-radius: 4px; padding: 8px;}
.check-body dd{padding: 0 80px 0 0; position: relative; }
.check-body dd .ipt-txt{ border:none; height: 30px; line-height: normal; width: 100%; }
.check-body dd .code-info{ position: absolute; right:0; top:0; z-index: 100; width: 70px; height: 30px; overflow: hidden; border-left: 1px #eee solid;}
.check-body dd .code-info img{ width: 100%; height: 100%; object-fit: scale-down; }
.check-footer{ border-top:1px #eee solid;}
.check-footer ul{ display: -moz-box;display: -webkit-box;display: box; }
.check-footer li{ text-align: center; -moz-box-flex: 1; -webkit-box-flex: 1;box-flex: 1; border-right: 1px #eee solid;  height: 40px; line-height: 40px; padding: 5px; }
.check-footer li:nth-child(2){ border-right: none; }
.check-footer li a{ display: block;font-size: 16px;}
.check-msg dd{ padding:  0 0 0 60px; }
.check-msg dd .ipt-txt{ height: 30px; line-height: normal; width:auto; }
.check-msg dd .code-info{ left: 0; width:50px; border-left:none; border-right: 1px #eee solid; line-height: 30px;}
.check-footer li a.btn-check{ background: #fd8535; color: #fff; border-radius: 3px;}
.check-info dt a{ color:#fd8535;}
.add-id-btn{ margin-top: 10px;  display: inline-block;font-size: 16px; border: 1px #fd8535 solid; color: #fd8535; padding: 3px 40px; border-radius: 20px;  }
.add-id-info{ padding: 20px; }
.add-id-info p{ color:#999; font-size: 16px;}
.add-id-info ul{ margin-top: 10px;}
.add-id-info li{ margin-bottom: 10px; border: 1px #ddd solid; border-radius: 4px; padding: 0 10px;}
.add-id-info li .ipt-txt{ height: 40px; line-height: 40px; border: none;width: 100%; }
.check-submit{ margin-top: 10px;}
.check-submit a{ display: block; background: #fd8535; color:#fff; text-align: center; border-radius: 4px; padding: 10px 0;}
.add-id-info ul.yz-msg li{ padding: 0 80 0 0; position: relative;}
.add-id-info li a{ display: block; color:#fff;}
.get-code{ position: absolute; top:3px; right: 5px; height: 34px; border-radius: 3px; width: 80px; display: block; background: #fd8535; line-height: 34px; text-align: center;}
.get-code-grey{ background: #ccc;}
.check-grey a { background: #d8d8d8; color:#999; }
/*小卖部 add 20180316*/
ul,li{ list-style: none;}
.header-bar .search-link{  position: absolute; left: 90px; right:54px; top:0px; bottom:0px;}
.header-bar .search-link a{ /*display: block;*/ padding-top: 6px;}
.header-bar .search-link img{ width: 100%; height: 100%; object-fit: scale-down;}
.shop-tit{ position: absolute; left: 10px;top:0; height: 44px;}
.shop-cate{ background: #fff; padding: 10px; }
.cate-menu ul{  margin-bottom: 10px; }
.cate-menu ul:nth-child(3){ margin-bottom: 20px;}
.cate-menu li{ text-align: center; float: left; width: 17.5%; margin: 0 4px; }
.cate-menu li a{ font-size: 13px; text-decoration: none; color: #222;}
.cate-menu li a .menu-icon{ width: 40px; height: 40px; margin: 0px auto; overflow: hidden; }
.cate-menu li a .menu-icon img{ width: 100%; height: 100%; object-fit: scale-down;}
.sd-banner{ }
.sd-item{ background: #fff; height:54px; width: 103px; margin-right: 10px; overflow: hidden; }
.sd-item a{ display: block; }
.sd-item img{ width: 100%; height: 100%; object-fit:cover;}
.shop-list{min-height: 100px;margin: 6px 6px 6px 0;}
.shop-lt{ height: 40px; line-height: 40px; color: #ea3323; position: relative; margin-left: 6px;}
.st-label{ background:-webkit-linear-gradient(#ed762f, #da5562); background:-o-linear-gradient(#ed762f, #da5562);background:-moz-linear-gradient(#ed762f, #da5562);background:linear-gradient(#ed762f, #da5562);  border-radius: 0 20px 20px 0; padding:3px 10px; color:#fff;}
.notice-info{ position: absolute; right:5px; top:0; bottom:0; left: 143px; font-size: 12px;}
.shop-lt b{ font-size: 14px;}
.shop-lt b img{ width: 16px; height: 13px; margin-left: 4px;margin-bottom:3px}
.shop-inner .sl-item{ width: 31.5%; background: #fff; float:left; border-radius: 4px; overflow: hidden; margin-bottom: 6px; margin-left: 6px;}
/*.shop-inner .sl-item:nth-child(3n+2){ border-left: 2px #f5f5f5 solid;border-right: 2px #f5f5f5 solid;}*/
.slt-picture{ overflow: hidden;}
.shop-list .slt-picture{ width: 100%; height: 31.5vw; }
.shop-col2{  margin: 6px;}
.shop-col2 .sl-item{width: 49%;margin-left: 6px;} 
.shop-col2 .slt-picture{overflow: hidden;  width: 100%; height: 48.5vw; }
.slt-picture img{ width: 100%; height: 100%; object-fit: scale-down;}
.shop-col2 .sl-item:nth-child(odd){margin-left: 0px;}
.slt-txt{ padding:6px 10px; min-height: 108px; }
.slt-txt h5{ height: 24px; line-height: 24px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight: normal; font-size: 14px;margin:0px}
.slt-txt .intro{ color:#999; font-size: 12px; height: 24px; line-height: 24px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slt-txt .price{ color:#999; font-size: 12px;height: 24px; line-height: 24px; overflow: hidden;}
.slt-txt .price b{ margin-right: 4px; color:#da5663; font-size: 18px;}
.slt-txt .price em{ font-style: normal;}
.search-ipt-shop{ position: absolute; left: 54px; right:64px; top:5px; bottom:5px; background: #fff; line-height: normal; border-radius: 4px;}
.search-ipt-shop input{ padding: 0; height:34px; width: 90%; background: none; border:none; margin: 0 6px; }
.header-lt{ width: 64px; font-size: 12px; text-decoration: none;}
.search-result li{ border-bottom: 1px #eee solid; height: 40px; line-height: 40px; padding: 0 10px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.search-result li a{ color:#666; text-decoration: none;}
.header-bar a.cart{ font-size: 20px;}
.header-bar a.search{ right:44px;}
.cate-box{ position: relative; padding: 44px 0 0 90px;}
.cate-subbar{ position:fixed; top:44px; left: 0; bottom:0; width: 90px; z-index: 98; overflow-y: auto; border-right: 1px #ddd solid; background: #fff;}
.cate-subbar li{ border-bottom: 1px #eee solid;}
.cate-subbar li a{ padding: 10px; display: block; color:#666; text-decoration: none; font-size: 14px;}
.cate-subbar li.current a{ color:#da5462}
.cate-second li{ float: left; width: 33%;  text-align: center; }
.cate-second li a { padding: 10px 0; display: block; font-size: 13px; color: #666; text-decoration: none;}
.cate-second li a .cs-picture{ width: 40px; margin: 5px auto; height: 40px; overflow: hidden;}
.cate-second li a .cs-picture img{ width: 100%; height: 100%; object-fit: scale-down;}
.second-menu{ height: 44px; line-height: 44px; border-bottom: 1px #eee solid; padding:0 10px;}
.swiper-second .swiper-slide a{ display: block; text-align: center;color:#666; text-decoration: none; }
.swiper-second .swiper-slide.current a{ color:#da5462; border-bottom: 2px #da5462 solid;}
/*.shop-col2 .sl-item{ width: 49%;}
.shop-col2 .sl-item:nth-child(3n+2){ border-left: none; border-right: none;}
.shop-col2 .sl-item:nth-child(2n+2){ border-left: 2px #f5f5f5 solid;}*/
.header-pst{ position: fixed; top:0; left: 0; right:0; z-index: 99;}
/*add 20180628*/
.top-banner{ position: relative; width: auto; height: auto; overflow: hidden;}
.top-banner img{ width: 100%; height: 100%; object-fit: scale-down;}
.close-banner{ position: absolute; right: 10px; top:5px; width: 20px; height: 20px;}
.close-banner img{ width: 100%; height: 100%; object-fit: scale-down;}
.global-search{ position: relative; height: 46px; line-height: 46px; background: #fff; padding: 3px 10px; padding-right: 20px; border-bottom: 1px #e1e1e1 solid;}
.global-search .gs-ipt{ background: #f3f3f3; width: 98%; border: none; height: 36px; border-radius: 5px; padding: 0 10px;font-size:14px}
.global-search-filmCinmea{ position: relative; line-height: 46px; background: #fff; padding: 3px 10px;  border-bottom: 1px #e1e1e1 solid;padding-right:125px}
.global-search-filmCinmea .gs-ipt{ background: #e5e5e5; width: 100%; border: none; height: 36px; border-radius: 5px; padding: 0 5px;font-size:14px}
.gs-btn{ position: absolute; top:50%; right:15px; width: 20px; height: 46px; margin-top: -23px; font-size: 16px;}
.yd-logo{ position: absolute; left: 22px; top:-4px; width: 30px; height: 30px;}
.yd-logo img{ width: 100%; height: 100%; object-fit: scale-down;}
.btn-hollow.yellow{background:#fd5050 !important;border: 1px solid #fd5050; border-radius: 5px; color: #fff!important;}
.btnR{ background:#fd5050; }
.detailed-box .content-bt{ border-top:10px #f1f1f1 solid;}
.movie-intro{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.text-center{ text-align: center;}
.detailed-box .content-bt h6{ padding:0 10px; font-size: 14px; }
.area-right{ position: absolute; right: 10px; top:0; width: 64px; height: 44px; text-align: center; line-height: 44px; }
.area-right a{ font-size: 14px; display: block; padding-left: 6px;}
.area-right a i{ margin-left: 4px;}
.nearby-box{ height: 40px; line-height: 40px; border-bottom: 1px #e1e1e1 solid; background: #fff; padding:  0 15px; position: relative;}
.nearby-box a{ display: block; font-size: 14px;}
.nearby-box a em{ position: absolute; right: 10px; top:12px;}
.search-box .m-list li a .i-ids{ top:auto; bottom:12px;}
.min-price{ font-size: 16px; color:#ff6600; }
.min-price i{ font-weight:normal; font-size: 12px; color:#999;}
.search-box .m-list li a span{ width: 5.5em;}
.map-box{ padding-bottom: 70px; height: 100%; }
.map-list { background: #fff; position: fixed; bottom:0; height: 90px; left: 0 ;right:0; }
.map-list .m-list{ border-top: 1px #e1e1e1 solid; border-bottom: none;}
.cinema_detail label {border: 1px #ccc solid; height: 26px;line-height: 26px;padding: 0 4px; border-radius: 3px; margin-right: 4px;}
.cinema_detail{ position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; }
.cinema-info{ -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; }
.cinema-info h3,.cinema-info p{ width: 85%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.cinema-gps{ height:40px; width: 50px; margin-top: 30px; border-left: 1px #ccc solid; }
.cinema-gps button{ margin-left: 10px; border: none; background: none; width: 40px; height: 40px;}
.cinema-gps button img{ width: 100%; height: 100%; object-fit: scale-down;}
.event_item a{ height: auto;}
.event_item{ height: auto; margin-bottom: 0;}
.event-photo{ height: 100%; width: 100%; overflow: hidden;}
.event-photo img{ width: 100%; height: 100%; object-fit:scale-down;}
.event-title{ margin: 10px;}
.event-title h5{ font-size: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.event-title p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;margin-top: -5px}
.loading-box{ text-align: center; padding: 8px 0;}
.loading-box p:nth-child(1){ width: 80px; margin: 0 auto; height: auto;}
.loading-box p:nth-child(1) img{ width: 100%; height: 100%; object-fit: scale-down;}
.loading-box p:nth-child(2){ margin-top: 5px; color:#eb4960;}
.m-modal.m-modal-bottom .btn-box [class*=btn]{ background: #ff6600;}
.btn-hollow.blueBtn{ background:#258DEB !important;border: 1px solid #258DEB; border-radius: 5px; color: #fff!important; }

/*add 2018-0705*/
.yd-logo-mid{ position: absolute; top:-3px; left: 50%; width:60px; height: 24px; margin-left: -30px; }
.yd-logo-mid img{ width: 100%; height: 100%; object-fit: scale-down;}
.film-date{ position: absolute; left: 10px; top:0px;}
.film-date a{ display: block; font-size: 14px;}
.film-date i{ margin-left: 4px;}
.change-filter i{ margin-right: 4px;}
/*add 2018-07-11*/
.show-list h3 b{ max-width: 100%;}
.e-ticket{ border: 1px #a67fff solid; color: #a67fff;}
.p-ticket{ border: 1px #66aaff solid; color: #66aaff;}
.ticket-price{ position: absolute; right: 10px; top:0; color:#ff6600; font-size: 18px;}
.ticket-price em{ color:#999; font-size: 12px;}

/*add 20180720*/
.header-link{ border-bottom: 1px #e1e1e1 solid; background: #fff;}
.header-link ul{ display: -moz-box; display: -webkit-box; display: box; }
.header-link li{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 6px;}
.header-link li img{ width: 100%; height: 100%; object-fit:contain;}

/*add 20180725*/
.limit-date{ padding-right: 40px; position: relative;}
.arrow-right{ position: absolute; right:10px; top:50%; width: 23px; height: 20px; margin-top: -10px; background: url(../images/icon_right_arrow.png) no-repeat;}

.city-change{ background: #efefef; height: 40px; line-height: 40px; border-bottom: 1px #e1e1e1 solid;}
.city-change ul{ display: -moz-box; display: -webkit-box; display: box; }
.city-change li{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 10px; }
.city-change li:nth-child(2){ text-align: right;}
.city-change li a{ color:#eb4960;}

/*20180726*/
.tc {text-align: center;}
.tab-Bd{ padding: 10px 10px 10px;}
.tab-Bd table{ width: 100%; background: #fff;}
.tab-Bd td{ border: 1px solid #ddd; text-align: center; padding: 8px 3px; font-size: 12px;}
.pagination{margin-bottom: 15px;}
.pagination a{margin-left: 10px;}
.pagination span{margin-left: 10px;}

/*add 20180914*/
.tip-info{ background: #f8f8f8; padding: 10px; border-bottom: 1px #dfdfdf solid; color:#f17636; font-size: 15px;}
.apply-box{ background: #fff; border-bottom: 1px #dfdfdf solid; padding: 16px;color: #4b4b4b}
.apply-box .apply-item{ margin-bottom: 10px; position: relative; padding: 0 0 0 80px;}
.apply-tit{ position: absolute; top:3px; left: 0px; width: 70px; }
.apply-tit em{ color:#f17636;}
.apply-con{ border: 1px #d5d5d5 solid; border-radius: 2px; position: relative;}
.apply-con .ipt-txt{ height: 30px; line-height: normal;  width: 90%; margin-left: 5px;  border: none; font-size: 14px;}
.apply-con .ipt-ta{ width: 90%; border: none; min-height: 36px; margin-left: 5px; margin-top: 5px; border-radius: 2px; font-size: 14px; resize: none !important; }
.app-option{ height: 30px; line-height: 30px; margin-left: 5px; }
.arrow-pst{ position: absolute; right:10px; top:5px; }
.sexy-pst{ position: absolute; top:-1px; right:-110px; height: 30px; width: 100px; padding-left: 5px; line-height: 30px; border: 1px #d5d5d5 solid; border-radius: 2px; }
.apply-bn{ border: none;}
.app-con-txt{ width:90px; float: left; border: 1px #d5d5d5 solid; border-radius: 2px; }
.app-con-opt{ width: 100px; float: right; margin-left: 8px; padding-left: 5px;  height: 30px; line-height: 30px; border: 1px #d5d5d5 solid; border-radius: 2px; position: relative; }
.btn-apply a{ background: #ed5321; color:#fff; display: block; padding: 10px; border-radius: 4px; text-align: center; font-size: 16px;}
.apply-box h5{ position: relative;}
.app-intro{ background: #fff; border-bottom: 1px #dfdfdf solid; border-top: 1px #dfdfdf solid; padding: 10px; margin: 10px 0;}
.ai-tit{ height: 30px; line-height: 30px; padding-left: 16px; font-size: 16px; position: relative;}
.ai-tit span{ position: absolute; left:0; top:8px; height:16px; width: 3px; background: #f9a600; }
.ai-con{ padding: 5px 0;} 
.bg-green{ background: #ecf5f0;}
.ai-con p{ line-height: 24px;}
.apply-bottom{ text-align: center; color:#c0c0c0; padding-bottom: 16px;}
.product-attach{ border: none; position: relative;}
.ap-link{ width: 60px; height: 60px; border: 1px #d5d5d5 solid; border-radius: 2px; text-align: center; }
.ap-link a{ display: block; margin-top: 6px; font-size: 16px;}
.attach-tip{ position: absolute; left: 70px; top:3px; color:#999; text-align: left; font-size: 12px;}
.attach-box{ margin-top: 10px; border: 1px #d5d5d5 solid; padding: 10px 10px 0 10px;}
.attach-box li{ position: relative; float: left; width: 48px; height: 36px; margin-right: 10px; margin-bottom: 10px;}
.attach-box li img{ width: 100%; height: 100%; object-fit: cover;}
.attach-box li .delete{ position: absolute; top:-5px; right:-5px; width: 20px; height: 20px; text-align: center; line-height: 18px; background:#FD494C; color:#fff;  }
.ai-con .swiper-slide{ width:100%;height:70px;overflow: hidden;} 

/*add 20181016*/
.pay-num{ background: #fff; border-bottom:8px #f6f6f6 solid; padding:15px 10px;}
.pay-num b{ color:#f60; font-size: 18px;}
.pay-way{ background: #fff;}
.pay-way h5{ margin: 0; background: #f6f6f5; padding: 10px; font-size: 16px; border-bottom: 1px #e9e9e9 solid; color:#fd8536;}
.pay-way h5 em{ color:#999; margin-left: 6px; font-size: 13px; font-weight: normal;}
.third-pay ul{ padding: 0 10px; margin: 0; border-bottom: 1px #e7e7e7 solid; }
.third-pay li{ border-bottom: 1px #e7e7e7 solid;}
.third-pay li:last-child{ border-bottom: none;}
.third-pay li a{ display: block; position: relative; padding: 10px 30px 10px 44px;}
.third-pay li a span{ position: absolute; left: 0; top:10px; width: 34px; height: 34px;}
.third-pay li a span img{ width: 100%; height: 100%; object-fit: scale-down;}
.third-pay li a em{ position: absolute; right:0; top:50%; height: 19px; margin-top: -10px;}
.third-pay li a h6{ position: relative; font-size: 14px;}
.third-pay li a h6 i{ border:1px #f60 solid; border-radius: 2px; padding: 0 4px; margin-left: 6px; color:#f60; font-weight: normal; font-size: 12px;}
.third-pay li a h6 em{ position:inherit; color:#f60; font-weight: normal; font-size: 13px; margin-left: 6px;}
.add-exc{ margin: 10px;}
.add-exc a{ background: #fd8536; border-radius: 16px; border-radius: 20px; font-size: 16px; display: block; padding: 10px 0; text-align: center; color:#fff; -webkit-box-shadow: 0 5px 20px -5px #fd8536; box-shadow: 0 5px 20px -5px #fd8536;}
.third-pay li a p{ color:#888;}
.deduc-box{ background: #fff; margin-bottom: 10px; padding: 10px; font-size: 14px;}
.deduc-box p b{ color:#f60; font-size: 16px;}
.st-info{ margin-bottom: 0; margin-top: 20px;}
.st-info h6{ text-align: center; border-bottom: 1px #e1e1e1 solid; margin: 10px -15px; padding-bottom: 10px; }
.st-info h6 a{ font-size: 16px; text-decoration: underline; color:#eb4960;}
.eq-code{ text-align: center; width: 70%; height: 70%; margin: 0px auto;}
.eq-code img{ width: 100%; height: 100%; object-fit: scale-down; }
.done-state{ position: absolute; right:10px; bottom:-5px; width: 60px; height: 60px; overflow: hidden;}
.done-state img{ width: 100%; height: 100%; object-fit: scale-down;}
.copy-box{ margin-top: 0;}
/*add 2018-11-06*/
.shop-detail-info,.shop-detail-intro{ background: #fff; margin: 0;}
.input-tel{ padding: 10px; border-bottom: 6px #e7e7e7 solid; border-top: 6px #e7e7e7 solid; background: #fff;  }
.input-tel dl{ position: relative; padding: 0 0 0 70px; }
.input-tel dt{ position: absolute; left: 0; top:7px; width: 80px; font-size: 15px; }
.input-tel dd { border: 1px #ddd solid; border-radius: 3px; background: #fff; }
.input-tel h4{ margin: 10px 0;  }
.input-tel dd .ipt_txt{ height:32px; line-height: 32px; margin: 0 4px; border: none; width: 90%; font-size: 15px; }
.new_address_box li {  position: relative;}
.new_address_box li span{ position: absolute; left:0; top:0; width:55px; line-height: 32px;}
.new_address_box li .ipt_address { padding-left:4px;}
.new_address_box li select{ font-size: 14px;}
.m-modal.m-modal-bottom .btn-box [class*=btn]{ background:#c01920;}


/*add 2018-11-26*/
/*演出、影院、惠选兑换专区的图标样式*/
.com-yy{  height: 40px; display: block; background: url(/mobileWeb/images/tab/yy.png) no-repeat; background-size:contain;  }
.com-yc{ height: 40px; display: block; background: url(/mobileWeb/images/tab/yc.png) no-repeat; background-size:contain;  }
.com-hxdh{ height: 40px; display: block; background: url(/mobileWeb/images/tab/dhzq.png) no-repeat; background-size:contain;  }
.com-yyc{ height: 40px; display: block; background: url(/mobileWeb/images/tab/yyqq.png) no-repeat; background-size:contain;  }
.sd-banner .swiper-wrapper{ margin: 6px;}
.swiper-pagination-bullet-active{ background:#eb4960 !important; }

.frosted-glass{ width: 100%;  height: 100%; background: inherit; -webkit-filter: blur(20px); filter: blur(20px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false); }  
.frosted-bg{ position: absolute; left: 0; right:0; z-index: 1;}

/*add 2019-06-04*/
.ticket-item a em{ color:#755bfb;}
.ticket-info li{ border:1px #e3e3e3 solid; border-left: none; border-right: none; border-radius: 6px; background: none; overflow: hidden; }
.quan-type{ min-height: 90px; background: #fff; position: relative; }
.quan-icon{ position: absolute; left: 0; top:0; bottom:0; width: 80px; min-height: 90px; overflow: hidden;}
.quan-icon img{ width: 80%; height: 80%; object-fit: scale-down; margin-top: 10px; margin-left: 13px; }
.quan-desc{ margin-left: 80px; padding: 10px;}
.quan-desc p{ line-height: 1.5; font-size: 12px;}
.quan-opera{ border-left: 1px #e3e3e3 solid; border-right: 1px #e3e3e3 solid; display: -webkit-box;}
.quan-opera p{/* flex: 1;  */width: 50%; padding: 10px;  }
.quan-opera p a{ margin-left: 20px; display:inline-block; font-size: 14px; padding: 5px 20px; background: #fff; border-radius: 4px; }
/*兑换券*/
.quan-dhq .quan-type{ border-bottom: 1px #FF7719 dashed;  }
.quan-dhq .quan-opera p a{  border:1px #FF7719 solid; color:#FF7719; }
.quan-dhq .quan-icon{ background: url(../../plat/mobile/life-images/border.png) no-repeat -1px 4px #FB934B; }
.quan-dhq .quan-type em{ display: inline-block; background:url(/mobileWeb/images/new-dhq.png) no-repeat; background-size: contain; width: 70px; height: 70px; position: absolute; left: 7px;top: 50%; margin-top: -35px; }
/*影币*/
.quan-yb .quan-type{ border-bottom: 1px #DB5800 dashed;  }
.quan-yb .quan-opera p a{  border:1px #DB5800 solid; color:#DB5800; }
.quan-yb .quan-icon{ background: url(../../plat/mobile/life-images/border.png) no-repeat -1px 4px #FFB75A; }
.quan-yb .quan-type em{ display: inline-block; background:url(/mobileWeb/images/new-yb.png) no-repeat; background-size: contain; width: 70px; height: 70px; position: absolute; left: 7px;top: 50%; margin-top: -35px;  }
/*通兑券*/
.quan-tdq .quan-type{ border-bottom: 1px #00BFD3 dashed;  }
.quan-tdq .quan-opera p a{  border:1px #00BFD3 solid; color:#01BFD2; }
.quan-tdq .quan-icon{ background: url(../../plat/mobile/life-images/border.png) no-repeat -1px 4px #65DAE6; }
.quan-tdq .quan-type em{ display: inline-block; background:url(/mobileWeb/images/new-tdq.png) no-repeat; background-size: contain; width: 70px; height: 70px;  position: absolute; left: 7px;top: 50%; margin-top: -35px; }
/*城市通兑券*/
.quan-cstdq .quan-type{ border-bottom: 1px #11C3B1 dashed;  }
.quan-cstdq .quan-opera p a{  border:1px #11C3B1 solid; color:#11C3B1; }
.quan-cstdq .quan-icon{ background: url(../../plat/mobile/life-images/border.png) no-repeat -1px 4px #7EDFD5; }
.quan-cstdq .quan-type em{ display: inline-block; background:url(/mobileWeb/images/new-cstdq.png) no-repeat; background-size: contain; width: 70px; height: 70px; position: absolute; left: 7px;top: 50%; margin-top: -35px; }
/*惠选兑换专区/惠选电影券*/
.quan-hxdyq .quan-type{ border-bottom: 1px #3C8C00 dashed;  }
.quan-hxdyq .quan-opera p a{  border:1px #3C8C00 solid; color:#3C8C00; }
.quan-hxdyq .quan-icon{ background: url(../../plat/mobile/life-images/border.png) no-repeat -1px 4px #9CD770; }
.quan-hxdyq .quan-type em{ display: inline-block; background:url(/mobileWeb/images/new-hxdyq.png) no-repeat; background-size: contain; width: 70px; height: 70px; position: absolute; left: 7px;top: 50%; margin-top: -35px; }
/*惠选兑换券/抵用券*/
.quan-dyq .quan-type{ border-bottom: 1px #FF262F dashed;  }
.quan-dyq .quan-opera p a{  border:1px #FF262F solid; color:#FF262F; }
.quan-dyq .quan-icon{ background: url(../../plat/mobile/life-images/border.png) no-repeat -1px 4px #FF8085; }
.quan-dyq .quan-type em{ display: inline-block; background:url(/mobileWeb/images/new-dyq.png) no-repeat; background-size: contain; width: 70px; height: 70px; position: absolute; left: 7px;top: 50%; margin-top: -35px; }
/*惠选通兑券*/
.quan-hxtdq .quan-type{ border-bottom: 1px #14a5d2 dashed;  }
.quan-hxtdq .quan-opera p a{  border:1px #328bd2 solid; color:#328bd2; }
.quan-hxtdq .quan-icon{ background: url(../../plat/mobile/life-images/border.png) no-repeat -1px 4px #14a5d2; }
.quan-hxtdq .quan-type em{ display: inline-block; background:url(/mobileWeb/images/yy-tdq.png) no-repeat; background-size: contain; width: 70px; height: 70px;  position: absolute; left: 7px;top: 50%; margin-top: -35px;}
/*惠选抵用券*/
.quan-hxdy .quan-type{ border-bottom: 1px #d0bc8c dashed;  }
.quan-hxdy .quan-opera p a{  border:1px #c4ac73 solid; color:#c4ac73; }
.quan-hxdy .quan-icon{ background: url(../../plat/mobile/life-images/border.png) no-repeat -1px 4px #d0bc8c; }
.quan-hxdy .quan-type em{ display: inline-block; background:url(/mobileWeb/images/yy-dyq.png) no-repeat; background-size: contain; width: 70px; height: 70px;  position: absolute; left: 7px;top: 50%; margin-top: -35px;}

.border-right{ position: absolute; right:0; top:0; bottom:0; background: url(../../plat/mobile/life-images/border-right.png) repeat-y; width: 8px; }
.af-result{ padding: 10px; position: relative; }
.af-result a{ position: absolute; right:10px; top:10px; color:#eb4960 }

/*add 2019-07-16*/
.quan-tips{ padding: 10px; font-size: 14px;}
.quan-tips p{ line-height: 1.5;}
.ticket-select{ padding:0 30px 0 0; background: none !important; }
.ticket-select li{ position: relative; overflow: inherit; }
.ticket-select .ticket-info{  margin:0 !important ; }
.ticket-select .ticket-info li{ border-right: 1px #e3e3e3 solid !important; border-left: none; border-radius:0; }
.ticket-select .quan-type{ border-bottom:none; }
/*影币*/
.ticket-select .quan-yb .banner-new{ background: url(/mobileWeb/images/border-grey.png) no-repeat -1px 4px #FFB75A; }
/*兑换券*/
.ticket-select .quan-dhq .quan-icon{ background: url(/mobileWeb/images/border-grey.png) no-repeat -1px 4px #FB934B; }
/*通兑券*/
.ticket-select .quan-tdq .quan-icon{ background: url(/mobileWeb/images/border-grey.png) no-repeat -1px 4px #65DAE6; }
/*城市通兑券*/
.ticket-select .quan-cstdq .quan-icon{ background: url(/mobileWeb/images/border-grey.png) no-repeat -1px 4px #7EDFD5; }
/*惠选兑换专区券*/
.ticket-select .quan-hxdyq .quan-icon{ background: url(/mobileWeb/images/border-grey.png) no-repeat -1px 4px #9CD770; }
/*惠选兑换券*/
.ticket-select .quan-dyq .quan-icon{ background: url(/mobileWeb/images/border-grey.png) no-repeat -1px 4px #FF8085; }
/*惠选通兑券*/
.ticket-select .quan-hxtdq .quan-icon{ background: url(/mobileWeb/images/border-grey.png) no-repeat -1px 4px #14a5d2; }
/*惠选抵用券*/
.ticket-select .quan-hxdy .quan-icon{ background: url(/mobileWeb/images/border-grey.png) no-repeat -1px 4px #d0bc8c; }

.quan-check{ position: absolute; right:5px; top:50%; width: 40px; height: 40px; margin-top: -20px; }
.quan-unchecked{ background: url(/mobileWeb/images/quan-chenk.png) no-repeat 10px center; background-size: 20px 20px;}
.quan-checked{ background: url(/mobileWeb/images/quan-checked.png) no-repeat 10px center; background-size: 20px 20px;}
.ticket-select .quan-desc{ padding-right: 40px; }
.quan-finger{ position: absolute; right:-30px; top:50%; width: 24px; height: 24px; margin-top: -12px; background: url(/mobileWeb/images/finger-login.png) no-repeat; background-size: 24px 24px; z-index: 99; }
.ticket-select .quan-desc p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.ticket-select h5{ font-size: 16px; font-weight: normal; }

/*add 2019-10-18*/
.shop-lt{ background: #fff; border-bottom: none; border-radius: 4px; margin-bottom: 10px; padding:5px 10px 10px 10px; }
.shop-lt dl{ position: relative; padding: 0 70px 0 54px; height: 40px; line-height: 40px; } 
.shop-lt dt{ position: absolute; left: 0; top:0; background: url(/mobileWeb/images/hot-tit.png) no-repeat;  width: 44px; height: 44px; background-size: contain; }
.shop-lt dd h5{ font-size: 14px; color: #DA5563; position: relative;}
.shop-lt dd h5 em{ margin-left: 6px; background: url(/mobileWeb/images/notice.png) no-repeat; width: 16px; height: 16px; background-size: contain; display: inline-block; margin-bottom: -3px;}
.shop-lt dd p{ font-size: 16px; color:#666;}
.news-view{ position: absolute; right:0; top:0;}
.news-view a{ display: block; font-size: 14px; color:#DA5563; text-decoration: none;}
.news-view a em{ margin-left: 10px; background: url(/mobileWeb/images/finger-left.png) no-repeat left center; width: 30px; height: 15px; background-size: contain; display: inline-block; margin-bottom: -3px;}
.ticket-item a em{ color: #DA5563;}
/*add 2019-10-25*/
.phone-verify{ margin: 20px; }
.phone-layer{ z-index: 100032; position: fixed; top:0; bottom:0; left: 0; right:0; background: #fff;}
.phone-close{ position: absolute; top:20px; z-index: 10003; left: 20px; height: 36px; width: 36px; text-align: center; line-height: 36px; border:1px #aaa solid; border-radius: 50%; font-size: 18px; font-weight: bold; }
.phone-verify p.phone{ text-align: center; font-size: 18px; margin-bottom: 10px; }
.pv-input { position: relative; padding: 0 120px 0 0; margin-bottom:15px;}
.pv-input .pv-ipt{ width: 100%; font-size: 14px; padding: 10px 5px; border: 1px #ddd solid; border-radius: 3px;}
.pv-input a{ color:#EC4960;  }
.pv-code{ position: absolute; right:0; top:10px; font-size: 16px;}
.pv-login{ margin:10px 0;}
.pv-login a{ display: block; background: #EC4960; color:#fff; text-align: center; font-size: 16px; padding: 8px 0; border-radius: 3px;}
.pv-other{ font-size:15px; }
.pv-other p{ margin: 15px 0;}
.pv-other p:nth-child(1){ color:#999;}
.pv-other a em{ display: inline-block; background: url(../images/finger-login.png) no-repeat; width: 20px; height: 20px; background-size: 20px 20px; margin-bottom: -5px; margin-left: 5px;}
.pv-input a.disabled{ color:#999;}

.shop-banner{ /* height: 120px;  */width: 100%; overflow: hidden;}
.shop-banner img{ width: 100%; height: 100%; object-fit: cover;}
.sale-num{ font-size: 12px; color:#999; }
.sale-num em{ font-style: normal; }
.label-even{ font-size: 12px; font-weight: normal; margin: 0 3px; background: #f60; color:#fff; padding: 0 3px; border-radius: 3px; }
.label-list{ margin-bottom: 5px;}
.label-list label{ border: 1px #f60 solid; color:#f60; padding: 2px 5px; margin-right: 3px; border-radius: 3px; display: inline-block; margin-bottom: 5px;}
.loading-box p:nth-child(2)  {  color: #aaa;  }
/*add 2019-11-01*/
.ticket-select .quan-disabled .quan-icon{ background-color: #d5d5d5 !important; }
.ticket-select .quan-desc p.quan-range{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;-webkit-line-clamp: 4; }
.footer_next{ z-index: 100; }


/*add 2019-11-13*/
.banner-order{ height:152px; width: 100%; overflow: hidden;}
.banner-order img{ width: 100%; height: 100%; object-fit: contain;}
.order-name{ background: #fff; border-bottom: 1px #eee solid; padding:0 10px;}
.order-name .icon-movie{ background: url(../images/icon-movie.png) no-repeat; width: 20px; height: 20px; display: inline-block; background-size: 20px 20px; margin-bottom: -4px; margin-right: 4px;}
.order-txt{ padding: 10px; background: #fff; border-bottom: 1px #eee solid;}
.order-txt dl{ position: relative; padding-left: 40px; margin-bottom: 5px;  }
.order-txt dl:last-child{ margin-bottom: 0;}
.order-txt dt{ position: absolute; left: 0; top:0; color:#ed7633;}
.order-txt p{ line-height: 1.8; color: #999;}
.order-txt p span{ color:#333;}
.order-code{ background: #fff; border-bottom: 1px #eee solid; padding: 10px; font-size: 16px; color:#999;}
.order-code .icon-code{ background: url(../images/icon-code.png) no-repeat; width: 20px; height: 20px; overflow: hidden; display: inline-block; background-size: 20px 20px; margin-bottom: -4px; margin-right: 4px;}
.order-code b{ color:#ec4960; font-weight: normal;}
.order-code .code-tip{ font-size: 14px; margin-top: 10px; }
.order-code .icon-get{ background: url(../images/icon-get.png) no-repeat; width: 20px; height: 20px; overflow: hidden; display: inline-block; background-size: 20px 20px; margin-bottom: -4px; margin-right: 4px;} 
.order-code .icon-get-voucher{ background: url(../images/icon-get-voucher.png) no-repeat; width: 20px; height: 20px; overflow: hidden; display: inline-block; background-size: 20px 20px; margin-bottom: -4px; margin-right: 4px;} 
.order-code p{ position: relative; }
.view-code{ position: absolute; right:0; top:0;}
.finger-code{ background: url(../images/finger-code.png) no-repeat; width: 42px; height: 26px; overflow: hidden; display: inline-block; background-size: 42px 26px; margin-bottom: -4px; margin-right: 4px;}
.ticket-layer{ display: none;}
.mask{ position: fixed; top:0; bottom:0; left: 0; right:0; background: rgba(0,0,0,0.5); z-index: 9;}
.ticket-wrapper{ position:fixed; z-index: 99; left: 30px; right: 30px; top:70px; bottom:50px; border-radius: 5px;}
.ticket-header{ background: #EC4960; height: 85px; color:#fff; padding: 10px 20px;border-radius: 5px 5px 0 0; position: relative;}
.ticket-header h4{ font-size:15px; margin-top: 30px;}
.ticket-header .tg-logo{ position: absolute; top:-30px; left: 50%; margin-left: -40px; background: url(../images/yd/tg-logo.png) no-repeat; width: 80px; height: 80px; display: inline-block; background-size: 80px 80px;}
.tg-close{ position: absolute; right:-20px; top:-40px; }
.tg-close em{ background: url(../images/yd/tg-close.png) no-repeat; width: 28px; height: 28px; background-size: 28px 28px; display: inline-block;}
.ticket-border{ height: 20px; background: url(../images/yd/solid-bg.png) repeat-x; margin: 0 10px; position: relative;}
.tb-left{ position: absolute; left: -10px; top:0; background: url(../images/yd/left-bg.png) no-repeat; width: 10px; height: 20px;}
.tb-right{ position: absolute; right: -10px; top:0; background: url(../images/yd/right-bg.png) no-repeat; width: 10px; height: 20px;}
.ticket-gcode{ background: #fff; border-radius: 0 0 5px 5px;padding-bottom: 5px}
.ticket-gcode .tg-tip{ padding-top: 10px; text-align: center; color:#EC4960;}
.ticket-gcode .swiper-container{ padding-top: 40px; height: 180px;}
.ticket-gcode .swiper-slide{ position: relative; height: 160px; width: 100%; margin: 0 auto; text-align: center;}
.ticket-gcode .swiper-slide p{ position: absolute; top:-30px; left: 50%; z-index: 1000; width: 160px; height: 30px; margin-left: -80px; color:#333; font-size: 16px; }
.ticket-gcode .swiper-slide img{ width: 100%; height: 100%; object-fit: scale-down; }
.ticket-gcode .swiper-container-horizontal>.swiper-pagination{ bottom: 0px;}
.ticket-gcode .swiper-button-next, .ticket-gcode .swiper-button-prev{ width: 27px;height:30px; }
.tg-footer{ border-top: 1px #eee solid; padding:10px 0; text-align: center;}
.tg-help{ margin: 10px 0; text-align: center;padding-left: 24px;  }
.tg-help a{ text-decoration: underline;}
.tg-help .icon-finger{ background: url(../images/yd/finger-login.png) no-repeat; width: 20px; height: 20px; display: inline-block; background-size: 20px 20px; margin-bottom: -5px; margin-left: 5px;}
.tb-left{ left: -9px; }
.tb-right{ right: -9px;}
.ticket-border{ margin: -1px 8px; }
.so-banner{ margin: 10px 0; width:100%; height: 26.67vm; overflow: hidden;}
.so-banner img{ width: 100%; }
/*add 2020-03-18*/
footer{min-height: 56px;}
.fixed-ft .nav-sub{ border-top: 1px solid #d7d7d7;}
.header-fixed{ position: fixed; left: 0; right:0; z-index: 99; top:0;}
.second-fixed{ position: fixed; left: 0; right:0; z-index: 99; top:44px; background: #fff;}
.shop-col2{ padding-top: 133px;}
.shop-col2 h5{ font-size: 14px; padding: 10px 0; color:#666; font-weight: normal; }
.search-ipt{ border-radius: 100px;}
.coin-box{ margin: 15px; }
.coin-num{ text-align: center; background: #fff; box-shadow:0px 0px 6px rgba(0,0,0,0.16); border-radius: 8px; padding: 20px; font-size: 16px; }
.coin-num .number{  margin: 20px 0;  color:#999;  }
.coin-num p{ margin-top: 15px; }
.coin-num .number b{  color:#ec4960; font-size: 30px; margin-right: 10px; }
.aicon-coin {display: inline-block; margin-bottom: -5px; background: url(../images/coin/coin.png) no-repeat;background-size: contain;width: 32px;height: 32px; margin-right: 10px;}
.add-coin{ margin-top: 20px;}
.add-coin a{ background: #ec4960; color:#fff; height: 44px; line-height: 44px; display: block; text-align: center; border-radius: 40px; font-size: 16px;}
.second-menu{ height: 88px;}
.swiper-second dl{ text-align: center;}
.swiper-second dt{ width: 36px; margin: 0 auto; margin-top: 5px; height: 36px;}
.swiper-second dt img{ width: 100%; height: 100%; object-fit: scale-down; }

/*add 2020-04-21*/
.totalTip{ padding-left: 10px;}
.clearfix:after, .clearfix:before { display: table;content: " "; }
.clearfix:after { clear: both; }
.remove-pt{ padding-top:5px; }
.verti-menu li a i{ background-size: contain; width: 24px; height: 24px; display: inline-block; margin-bottom: -7px; background-repeat:  no-repeat; }
.verti-menu li a i.my-order{ background-image:  url(../images/meCoin/n-my-order.png);  }
.verti-menu li a i.my-address{ background-image:   url(../images/meCoin/n-my-address.png); }
.verti-menu li a i.my-config{ background-image:  url(../images/meCoin/n-my-config.png);}
.verti-menu li a i.my-cooper{ background-image:   url(../images/meCoin/n-my-cooper.png);}
.verti-menu li a i.question{ background-image:  url("../images/meCoin/n-my-problem.png");}
.verti-menu li a i.my-about{ background-image:  url("../images/meCoin/n-my-about.png");}
.verti-menu li a i.my-honor{ background-image:  url("../images/meCoin/n-my-honor.png");}
.verti-menu li a i.my-viewpeople{ background-image:  url("../images/meCoin/n-my-viewer.png");}
.verti-menu li a i.my-ccbstar{ background-image:  url("../images/meCoin/n-my-ccb-star.png");}


/*add 2020-06-02*/
.cmb-logo{ width: 200px;height: 100px;margin: 30px auto;}
.cmb-logo img{ width: 100%; height: 100%; object-fit: scale-down;}
.cmb-tip{ text-align:center; padding:30px 10px; color:#EC4860; line-height: 2;}
.yz-code a.btn-get{ padding: 7px 10px;}
.cmb-success h4{ color:#222; font-size: 18px; font-weight: normal;}
.cmb-success p{ color: #666;  }
.cmb-success-pic{ width: 100px; margin: 15px auto; margin-top: 50px; text-align: center;}
.cmb-success-pic img{ width: 100%; height: 100%; object-fit: scale-down;}
.cmb-opera { margin: 10px 25px;}
.cmb-opera a{ border: 1px #EC4860 solid; display: block; border-radius:4px; padding: 10px 0; text-align:center; color:#EC4860; font-size: 16px; }
.bg-white{ background: #fff;}
.code-layer{ display: none;}
.mask{ position:fixed; left: 0; right: 0; top:0; bottom:0; background: rgba(0,0,0,0.7); z-index: 99;}
.cmb-code-box{ position: fixed; left: 30px; right:30px; top:50%; height:194px; margin-top: -97px; background: #fff; border-radius: 8px; z-index: 152;}
.cmb-code-box h4{ font-size: 16px; height: 50px; line-height: 50px; padding: 0 20px; font-weight: normal;}
.code-ipt{ margin: 20px; border: 1px #ddd solid; height: 42px; border-radius: 3px; position: relative;}
.code-ipt .ipt-txt{ border: none; height: 40px; margin-left: 10px; font-size: 16px; background: #fff;}
.code-img{  position: absolute; right:0px; top:0px; bottom:2px; width: 100px;}
.code-img img{ width: 100%; height: 100%; object-fit: scale-down;}
.code-footer{ height: 50px; line-height: 50px; border-top:1px #ebebeb solid;}
.code-footer ul{ display: flex;}
.code-footer li{ flex: 1; text-align: center; font-size: 16px;}
.code-footer li:nth-child(1){ border-right: 1px #ebebeb solid;}
.code-footer li:nth-child(2) a{ color:#EC4860;}
.gs-btn i{ color:#b3b3b3;}

/*add 2020-07-14*/
html{background-color:#f6f6f6;}
.name-level{ display: flex; color:#fff; height: 24px; }
.name-level em{ max-width: 100px;  height: 24px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.name-level .level{ margin-left: 10px; width: 64px; height: 21px; display: inline-block; }
.name-level .level-silver{ background: url("../images/silver.png") no-repeat; background-size: 64px 21px;}
.name-level .level-glod{ background: url("../images/glod.png") no-repeat; background-size: 64px 21px;}
.name-level .level-drill{ background: url("../images/drill.png") no-repeat; background-size: 64px 21px;}
.level-info{ display: block;padding: 20px 10px;position: relative; margin-bottom: 10px;}
.level-info .my-photo { float: left; width: 48px; height: 48px;border-radius: 50%;overflow: hidden;}
.level-info .my-photo img {width: 100%;height: 100%;object-fit: cover;}
.level-info .name-level{ color:#222; font-size: 16px;}
.level-info .my-info {float: left; margin-left: 10px;margin-top: 5px;}
.level-info .my-info p:nth-child(2){ color:#999;}
.level-info .level{ position: absolute; right: 10px; top:50%; width: 96px; height: 32px; margin-top: -16px; display: inline-block;}
.level-info .level-silver{ background: url("../images/silver.png") no-repeat; background-size: 96px 32px;}
.level-info .level-glod{ background: url("../images/glod.png") no-repeat; background-size: 96px 32px;}
.level-info .level-drill{ background: url("../images/drill.png") no-repeat; background-size: 96px 32px;}
.level-img{ margin-bottom:10px;}
.level-img img{ width: 100%; height: 100%; object-fit:contain; }

.ipt_date{ text-align:right; font-size:14px;}

.quan-desc p.clamp-three{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.ticket-info h5{ font-size: 14px; margin: 10px 0;}
.ticket-info h5 em{ margin: 0 5px;}



/*add 2020-11-16 cart*/
.cart-wrapper{ padding:0 10px}
.cart-wrapper .cart-item{ padding: 10px 0; border-bottom: 1px #eee solid; display: grid; grid-template-columns: 30px 90px auto; align-items: center;}
.cart-wrapper .cart-item:last-child{ border-bottom: none;}
.cart-item .cart-photo{ width: 90px; height: 90px; overflow: hidden; border-radius: 3px;}
.cart-item .cart-photo img{ max-width: 100%; height: 100%; object-fit: contain;}
.cart-info{ margin-left: 10px;}
.cart-info h5{ color: #333; position: relative; padding: 0 40px 0 0;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; font-size: 15px; font-weight: normal}
.del-cart{ position: absolute; right: 0; top:0; width: 20px; height: 20px; overflow: hidden}
.del-cart img{ max-width: 100%; height: 100%; object-fit: contain;}
.cart-info p{ color:#999;}
.price-num { margin: 10px 0; display: grid; grid-template-columns: auto 120px; align-items: center;}
.cart-check i{ color: #bbb;}
.price-num ul{ display: grid;  grid-template-columns: 40px 40px 40px; align-items: center; border:1px #ec4960 solid; border-radius: 3px;}
.price-num li { text-align: center;}
.price-num li a{ display: block; height: 30px; line-height: 30px;}
.price-num li input{ border-radius: 0;text-align: center; height: 30px; line-height: 30px; border: none; background-color: none; width: 38px; border-left:1px #ec4960 solid; border-right:1px #ec4960 solid; }
.next-step li:nth-child(1){ text-align: left;}
.next-step li:nth-child(1) .all-check{ margin: 0 10px; color: #bbb; }
.next-step li:nth-child(1) .all-check i{ margin-right: 5px; margin-bottom: -5px;}
.next-step li:nth-child(1) .all-check i.cart-checkbox-checked{ color: #ec4960;}
.price-num p{ color: #ec4960;}
.cart-check i.cart-checkbox-checked{ color: #ec4960;}
.icon-carts{ display: inline-block; width: 24px; height: 24px; background:url("../images/cart.png") no-repeat; background-size: 24px 24px; margin-top: 10px;}
.icon-cart{display: inline-block;width: 22px;height: 22px;background:url("../images/cart.svg") no-repeat;background-size: 22px 22px;margin-top: 11px;/* margin-top: 10px !important; */}



/*add 2021-11-23*/
.count-item{ padding: 10px 15px; display:flex; align-items: center;}
.count-item .count-tit{ text-align: right; width:190px; margin-right:10px;}
.count-content{ background: #fff;  width: calc(100% - 200px); height: 30px; line-height: 30px; border: 1px #ddd solid; border-radius: 3px; display: grid; grid-template-columns: 30% 40% 30%; align-items: center;}
.count-content a,.count-con input{ text-align:center; display: inline-block; }
.count-content input{ width: 80%; text-align: center; border:none; height: 30px; line-height: 30px; background-color: transparent; border-left: 1px #ddd solid; border-right: 1px #ddd solid; }
.count-content a{ font-size:20px; color: #999;}



.footer-menu{ position: fixed; left: 0; right: 0; bottom: 0; background-color: #fff; height: 50px;}
.footer-menu ul{ display:flex; position: relative; padding-left: 44px; }
.footer-menu li:nth-child(1){ position: absolute; left: 5px; top: 4px; width: 44px;}
.footer-menu li:nth-child(2),.footer-menu li:nth-child(3){ width: 100%; }
.footer-menu li a{ display: block; }
.online-service{ width: 44px; text-align: center; margin-top: 5px; }
.online-service img{ width: 30px; }
.footer-menu li a{ display: block; text-align: center;}
.fixed-online{ position: fixed; right: 10px; bottom:150px; z-index: 100; width: 50px; text-align: center; height: 50px; line-height: 50px; background-color: rgba(0,0,0,0.5); border-radius: 30px;}
.fixed-online a{ display: block; }
.fixed-online a img{ width: 36px; height: 36px}

/* add 2023-06-20 */
.yd-cine-drink{ background-color: #fff; margin: 0px 5px 10px 5px; border-radius: 4px;overflow: hidden;}
.yd-cine-head{ height: 50px; padding: 0 10px; display: flex; align-items: center; }
.yc-cine-pic{ width:64px; height:25px; overflow: hidden;}
.yc-cine-pic img{ width: 100%; height: 100%; object-fit: scale-down; }
.yd-cine-more{ width: 120px; height: 24px; overflow: hidden; display: flex; align-items: center; }
.yd-cine-more span{ color: #ef720e; font-size: 14px; margin-right: 5px;width: 120px;text-align: right;}
.yd-cine-more img{ width: 100%; height: 100%; object-fit: scale-down;}
.yd-cine-txt{ width: calc(100% - 140px); margin-left: 10px;}
.yd-cine-txt b{ font-size: 16px; margin-right: 3px;}
.yd-cine-txt span{ font-size: 13px; color: #666;}
.swiper-cine-container{ padding-bottom: 10px; position: relative; }
.yd-cine-product{ display: flex; align-items: center; }
.yd-cine-pitem{ width: calc(100% / 3 - 10px); margin: 0 5px; text-align: center; }
.yd-cine-photo{ position: relative; height: 0; overflow: hidden; margin: 0; padding-bottom: 100%; border-radius:5px}
.yd-cine-photo img{ display: block; position: absolute; width: 100%; top: 0; bottom: 0;}
.yd-cine-desc h5{ padding: 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-weight: 400;
    font-size: 15px;}
.yd-cine-desc p{ color: #ef720e; margin: 5px 0;font-size: 15px}
.yd-cine-desc p::before{ content: "¥"; font-size: 12px; }
.swiper-container-horizontal>.swiper-pagination{ bottom:0px; }

.order-opera{ text-align: right; border-top: 1px #eee solid; margin-top: 8px; padding-top: 8px; }
.order-opera a{ margin-left: 5px; border: 1px #ec4a61 solid; border-radius: 30px; color: #ec4a61; padding: 8px 15px; background:none !important; display: inline-block !important; }
.order-fixed{ position: fixed; bottom: 210px; right: 10px;z-index: 100 }
.order-fixed-item{ margin-top: 10px; background-color: #e84a63; width: 50px; text-align: center; height: 50px; line-height: 50px; border-radius: 50px; box-shadow: 0 4px 10px rgba(232,74,99,.5); }
.order-fixed-item a{ color: #fff;}
.return-wrap{ background-color: #fff; padding: 0 15px; margin-bottom: 10px; }
.return-wrap dl{ border-bottom: 1px #eee solid; padding: 10px 0; }
.return-wrap dl:last-child{ border-bottom:none; }
.return-wrap dt{ color: #000; margin-bottom: 5px;}
.return-wrap dd b{ color: #ec4a61; margin: 0 3px;}
.return-wrap h3{ padding-top: 10px; font-weight: normal; color: #909090; font-size: 14px !important; }
.return-wrap li{ color: #000; display: flex; align-items: center; padding: 10px 0; border-top: 1px #eee solid; }
.return-wrap li span,.return-wrap li em{ width: 50%; } 
.return-wrap li em{ text-align: right;}
.return-tip{ padding:0px 15px;}
.return-tip img{ width: 14px; margin-right: 5px; margin-top: -2px;}
.txt-ec4{ color: #ec4a61; }
.txt-96{ color: #969696; }
.return-opera{ margin: 10px 15px; }
.return-opera a{ display: block; font-size: 15px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; background-color: #ec4a61; color: #fff; }
.return-wrap h4{ font-size: 14px; color: #000; padding: 10px 0; border-bottom: 1px #eee solid; }
.return-wrap li span img{ width: 18px; height: 18px; margin-left: 3px; margin-top: -3px; }

.return-step-header{ display: flex; align-items: center; }
.return-step-header img{ width: 24px; height: 24px;}
.return-step-header h5{ margin-left: 10px; color: #000; font-size: 14px; }
.return-step-body { padding-bottom: 10px; padding-left: 22px; margin-left: 11px; border-left: 1px #ff7800 solid;}
.return-step-body p{ margin-bottom: 5px;}
.return-step .return-step-item:last-child .return-step-body{ padding-bottom: 20px; border-left: 1px transparent solid;  }

.sheet-layer{ display: none;}
.sheet-layer .mask{ z-index: 10002;}
.sheet-wrap{ position: fixed; left: 0; right: 0; bottom: 40px; z-index: 10003; border-radius: 10px 10px 0 0; background-color: #fff;}
.sheet-header{ position: relative; height: 40px; line-height: 40px; color: #222; border-bottom: 1px #eee solid; font-size: 16px; text-align: center; }
.sheet-header a{ position: absolute; right: 10px; top: 5px;}
.sheet-body{ padding: 0 15px 10px;}
.sheet-body h4{ color: #222; padding: 10px 0; display: flex; align-items: center; font-size: 16px; font-weight: normal; border-bottom: 1px #eee solid; }
.sheet-body h4 span,.sheet-body h4 em{ width: 50%;}
.sheet-body h4 em{ text-align: right; font-size: 14px;}
.sheet-intro{ padding-bottom: 10px;}
.sheet-intro dl{ padding: 0 30px 10px; position: relative; border-bottom: 1px #eee solid;}
.sheet-intro dd h5{ font-size: 14px; color: #222;}
.sheet-intro dd p{ color: #a2a2a2;}
.sheet-intro dd p a{ color: #489ee7;}
.sheet-intro dl:last-child{ border-bottom: none; }
.sheet-intro dt{ position: absolute; top: 2px; left: 0; width: 20px; height: 20px;}
.return-allow{ background: url(/mobileWeb/images/yd//return-allow.png) no-repeat; background-size: 20px 20px;}
.return-ban{ background: url(/mobileWeb/images/yd//return-ban.png) no-repeat; background-size: 20px 20px; }
.sheet-arrow{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.sheet-intro-fee dl{ padding: 15px 0 0; }
.sheet-intro-fee dd p{ color: #222; margin-bottom: 5px; font-size: 14px; }
.return-notice{ display: flex; align-items: center; margin-right: 10px; padding: 15px 0; border-bottom: 1px #e3e3e3 dashed; }
.rn-left{ width: 70%; display: flex; align-items: center; }
.rn-left dl{ display: flex; align-items: center; margin-right: 10px; }
.rn-left dt{ width: 20px; height: 20px; margin-right: 5px; }
.rn-right{ width: 40%; display: flex; align-items: center; justify-content: flex-end; }
.rn-right span{ margin-right: 5px; margin-top: -3px; }
.dialog-wrap{ position: fixed; left: 30px; right: 30px; top: 50%; transform: translateY(-50%); border-radius: 15px; z-index: 100014; background-color: #fff; padding: 15px; }
.dialog-layer .mask{ z-index: 100013;}
.dialog-header{ text-align: center; font-size: 16px; color: #222; }
.dialog-body{ margin: 10px 0; max-height: 240px; overflow-y: auto;}
.protocol-opera{ margin: 10px 0; display: flex; align-items: center; justify-content: center;  }
.protocol-opera span{ width: 18px; height: 18px; margin-right: 5px;}
.pro-uncheck{ background: url(/mobileWeb/images/yd/pro-uncheck.png) no-repeat; background-size: 18px 18px;}
.pro-checked{ background: url(/mobileWeb/images/yd/pro-checked.png) no-repeat; background-size: 18px 18px;}
.dialog-opera{ margin-top: 15px; display: flex; align-items: center; flex-direction: column; }
.dialog-opera a{ margin-bottom: 10px; border-radius: 30px; display: block; width: 100%; text-align: center; height: 40px; line-height: 40px; }
.dialog-opera a:last-child{ margin-bottom: 0;}
.dialog-opera a.gon-btn{ border: 1px #fe9b02 solid; background-color: #fe9b02; color: #fff; }
.dialog-opera a.gon-btn.disabled{ cursor: not-allowed; border: 1px #f7d5a5 solid; background-color: #f7d5a5; }
.dialog-opera a.close-btn{ border: 1px #aaa solid; background-color: #fff; color: #5f5f5f; }