.col {
  display: flex;
  flex-direction: column;
}
.row {
  display: flex;
  flex-direction: row;
}
.j-start {
  display: flex;
  justify-content: flex-start;
}
.j-center {
  display: flex;
  justify-content: center;
}
.j-end {
  display: flex;
  justify-content: flex-end;
}
.j-evenly {
  display: flex;
  justify-content: space-evenly;
}
.j-around {
  display: flex;
  justify-content: space-around;
}
.j-between {
  display: flex;
  justify-content: space-between;
}
.a-start {
  display: flex;
  align-items: flex-start;
}
.a-center {
  display: flex;
  align-items: center;
}
.a-end {
  display: flex;
  align-items: flex-end;
}
.row-huan {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

audio,canvas,video{display:inline;zoom:1}
command,datalist,keygen,mark,meter,progress,rp,rt,ruby,time,wbr{display:inline}
[hidden]{display:none}
html{color:#333;background:#fff;font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft Yahei",SimSun,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
blockquote,body,code,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,hr,li,menu,ol,p,pre,td,th,tr,ul{margin:0;padding:0}
ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,strong{font-weight:700}
blockquote,pre{white-space:pre-wrap;word-wrap:break-word}
q{quotes:\201C \201D \2018 \2019}
q:after,q:before{content:''}
small{font-size:80%;font-weight:400}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a,ins{color:#333;text-decoration:none}
a:hover{color:#333}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
button,input,select,textarea{font-size:100%;margin:0;outline:0}
button,input{line-height:normal;overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,dfn,em,i,var{font-style:normal;font-weight:400}
caption,th{text-align:left}
.clearfix:after,.wrap:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix,.wrap{zoom:1}
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden}
.bc,.wrap{margin-left:auto;margin-right:auto}
article,aside,details,embed,figcaption,figure,footer,header,hgroup,iframe,menu,nav,section,summary{display:block}
fieldset,img{border:0}
button,input,legend{border:0;padding:0}
.hide-clip{position:absolute!important;clip:rect(1px 1px 1px 1px)}
.hide{display:none}
.block{display:block}
body{margin:0;background:#fff;font:12px/22px "Helvetica Neue",Arial,"PingFang SC","Microsoft Yahei",SimSun,sans-serif;min-width:1200px}
button,input,samp,select,textarea{font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft Yahei",SimSun,sans-serif}
.w_1000{min-width:1000px}
.a_focus{outline:0;hide-focus:expression(this.hideFocus=true)}
.footer_inner,.header_inner,.topbar_box,.wrap{width:1200px;margin:0 auto}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden}
.wrap{margin-left:auto!important;margin-right:auto!important}
.c_cd2327{color:#cd2327}
.c_333{color:#333}
.c_666{color:#666}
.c_999{color:#999}
.border_no{border:none!important}
.pd0,.pd_0{padding:0!important}
.pdb0{padding-bottom:0!important}
.mg0{margin:0!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.ml10{margin-left:10px!important}
.ml20{margin-left:20px!important}
.mr10{margin-right:10px!important}
.mr20{margin-right:20px!important}
.mt40{margin-top:40px!important}
.fl{float:left}
.fr{float:right}
.footer_inner_container,.header_inner_container{background-color:#2c2e39}
.topbar_box_container{background-color:#fff;}
.header_inner{height:36px;line-height:36px;color:#fff;font-size:12px}
.header_inner a{color:#fff}
.topbar_box{height:78px;font-size:13.5px}
.topbar_box a{font-size:13px}
.topbar_box .tapbar-item-list .item{float:left;color:#333;line-height:38px;height:38px;position:relative}
.topbar_box .tapbar-item-list .li{text-align:center;width:100px;margin-left:10px}
.topbar_box .tapbar-item-list .li a{display:block;width: 100%;}
.topbar_box .tapbar-item-list .hover a{-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.topbar_box .tapbar-item-list .hover:hover a{background-color:#cd2327;color:#fff}
.topbar_box .tapbar-item-list .on a{background-color:#cd2327;color:#fff}
.topbar_box .site{cursor:pointer;position:relative;padding-right:20px}
.topbar_box .site i{display:block;position:absolute;top:11px;right:0;width:12px;height:12px;background-size:100%;background-repeat:no-repeat;background-image:url(../images/ion-1.png);background-position:center center;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.topbar_box .site:hover i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.topbar_box .search{margin-top:15px;border:solid 1px #cd2327;height:36px;width:300px;overflow:hidden}
.topbar_box .search .input{height:36px;background-color:#fff;text-indent:20px;width:254px}
.topbar_box .search .btn{background-color:#cd2327 ; width:46px;height:36px;background-size:40%;background-position:center center;background-repeat:no-repeat;background-image:url(../images/ion-2.png)}
.index-block .other{font-size: 20px;color: #00000064;}
.index-block .recommendation{font-size: 26px;line-height: 30px;color: #cd2327;width: 64px !important;position: relative;}
.index-block .recommendation::after{ content: "";display: block;width: 20px !important;position: absolute; height:3px;bottom: 3px;background-color:#cd2327; left: calc(50% - 10px);}
.index-block .sort{height: 120px;}
.index-block .sort div{display: flex;word-break: break-all; align-items: center; text-align: center;margin-right: 40px;width: 64px;white-space: pre-wrap;}

.bg_fff{background-color:#f0f1f4;padding-bottom:20px; min-height: calc(100vh - 56px - 177px - 78px);}
.bg_fff3{background-color:#fff;padding-bottom:20px; min-height: calc(100vh - 56px - 177px - 78px);}
.bg_fff1{background-color:#fff;}

.footer_inner_container{border-top:3px solid #cd2327;padding:28px 0;color:#fff;font-size:13px}
.footer_inner_container a{color:#fff;font-size:13px}
.footer_inner_container .foot-text{width:560px}
.footer_inner_container .tit{font-size:15px}
.footer_inner_container .text{margin-top:8px}
.footer_inner_container .ml{margin-left:100px}
.footer_inner_container .val{font-style:italic;font-size:18px;background-repeat:no-repeat;background-position:left center;background-image:url(../images/ion-3.png);background-size:18px;padding-left:26px;letter-spacing:.5px;display:block}
.footer_inner_container .img_ewm{margin-top:10px;width:95px;height:95px;display:block}
.slideBox{position:relative;width:100%;border:0;height:477px;overflow:hidden}
.slideBox .tempWrap{margin:0 auto}
.slideBox .img{width:100%;display:block;height:477px;background-position:center center;background-repeat:no-repeat;background-size:auto 100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.slideBox .bd li{width:100%}
.slideBox .hd{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0 auto}
.slideBox .hd li{cursor:pointer;margin:0 3px;float:left;width:10px;height:10px;border-radius:50%;overflow:hidden;background-color:#fff}
.slideBox .hd li.on{background-color:#cd2327}
body{min-width:1200px}
.index-title{color:#cd2327;padding:18px 0;line-height:30px;height:30px}
.index-title a{color:#cd2327;font-size:14px}
.index-title .tit{font-size:18px;font-weight:600}
.index-title .more{font-size:15px;padding-right:15px;background-repeat:no-repeat;background-position:right center;background-image:url(../images/ion-4.png)}
.conter{width: 100%;background-color: #f0f2f5;}
.conter .condition{color: #000000;width: 1200px; margin: 0 auto;padding-top: 20px;}
.conter .condition a{margin-right: 20px;}
.conter .condition .on{color:#cd2327;}
.conter .condition .upper{font-style:italic;background-repeat:no-repeat;background-position:center;background-image:url(../images/upper.png);background-size:10px 8px;display:block;width: 10px;height: 8px;}
.conter .condition .upper_red{font-style:italic;background-repeat:no-repeat;background-position:center;background-image:url(../images/upper_red.png);background-size:10px 8px;display:block;width: 10px;height: 8px;}

.conter .condition .turn{
-webkit-transform:rotate(180deg);transform:rotate(180deg)
} 


.index-list{margin-left:-20px;overflow:hidden;width: 1200px;margin: 0 auto;padding-top: 20px;}
.index-list li{float:left;margin-left:20px;margin-bottom:20px;color:#333;font-size:15px;position:relative;background-color: #fff; overflow:hidden;width:285px}
.index-list li:nth-child(4n+1){margin-left: 0;}
.conter .class .index-list li:nth-child(n){margin-left: 0;}

.index-list li .img{float:left;border-radius:3px;width:123px;height:165px;display:block;-o-object-fit:cover;object-fit:cover}
.index-list li .item_wrap{padding:10px}
.index-list li .t1{color:#303030;font-size:14px;margin-bottom:8px;font-weight: 600;}
.index-list li .t2{color:#696969;font-size:12px;margin-bottom:1px}
.index-list li .t3{margin-top:12px;color:#303030;font-size:13px}
.index-list li .price{color:#cd2327;font-size:18px;display:inline-block;vertical-align:bottom;margin-right:5px}

.nav_container{ overflow:hidden;padding-top:20px;color:#333;font-size:14px;border-top: 1px solid #00000020;}
.nav_container a{color:#333}
.nav_container .nav-item{overflow:hidden;line-height:30px;position:relative;width: 1200px;margin: 0 auto;}
.nav_container .title{width:60px;position:absolute;left:0;top:0}
.nav_container .more{position:absolute;right:0;top:0;cursor:pointer;margin-right:30px}
.nav_container .more .ion{margin:9px 0 0 3px;width:12px;height:12px;float:right;background-repeat:no-repeat;background-position:center center;background-image:url(../images/ion-5.png);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.nav_container .more.show .ion{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.nav_container .nav-ul{background-color:#fff;padding-left:60px;padding-right:80px;height:40px;overflow:hidden}
.nav_container .nav-ul.show{height:auto}
.nav_container .nav-ul label{float:left;margin-bottom:20px;margin-right:20px}
.nav_container .nav-ul label a{display:block}
.nav_container .nav-ul label.on{border:solid 1px #cd2327;color:#cd2327}
.nav_container .nav-ul label.on a{color:#cd2327}
.nav_container .nav-ul label input[type=checkbox],.nav_container .nav-ul label input[type=radio]{display:none}
.nav_container .nav-ul label input[type=checkbox]:checked+div,.nav_container .nav-ul label input[type=checkbox]:checked+p,.nav_container .nav-ul label input[type=checkbox]:checked+span,.nav_container .nav-ul label input[type=radio]:checked+div,.nav_container .nav-ul label input[type=radio]:checked+p,.nav_container .nav-ul label input[type=radio]:checked+span{color:#cd2327}
.nav_container .nav-ul label div,.nav_container .nav-ul label p,.nav_container .nav-ul label span{cursor:pointer;padding:0 15px;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;display:block;height:28px;line-height:28px;border-radius:3px;min-width:3px;border:solid 1px #fff;text-align:center}
.nav_container .nav-ul .icon_time{margin-right:5px;margin-top:5px;display:inline-block;vertical-align:top;width:16px;height:16px;background:url(../images/ion-rili.png) no-repeat center/100% 100%}
.nav-list-container{margin-bottom:50px;width: 875px;}
.nav-list-container li{float:left;margin-top:20px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px 20px;border-radius:4px;background-color:#fff;width:100%;height: 240px; color:#303030;position:relative;-webkit-box-shadow:0 0 6px 0 rgba(204,204,204,.53);box-shadow:0 0 6px 0 rgba(204,204,204,.53)}
.nav-list-container li .img{display:block;border-radius:6px;width:156px;height:210px;display:block;float:left}
.nav-list-container li .i_wrap{padding-left:20px;height: 100%;}
.nav-list-container li .title{color:#000;font-family: 'cu'; font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.nav-list-container li .hin{margin-left:5px;display:inline-block;vertical-align:text-bottom;color:#fff;font-size:12px;border-radius:3px;background-color:#cd2327;height:18px;line-height:18px;padding:0 8px}
.nav-list-container li .price{color:#cd2327;font-size:15px;line-height:28px;font-weight:600}
.nav-list-container li .price span{margin-right:6px;font-size:18px;}
.nav-list-container li .price span.t4{margin-right:6px;font-size:14px;color: #00000064;}


.nav-list-container li .price span::first-letter{font-size:14px;margin-right:1px}
.nav-list-container li .relative{position:relative;overflow:hidden}
.nav-list-container li .attr-div{float:left;min-height:76px}
.nav-list-container li .attr-item{color:#cd2327;border:solid 1px #cd2327;border-radius:3px;padding:0 10px;line-height:26px;margin:10px 10px 0 0;display:block;line-height:26px}
.nav-list-container li .attr-20{color:#cd2327;border:solid 1px #cd2327}
.nav-list-container li .attr-50{color:#00984c;border-color:#00984c}
.nav-list-container li .block3{font-size:14px;overflow:hidden;color:#696969}
.nav-list-container li .block3 .btn{position:absolute;right:0;bottom:0;background-color:#cd2327;color:#fff;border-radius:3px;height:30px;padding:0 8px;line-height:30px}
.pagination{display:table;margin:0 auto;overflow:hidden}
.pagination li{float:left}
.pagination li a,.pagination li span{height:30px;line-height:30px;text-align:center;min-width:20px;padding:0 5px;display:block;background-color:#eaeaea;color:#696969;font-size:13px;border-radius:3px;overflow:hidden;margin:0 5px;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.pagination li input{background-color:#eaeaea;color:#696969;border-radius:3px;height:30px;width:35px;padding:0 5px;text-align:center}
.pagination li:hover a{color:#fff;background-color:#cd2327}
.pagination .disabled{opacity:.7;pointer-events:none}
.nav-pagination{margin-top:18px;margin-bottom:50px}

.user-shop-head{overflow:hidden;padding:60px 0;width:1200px;margin:0 auto}
.user-shop-head li{position:relative;float:left;width:25%;text-align:center;font-size:13px;color:#c9c9c9}
.user-shop-head li .line{z-index:1;position:absolute;right:50%;top:11.5px;height:1px;width:300px;background-color:#e3e3e3}
.user-shop-head li:first-child .line{display:none}
.user-shop-head li .ion{position:relative;z-index:99;color:#c9c9c9;font-size:14px;width:24px;height:24px;line-height:24px;border-radius:50%;background-color:#e3e3e3;margin:0 auto 8px}
.user-shop-head li.on{color:#d91215}
.user-shop-head li.on .ion{color:#fff;background-color:#d91215}
.user-shop-head li.on .line{background-color:#d91215}

.user-shop-block .title{padding:0 15px;height:60px;line-height:60px;font-size:20px;color:#000000;font-weight: 600;border-bottom:1px solid #00000010}
.user-shop-block .title label{color:#696969;font-size:16px;margin-left:60px}
.user-shop-block .title input[type='radio'] {
  appearance: none; /* 用于覆盖默认的外观 */
  -webkit-appearance: none; /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  margin: 0;
  margin-right: 8px;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%; /* 使其呈圆形 */
  border: 1px solid #ccc; /* 默认边框颜色 */
  position: relative;
}
.user-shop-block .title input[type='radio']:checked{
  border: 1px solid #cd2327; 

}
.user-shop-block .title input[type="radio"]:checked:before{
  content: '';
  display: block;
  width:7px;
  height: 7px;
  background-color: #cd2327; /* 修改选中状态的颜色 */
  border-radius: 50%; /* 使其呈圆形 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }

.user-shop-block .shop-wrap{padding:10px 0 0 0}
.user-shop-block .shop-wrap .item{padding:15px 15px;overflow:hidden;font-size:14px}
.user-shop-block .shop-wrap .tit{padding:0 35px;font-size:16px;color:#303030}
.user-shop-block .shop-wrap .hint{color:#fff;font-size:12px;background-color:#cd2327;border-radius:3px;padding:4px 6px;margin-left:15px}
.user-shop-block .shop-wrap .txt{float:left;color:#000;line-height:36px;margin-right:5px;font-size:20px;font-weight:600;}
.user-shop-block .shop-wrap .item_p .txt{float:left;color:#000;line-height:36px;margin-right:5px;font-size:20px;font-weight:600;width:300px}
.user-shop-block .shop-wrap .txt em{color:#bd414c;margin-right:3px}
.user-shop-block .shop-wrap .input,.user-shop-block .shop-wrap .select{height:36px;border:solid 1px #d4d4d4;width:270px;float:left;color:#333;padding:0 8px}
.user-shop-block .shop-wrap .input{width:230px;padding:0 10px;height:34px}
.user-shop-block .shop-wrap .state_hint{line-height:36px;float:left;color:#969696;font-size:13px;}
.user-shop-block .shop-wrap .state_hint .ion{float:left;width:14px;height:14px;background-repeat:no-repeat;background-position:center center;background-size:100%;margin-top:11px;margin-right:5px}
.user-shop-block .shop-wrap .state_hint .ion.error{background-image:url(../images/ion-6.png)}
.user-shop-block .step-view{margin-right:10px;margin-top:3px;margin-left: 40px;}
.user-shop-block .detail-content .item{min-height: 70px;padding-left: 15px;}
.user-shop-block .more{ color: #cd2327;font-size: 14px;padding-right: 15px;}
.user-shop-block .more .ion{margin-right: 5px; width:12px;height:12px;float:right;background-repeat:no-repeat;background-position:center center;background-image:url(../images/ion-5.png);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.user-shop-block .more .ion_1{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.user-shop-block .step-view .step-btn{cursor:pointer;height:28px;width:28px;border:solid 1px #d4d4d4;margin:0 -1px;text-align:center;line-height:24px;color:#cd2327;font-weight:800;font-size:18px}
.user-shop-block .step-view .disabled{opacity:.7;pointer-events:none}
.user-shop-block .step-view input{width:50px;text-align:center;height:28px;margin:0;border:solid 1px #d4d4d4}
.user-shop-block .step-view input::-webkit-inner-spin-button,.user-shop-block .step-view input::-webkit-outer-spin-button{-webkit-appearance:none}
.user-shop-block .cost_txt{text-align:right;margin-bottom:5px}
.user-shop-block .cost_txt .price{color:#cd2327;font-size:18px;font-weight:600;display:inline-block}
/* .user-shop-block .cost_txt .price::first-letter{font-size:15px} */
.user-shop-block .cost_txt .num{padding:0 20px;width:120px;display:block}
.user-shop-block .btn{background-color:#cd2327;border-radius:5px;height:60px;color:#fff;margin-top:10px;width:200px;margin-left:20px}
.user-shop-block .btn_f{border:1px solid #00000010;background-color:#fff;color:#000000; border-radius:5px;height:60px;margin-top:10px;width:200px;margin-left:20px}
.delivery_list{overflow:hidden;padding:0 20px;font-size:14px;color:#303030;padding-bottom:200px;position:relative}
.delivery_list .line{height:1px;background-color:#d4d4d4;width:100%;margin-top:10px}
.delivery_list .item_label{overflow:visible;margin-right:40px}
.delivery_list .item_label:last-child{margin-right:0}
.delivery_list .item_label input[type=checkbox],.delivery_list .item_label input[type=radio]{display:none}
.delivery_list .item_label input[type=checkbox]:checked+.ps_i,.delivery_list .item_label input[type=radio]:checked+.ps_i{color:#cd2327}
.delivery_list .item_label input[type=checkbox]:checked+.ps_i .ion.i1,.delivery_list .item_label input[type=radio]:checked+.ps_i .ion.i1{background-image:url(../images/ps_1_.png)}
.delivery_list .item_label input[type=checkbox]:checked+.ps_i .ion.i2,.delivery_list .item_label input[type=radio]:checked+.ps_i .ion.i2{background-image:url(../images/ps_2_.png)}
.delivery_list .item_label input[type=checkbox]:checked+.ps_i .ion.i3,.delivery_list .item_label input[type=radio]:checked+.ps_i .ion.i3{background-image:url(../images/ps_3_.png)}
.delivery_list .item_label input[type=checkbox]:checked+.ps_i .ion.i4,.delivery_list .item_label input[type=radio]:checked+.ps_i .ion.i4{background-image:url(../images/ps_4_.png)}
.delivery_list .item_label input[type=checkbox]:checked+.ps_i::after,.delivery_list .item_label input[type=radio]:checked+.ps_i::after{display:block}
.delivery_list .item_label input[type=checkbox]:checked+.ps_i+.ps_wrap,.delivery_list .item_label input[type=radio]:checked+.ps_i+.ps_wrap{display:block}
.delivery_list .ps_i{padding:10px 0;text-align:center;cursor:pointer;position:relative}
.delivery_list .ps_i .ion{display:block;margin:0 auto 15px;width:80px;height:80px;background-size:80px 80px;background-position:center;background-repeat:no-repeat}
.delivery_list .ps_i .ion.i1{background-image:url(../images/ps_1.png)}
.delivery_list .ps_i .ion.i2{background-image:url(../images/ps_2.png)}
.delivery_list .ps_i .ion.i3{background-image:url(../images/ps_3.png)}
.delivery_list .ps_i .ion.i4{background-image:url(../images/ps_4.png)}
.delivery_list .ps_i span{display:block}
.delivery_list .ps_i::after{display:none;content:'';position:absolute;bottom:-11px;left:50%;margin-left:-9px;background:url(../images/ps_i.png);width:18px;height:10px}
.delivery_list .ps_wrap{display:none;position:absolute;bottom:0;left:0;height:200px;padding:6px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;width:500px}
.delivery_list .ps_wrap .item{padding:6px 0}
.delivery_list .ps_wrap .txt{width:80px;text-align:right;color:#303030}
.delivery_list .ps_wrap .select{margin-right:5px;padding:0 5px}
.user-order-hint{background-color:#ffeef2;padding:0 50px;color:#383838;font-size:13px;line-height:18px;margin-bottom:30px}
.user-order-hint table td{padding:20px 10px}
.user-order-hint .ion{display:block;margin:0 auto;width:42px;height:42px;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-image:url(../images/ion-7.png)}
.user-order-hint .time{color:#cd2327;font-size:20px;font-weight:700;margin-top:3px}
.user-order-hint .hint{color:#cd2327;font-size:14px}
.user-order-shop-table{width:100%;color:#303030;font-size:14px;font-weight: 600;}
.user-order-shop-table tbody tr{border-bottom:solid 1px #d4d4d4}
.user-order-shop-table tbody tr:last-child{border-bottom:0}
.user-order-shop-table th{background-color:#f0f2f5;text-align:center;padding:10px 12px;font-size:16px;font-weight:600}
.user-order-shop-table td{padding:20px 12px;text-align:center;line-height: 30px;}
.user-order-shop-table img{display:block;width:130px;border-radius:3px;margin:0 10px}
.user-order-shop-table .title{width:248px;color:#000}
.user-order-inner{margin-bottom:30px;color:#303030;font-size:14px;overflow:hidden}
.user-order-inner .title{line-height:50px;padding:5px 0}
.user-order-inner .block{overflow:hidden;background-color:#f9fafc;padding:8px 20px;line-height:38px;margin-bottom:25px}
.user-order-inner .block.pay{line-height:42px}
.user-order-inner .lin{width:1px;background-color:#b3b3b3;height:26px;margin:6px 0}
.user-order-inner .txt{padding:0 20px;width:140px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.user-order-inner .ion{display:inline-block;vertical-align:middle;margin-left:5px;width:14px;height:14px;background:url(../images/ion-8.png);background-position:center center;background-repeat:no-repeat}
.user-order-inner .ion.no{background:url(../images/ion-9.png)}
.user-order-inner .hint{padding:0 20px}
.user-order-inner .hint span{color:#cd2327;margin-left:.3em}
.user-order-inner .edit_btn{height:34px;border:solid 1px #cd2327;color:#cd2327;background-color:#fff;width:74px;margin-top:2px;margin-left:20px;border-radius:2px}
.user-order-inner .add_btn{margin-left:20px;height:38px;color:#fff;background-color:#cd2327;border:0;border-radius:3px;width:116px}
.user-order-inner .pay_btn{width:134px;height:42px}
.user-order-inner .text{margin-bottom:25px;line-height:24px}
.user-order-inner .p_t{text-align:right;width:300px}
.user-order-inner .p_v{text-align:right;width:120px}
.user-order-inner .price{color:#cd2327;font-weight:700;font-size:18px;display:inline-block;vertical-align:bottom}
.pay_block_container{margin:80px 0;background-color:#f0f1f4;padding:20px 20px 0;overflow:hidden}
.pay_block_container .inner{background-color:#fff;margin-bottom:20px;padding:0 40px}
.pay_block_container .block{font-size:14px;padding:20px 0;border-bottom:solid 1px #d4d4d4;overflow:hidden;color:#303030}
.pay_block_container .block:last-child{border-bottom:0}
.pay_block_container .ion{margin:0 15px;float:left;width:80px;height:80px;background-size:100%;background-position:center center;background-repeat:no-repeat;background-image:url(../images/ion-10.png)}
.pay_block_container .ion.sm{width:60px;height:60px;margin:0 20px}
.pay_block_container .t1{margin-top:10px;font-size:16px}
.pay_block_container .time{margin-top:15px;color:#cd2327;font-size:24px;font-weight:800}
.pay_block_container .t2{color:#696969;font-size:13px;margin-top:15px}
.pay_block_container .t3{font-size:24px;line-height:60px}
.pay_block_container .radio-view{overflow:hidden;margin:30px 0 10px}
.pay_block_container .radio-view label{margin-right:150px;cursor:pointer;line-height:40px}
.pay_block_container .radio-view label:last-child{margin-right:0}
.pay_block_container .radio-view input{width:14px;height:14px;margin:13px 0}
.pay_block_container .radio-view .icon{margin:0 10px;width:40px;height:40px;background-position:center center;background-size:100% 100%;background-repeat:no-repeat}
.pay_block_container .radio-view .icon.wx{background-image:url(../images/ion-wx.png)}
.pay_block_container .radio-view .icon.zf{background-image:url(../images/ion-zf.png)}
.pay_block_container .radio-view .icon.yl{background-image:url(../images/ion-yl.png)}
.pay_block_container .pay_btn{background-color:#cd2327;color:#fff;border-radius:40px;height:40px;width:280px;font-size:14px;margin:10px 0 30px;margin-left:20px}
.pay_block_container .order_btn{background-color:#fff;border:#cd2327 solid 1px;color:#cd2327;border-radius:40px;height:40px;width:280px;font-size:14px;margin:10px 0 30px;margin-left:20px}
.user-left-nav{margin-bottom:40px;padding:15px 0;float:left;background-color:#fff;width:180px;text-align:center;color:#333;font-size:14px}
.user-left-nav a{color:#333}
.user-left-nav .title{line-height:20px;padding:10px 0}
.user-left-nav li{line-height:45px;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.user-left-nav li a{display:block}
.user-left-nav li.on,.user-left-nav li:hover{background-color:#cd2327;color:#fff}
.user-left-nav li.on a,.user-left-nav li:hover a{color:#fff}
.order-info .user-links-a{line-height:50px;font-size:20px;color:#333;font-weight: 600;}
.order-info .user-links-a .on{color:#cd2327}
.order-info .hint{color:#cd2327;font-size:16px;margin-bottom:20px}
.order-info .order-head{background-color:#f0f1f4;padding:0 20px;line-height:50px;height:50px;margin-bottom:15px;color:#696969;font-size:15px;text-align:center}
.order-info .order-head .state{font-size:14px;margin:0 auto;width:33.33%}
.order-info .order-head .state span{color:#cd2327}
.order-info .order-head .btn{font-size:13px;min-width:90px;padding:0 10px;margin-top:8px;margin-left:10px;height:34px;color:#fff;border-radius:3px;background-color:#cd2327;border:solid 1px #cd2327}
.order-info .order-head .btn.btn1{color:#cd2327;background-color:#fff}
.order-info .order-block{overflow:hidden;margin-bottom:15px}
.order-info .order-block .h4_t{font-size:15px;color:#303030;padding:12px 0;line-height:26px}
.order-info .order-block .h4_t span{font-size:13px;margin-right:40px}
.order-info .order-user-table{text-align:center;width:100%;border-top:solid 1px #e9e9e9;font-size:13px}
.order-info .order-user-table th{font-weight:400;background-color:#f0f1f4;padding:12px 8px;text-align:center;font-size:14px}
.order-info .order-user-table td{padding:10px;font-size:14px}
.order-info .order-user-table .img{width:100px;display:block;margin-left:10px;margin-top:5px;margin-bottom:5px;border-radius:3px}
.order-info .order-user-table .ewm{width:70px;height:70px;display:block}
.order-info .order-user-table .title{width:170px;text-align:left}
.order-info .order-user-table .price{color:#cd2327}
.order-info .order-user-table td:nth-last-child(1) {  
  border-left:1px solid #00000010
} 
.order-info .order-user-table .btn{
border: solid 1px #cd2327;
    font-weight: 600;
    color: #cd2327;
    background-color: #fff;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
	margin: 10px auto 0;
	    display: block;
}
.order-info .order-text{color:#303030;font-size:13.5px;width:400px;padding:0 10px}
.order-info .order-text .text{padding:5px 0;overflow:hidden}
.order-info .order-text .line{margin:8px 0;height:1px;background-color:#d4d4d4}
.order-info .order-text .txt{float:left;text-align:right;width:6.2em;font-size:14px}
.order-info .order-text .val{text-align:right;float:right;margin-left:40px;font-weight: 600;font-size: 14px;}
.order-info .order-text .price{color:#cd2327}
.bg_fff2{background-color:#f0f1f4; min-height: calc(100vh - 36px - 174px);}
.user-right-wrap{float:right;width:1000px;margin-bottom:40px;overflow:hidden;padding-top:20px}
.user-right-wrap .user-wrap{overflow:hidden;padding:0 20px}
.wrap .frame{
	margin-top:10px;
	background-color:#fff;
	
}
.wrap .frame .img—1{
  width: 7.5rem;
  height: 160px;
  margin-right: 20px;
    
  }
  .wrap .frame h2{
  font-size: 24px;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 40px;
  }
  .wrap .frame .t1{
  font-size: 16px;
  line-height: 30px;
    
  }
.wrap .frame .left{
	width: 50%;position: relative;
}
.wrap .frame .right .t1{
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;

}
.wrap .frame .right .t1 img{
  margin-right: 5px;

}
.wrap .frame .right .t2 {
  font-size: 16px;
  line-height: 28px;
}
.wrap .frame .right .t3 {
  font-size: 14px;color:#cd2327;
  line-height: 50px;
}
.wrap  .big_img{
  width: 312px;
  height: 420px;
  object-fit: cover;
}
.wrap .frame .left::after{
   content: "";
    display: block;
    position: absolute;
    height: 70%;
    background: #00000020;
    width: 2px;
    right: 80px;
    top: 15%;
}
 .wrap .frame input[type="checkbox"]{
  -webkit-appearance: none;
  vertical-align:middle;
  margin-top:0;
  background:#fff;
  border:#999 solid 1px;
  border-radius: 2px;
  min-height: 12px;
  min-width: 12px;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}
.wrap .frame input[type="checkbox"]:checked {

  background:#cd2327;
  border: none;
}
.wrap .frame  .ion{display:inline-block;vertical-align:middle;margin-left:5px;width:14px;height:14px;background:url(../images/ion-8.png);background-position:center center;background-repeat:no-repeat}
.wrap .frame .cost_txt span{width: 180px;text-align: right;}
.wrap .frame .cost_txt{line-height: 30px;}
.wrap .frame input[type=checkbox]:checked::after{
  content: '';
  top: 2px;
  left: 2px;
  position: absolute;
  background: transparent;
  border: #fff solid 1px;
  border-top: none;
  border-right: none;
  height: 4px;
  width: 8px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); 
  transform: rotate(-45deg);
}


.bg_fff2 .frame{padding:10px 0}
.bg_fff2 .title{line-height:40px;font-size:14px;padding:0 20px}
.bg_fff2 .titles{line-height:40px;font-size:20px; position: relative;    position: relative;
    padding: 10px;
    font-weight: 600;}
.bg_fff2 .titles::after {
    content: "";
    display: block;
    position: absolute;
    height: 3px;
    background: #d40c0b;
    width: 24px;
    bottom: 0;
    left: calc(50% - 12px);
}
.bg_fff2 .titles_w{line-height:40px;font-size:20px; position: relative;    position: relative;
    padding: 10px;
    font-weight: 600;}
.bg_fff2 .tourist{
	text-align: right;
    width: 6.2em;
    font-size: 14px;
    margin-right: 20px;
}
.bg_fff2 .txt_name{
	   margin-left: 40px;
    font-weight: 600;
    font-size: 14px;
	width:100px
}
.bg_fff2 .txt_identity{
    width: 150px;
    font-size: 14px;
}
.bg_fff2 .txt_val{
    min-width: 100px;
    font-size: 14px;
	margin: 0 30px 0 10px;
}
.bg_fff2 .txt_val_1{
  min-width: 100px;
  font-size: 14px;
margin: 0 30px 0 10px;
font-weight: 600;
}
.bg_fff .tourist{
	text-align: left;

    font-size: 14px;
    margin-right: 20px;
    line-height: 50px;
}
.bg_fff .txt_name{
	   margin-left: 40px;
    font-size: 14px;
	width:100px;
  line-height: 50px;

}
.bg_fff .txt_identity{
    width: 150px;
    font-size: 14px;
    line-height: 50px;

}
.bg_fff .txt_val{
    min-width: 100px;
    font-size: 14px;
	margin: 0 30px 0 10px;
  line-height: 50px;

}
.bg_fff .txt_val_1{
  min-width: 100px;
  font-size: 14px;
margin: 0 30px 0 10px;
font-weight: 600;
line-height: 50px;

}
.user-tab{overflow:hidden;background-color:#fff;margin-bottom:20px}
.user-tab li{float:left;width:20%;text-align:center;font-size:15px;color:#333;height:50px;line-height:50px;position:relative;font-weight:600}
.user-tab li a{display:block}
.user-tab li::after{content:'';position:absolute;left:50%;bottom:0;width:4.2em;margin-left:-2.1em;height:3px;background-color:#cd2327;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;opacity:0}
.user-tab li.on a,.user-tab li:hover a{color:#cd2327}
.user-tab li.on::after,.user-tab li:hover::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.user-search-view{float:left;margin :20px 10px;background-color:#f1f3f3;overflow:hidden;padding:0px 12px}
.user-search-view .input{height:30px;float:left;width:200px;background-color:#f1f3f3}
.user-search-view .btn_ion{width:20px;height:20px;margin-top:5px;float:left;background-color:#f1f3f3;cursor:pointer;background-position:center center;background-repeat:no-repeat;background-size:16px;background-image:url(../images/ion-12.png)}
.user-order-list{overflow:hidden;font-size:13px;color:#303030}
.user-order-list li{margin-bottom:20px;    background-color: #fff;}
.user-order-list table{width:100%;}
.user-order-list th{border-bottom:1px solid #00000010;font-weight: 600;;color:#000;font-size:14px;padding:15px 20px}
.user-order-list td{padding:15px 10px}
.user-order-list img{display:block;width:100px;border-radius:3px;margin-left:10px}
.user-order-list .title{width:200px}
.user-order-list .chakan{color:#cd2327;line-height:30px}
.user-order-list .hint—t{color:#000;font-size:16px;font-weight: 600;}
.user-order-list .blod{font-weight:600}
.user-order-list .btn{border:solid 1px #cd2327;font-weight:600;color:#cd2327;background-color:#fff; width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;display: block;margin: 0 auto;}
    .detail-body{background-color:#fff;overflow:hidden;color:#303030;margin-bottom:50px;padding-bottom:10px}
.detail-body .title{padding:10px 20px;line-height:50px;font-size:18px;font-weight:700}
.detail-body .table{width:100%;font-size:13.5px;text-align:center}
.detail-body td{padding:20px 70px}
.detail-body td[colspan]{display:none}
.detail-body th{background-color:#fff5f6;font-size:15px;padding:10px 70px;text-align:center}
.detail-body .name{width:350px;text-align:left}
.detail-body .price{color:#cd2327}
.detail-body .btn{background-color:#cd2327;color:#fff;border-radius:3px;height:40px;width:100px;font-weight:600}
.detail-body .icon{cursor:pointer;width:12px;height:12px;margin-left:5px;display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:center center;background-image:url(../images/ion-12.png);-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.detail-body .icon.on{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.detail-body .et_all{font-size:13px;background-color:#fff5f6;margin-top:-25px;text-align:left;padding:8px 20px}
.detail-body .et_all li{padding:6px 0;color:#696969}
.detail-body .et_all .p1{font-size:14px;color:#303030;margin-bottom:6px}
.detail-body .detail-ul{height:50px;overflow:hidden;padding:0 20px;border-bottom: 1px solid #00000010;}
.detail-body .detail-ul li{float:left;line-height:50px;cursor:pointer;font-size:18px;font-weight:700;color:#696969;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;position:relative;margin-right:40px}
.detail-body .detail-ul li::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#cd2327;display:block;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.detail-body .detail-ul li.on{color:#303030}
.detail-body .detail-ul li.on::after{-webkit-transform:scale(1);transform:scale(1)}
.detail-body .detail-content{padding:0 20px}
.detail-body .detail-content .item{padding:12px 0}
.detail-body .detail-content .txt-block{padding:12px 0;color:#303030;font-size:13px}
.detail-body .detail-content .txt-block .tit{font-size:16px}
.detail-body .detail-content .txt-block .txt{margin-top:10px}
.detail-body .detail-content .txt-block .zhu{color:#cd2327}
.detail-body .detail-content .txt-block img{display:block;max-width:100%;margin:0 auto}


.popup_cover{position:fixed;left:0;right:0;top:0;bottom:0;z-index:665;background-color:rgba(0,0,0,.4)}
.popup_wrap{position:fixed;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:#fff;z-index:666;width:900px}
.popup_wrap .title{background-color:#ededed;height:62px;line-height:62px;color:#303030;font-size:20px;text-align:center}
.popup_wrap .btn-list{padding:25px 0;text-align:center}
.popup_wrap .btn-list .btn{outline:0;margin:0 18px;font-size:16px;height:38px;border:solid 1px #cd2327;background-color:#fff;width:90px;color:#cd2327;border-radius:2px}
.popup_wrap .btn-list .btn2{background-color:#cd2327;color:#fff}
.popup_wrap .popup_section{overflow-y:auto;min-height:350px;max-height:380px}
.popup_wrap .popupo_tab{overflow:hidden;text-align:center;padding:8px 0}
.popup_wrap .popupo_tab li{display:inline-block;vertical-align:top;color:#303030;font-size:16px;padding:0 3px;margin:0 6%;height:40px;line-height:40px;cursor:pointer;position:relative}
.popup_wrap .popupo_tab li::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#cd2327;-webkit-transition:all .2s;transition:all .2s;-webkit-transform:scale(0);transform:scale(0)}
.popup_wrap .popupo_tab li.on::after,.popup_wrap .popupo_tab li:hover::after{-webkit-transform:scale(1);transform:scale(1)}
.popup_wrap .section_item{overflow:hidden;padding:0 8px 8px;display:none}
.popup_wrap .section_item.on{display:block}
.popup_wrap .section_item .label{float:left;cursor:pointer;margin:16px 8px 0;width:calc(33.333% - 16px)}
.popup_wrap .section_item .label input[type=checkbox],.popup_wrap .section_item .label input[type=radio]{display:none}
.popup_wrap .section_item .label input[type=checkbox]:checked+.label_block .innner_wrap,.popup_wrap .section_item .label input[type=radio]:checked+.label_block .innner_wrap{border-color:#e20015}
.popup_wrap .section_item .label input[type=checkbox]:checked+.label_block .ion,.popup_wrap .section_item .label input[type=radio]:checked+.label_block .ion{opacity:1;visibility:visible}
.popup_wrap .section_item .label input[type=checkbox][disabled]+.label_block .innner_top,.popup_wrap .section_item .label input[type=radio][disabled]+.label_block .innner_top{background:url(../images/ion-tk_dis.png) no-repeat center/100%}
.popup_wrap .section_item .label input[type=checkbox][disabled]+.label_block .innner_wrap .val,.popup_wrap .section_item .label input[type=radio][disabled]+.label_block .innner_wrap .val{color:#696969}
.popup_wrap .section_item .label input[type=checkbox][disabled]+.label_block .innner_wrap .val span,.popup_wrap .section_item .label input[type=radio][disabled]+.label_block .innner_wrap .val span{color:#696969}
.popup_wrap .section_item .label input[type=checkbox][disabled]+.label_block .innner_wrap .hint,.popup_wrap .section_item .label input[type=radio][disabled]+.label_block .innner_wrap .hint{color:#696969}
.popup_wrap .label_block{position:relative;border-radius:0 0 12px 12px;overflow:hidden}
.popup_wrap .label_block .innner_top{position:relative;background:url(../images/ion-tk.png) no-repeat center/100% auto;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;line-height:1.3;font-size:12px;height:43px}
.popup_wrap .label_block .innner_top .t1{float: left;font-size:14px}
.popup_wrap .label_block .innner_top .t2{float: right; font-size:12px}
.popup_wrap .label_block .innner_wrap{margin-top:-3px;border:solid 2px #d4d4d4;border-radius:0 0 12px 12px;overflow:hidden}
.popup_wrap .label_block .innner_wrap .val{line-height:70px;text-align:center;color:#000;font-size:13px;font-weight:600}
.popup_wrap .label_block .innner_wrap .val span{display:inline-block;vertical-align:bottom;color:#e20015;font-size:18px;margin:0 5px;}
.popup_wrap .label_block .innner_wrap .hint{-webkit-transition:all .2s;transition:all .2s;border-top:dashed 1px #e7e7e7;padding:0 10px;height:34px;line-height: 32px; color:#696969;font-size:12px}
.popup_wrap .label_block .innner_wrap .hint a{font-size:inherit;color:inherit;float: right;margin-left: 10px;}
.popup_wrap .label_block .ion{-webkit-transition:all .2s;transition:all .2s;opacity:0;visibility:hidden;position:absolute;right:0;bottom:0;width:40px;height:40px;background:url(../images/ion-tk2.png) no-repeat center/100%}







.shop-info-wrap{width:820px;color:#303030;overflow:hidden}
.shop-info-wrap .title{padding:10px 0;font-size:25px;line-height:26px}
.shop-info-wrap .title .hin{margin-left:5px;display:inline-block;vertical-align:middle;color:#fff;font-size:12px;border-radius:3px;background-color:#cd2327;height:18px;line-height:18px;padding:0 8px}
.shop-info-wrap .txt{font-size:14px;margin-top:3px;color:#696969}
.shop-info-wrap .txt_text{height:44px;overflow:hidden;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.shop-info-wrap .txt_text.show{height:auto;-webkit-line-clamp:9999;line-clamp:9999}
.shop-info-wrap .open_show{margin-top:5px;color:#cd2327;cursor:pointer}
.shop-info-wrap .time_data{margin-top:20px}
.shop-info-wrap .time_data .tips{font-size:12px;color:#999;line-height:24px;height:24px;background-repeat:no-repeat;background-position:left center;background-size:15px 15px;padding-left:20px;background-image:url(../images/ion-11.png)}
.shop-info-wrap .inner{padding-top:5px;margin-bottom:10px;overflow:hidden;font-size:14px;line-height:30px}
.shop-info-wrap .inner .t{float:left;width:56px;font-weight: 600;text-align: right;margin-right: 20px;}
.shop-info-wrap .inner .rili{float:left;border:solid 1px #e5e5e5;width:550px;height:400px}
.shop-info-wrap .inner .price{color:#cd2327;font-size:20px;font-weight:600}
.shop-info-wrap .inner .price::first-letter{font-size:16px;margin-right:5px}
 .inner .step-view{margin-right:10px}
.shop-info-wrap .inner .tips{color:#969696;font-size:12px;float:left;line-height:30px;margin-left:6px}
.inner .step-view .step-btn{cursor:pointer;float:left;height:28px;width:28px;border:solid 1px #d4d4d4;margin:0 -1px;text-align:center;line-height:24px;color:#cd2327;font-weight:800;font-size:18px}
.inner .step-view .disabled{opacity:.7;pointer-events:none}
 .inner .step-view input{width:50px;text-align:center;float:left;height:28px;margin:0;border:solid 1px #d4d4d4}
 .inner .step-view input::-webkit-inner-spin-button,.inner .step-view input::-webkit-outer-spin-button{-webkit-appearance:none}
.shop-info-wrap .inner .radio_view{overflow:hidden}
.shop-info-wrap .inner .radio_view label:nth-of-type(n+10) {
  display: none;
}
.shop-info-wrap .inner span{
	color:#cd2327

}
.shop-info-wrap .inner  .ico{
  background-image: url(../images/right-Right.png);
  width: 16px;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; 
  transform: rotate(90deg);
  margin-left: 5px;
}

.UP {
  transform: rotate(270deg ) !important; /* 旋转图标表示收回 */
}

.shop-info-wrap .inner .radio_view .checkbox{border:solid 1px #e5e5e5;margin-bottom: 10px; line-height:28px;color:#696969;margin-right:15px;cursor:pointer;padding:0 15px;border-radius:3px}
.shop-info-wrap .inner .radio_view .checkbox span{font-size:12px;margin-left:8px;border-radius:2em;line-height:1;padding:2px 10px}
.shop-info-wrap .inner .radio_view input[type=checkbox],.shop-info-wrap .inner .radio_view input[type=radio]{display:none}
.shop-info-wrap .inner .radio_view input[type=checkbox]:checked+.checkbox,.shop-info-wrap .inner .radio_view input[type=radio]:checked+.checkbox{color:#cd2327;border-color:#cd2327}
.shop-info-wrap .inner .radio_view input[disabled]+.checkbox{border-color:#dcddde;background-color:#dcddde}
.shop-info-wrap .inner .radio_view input[disabled]+.checkbox span{border:solid 1px #cbcbcb}
.shop-info-wrap .inner .btn{float:left;height:54px;width:280px;border-radius:3px;color:#fff;background-color:#cd2327;font-size: 20px;}
.selection{
  background-color: #fff;
  width: 1200px;
  margin: 0 auto;

}
.selection .zuowei{
  display: flex;
  flex-direction: row;
}
.selection .left{
  background-color: #f0f2f5;
  width: 680px;
  height: 800px;
  padding: 40px;
  padding-left:60px;
  position: relative;
  overflow: auto;
}
.selection .right{
  width: 380px;
}

.selection .right .img_f{
  width: 120px;
  height: 160px;
  object-fit: cover;
  margin-right: 20px;
}
.selection .right .t1{
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  height: 60px;
}
.selection  .t2{
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}
.selection .right .t3{
  font-size: 16px;
  color: #cc2426;
  line-height: 36px;
}
.selection svg{
width:100%}
.selection .right .t4{
  font-size: 24px;
  color: #cc2426;
  line-height: 36px;
}
.selection .t5{
  font-size: 14px;
  color: #000;
  line-height: 36px;
}
.selection .right .delete{
 height:12px;width: 12px; background-repeat:no-repeat;background-position:left center;background-size:12px 12px;background-image:url(../images/delete.png);display: block;
}
.selection .right  .selection_choice{
  width: 100%;background-color: #f7f7f7;padding: 0 15px;margin: 0 10px 10px 0;
}
.selection .right  .selection_choice:nth-child(3n){
  margin-right: 0;
}
.selection .right  .input_1{
  width: 380px;
  height: 54px;
  background-color:#cc2426 ;
  font-size: 20px;
  color: #fff;
  border-radius: 5px;
  margin-top: 30px;
}
.bg_fff.payment .frame .btn{
  background-color: #cd2327;
color: #fff;
border-radius: 3px;
height: 40px;
width: 100px;
font-weight: 600;
text-align: center;
}
.user-shop-block .btn_z{background-color:#cd2327;border-radius:5px;height:60px;color:#fff;margin-top:10px;width:200px;margin-left:20px}
.user-shop-block .btn_f{border:1px solid #00000010;background-color:#fff;color:#000000; border-radius:5px;height:60px;margin-top:10px;width:200px;margin-left:20px}
.tow {
  display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   text-align: left;
   overflow: hidden;
 }
 .one{
 overflow: hidden;
 text-overflow: ellipsis;
 text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-align: left;
  overflow: hidden;
 }


 .selection .seat{
  width: 104px;height: 40px;
  border: 1px solid #00000064;
  background-color: #fff;
  border-radius: 5px;
  margin-right: 20px;
 }
 .selection .seat img{
  margin-right: 10px;
  width: 18px;
  height: 16px;
 }
 .selection .seat.prohibit{
  background-color: #dddddd;
 }
 .selection .stage{
  background-color: #fff;
  width: 220px;
  height: 70px;
  font-size: 16px;
  line-height: 70px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
 }
 .selection input[type="checkbox"]{
  width: 0;
  height: 0;
  border: 0;display:none
 }
 .selection .seat_z{
  width: 26px;
  height: 23px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-repeat:no-repeat;
  background-position:center;
  margin-right: 7px;
    background-size: 26px 23px;
}
.selection .interval{
  margin: 20px 0 20px 0;
  height:40px;
  line-height:40px
}
.seat-wrap .left_seat{
	position: inherit;
        left: -25px;
        top: 62px;
        background: #00000070;
       min-width: 20px;
        color: #fff;
        text-align: center;
		padding:20px 10px 0;
        border-radius: 30px;

}
.seat-wrap .left_seat span{
	height: 40px;
	white-space: nowrap;
        margin-bottom: 20px;
        line-height: 40px;
        display: block;
		font-size:14px
}


.selection  .seat_1{
  background-image: url(../images/seat_1.png);
}
.selection input[type="checkbox"]:checked+.seat_z{
  background-image: url(../images/seat_2.png) !important;
  background-color: transparent !important;
  background-size: cover;
}
.selection .seat_3{
  background-image: url(../images/seat_3.png);
  background-size: cover;
}

 .selection .seat_1_1{
  width: 26px;
  height: 23px;
  position: relative;
  margin:8px 8px 0 0;
  text-align: center;
 }
 .fail .div_f{width: 1200px;height: 80px; line-height: 80px;margin: 0 auto;  padding: 20px;background-color: #fff;margin-top: 40px;}
 .fail .div_f span{font-size: 26px;font-weight: 600;}
 .fail .div_f a{width: 180px; height: 36px; background-color: #cd2327;display: block;color: #fff;line-height: 36px;text-align: center;border-radius: 5px;}


 .lvm_cityBox{border-radius: 3px;width:1200px;margin:30px auto  ;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 8px rgba(208,208,208,.55);box-shadow:0 0 8px rgba(208,208,208,.55)}
 .lvm_cityBox .city_header{padding:20px;line-height:25px;font-size:16px;color:#333}
 .lvm_cityBox .city_header .list{display:inline-block;max-width:900px;vertical-align:top}
 .lvm_cityBox .city_header .list li{text-align:center;float:left;width:25px;height:25px;margin-left:10px;cursor:pointer;font-size:15px;color:#666}
 .lvm_cityBox .city_header .list li a{font-size:15px;color:#666;display:block}
 .lvm_cityBox .city_wrap{padding:10px 20px 20px;background-color:#fff}
 .lvm_cityBox .city_wrap .city-item{padding:15px;line-height:1.2;-webkit-transition:background-color .2s;transition:background-color .2s;border-radius:8px}
 .lvm_cityBox .city_wrap .city-item:hover{background-color:#f8f8f8}
 .lvm_cityBox .city_wrap .city-item::after{content:'';display:block;clear:both;width:0;opacity:0}
 .lvm_cityBox .city_wrap .city-item .label{float:left;text-align:center;width:40px;height:40px;font-size:16px;font-weight:bolder;color:#333;background:#dfe2e2;line-height:40px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}
 .lvm_cityBox .city_wrap .city-item .list{min-height:40px;padding-left:40px}
 .lvm_cityBox .city_wrap .city-item .list li{float:left;margin:10px 20px;color:#666;font-size:14px}
 .lvm_cityBox .city_wrap .city-item .list li a{color:#666;font-size:14px}
 .address .input_1{line-hieght:30px;height:30px;padding: 0 10px;margin-right:20px; border: solid 1px #d4d4d4;}
.address .input_2{line-hieght:30px;height:30px;padding: 0 10px;margin-right:20px; border: solid 1px #d4d4d4;min-width:80px}
.address .input_3 {
  background-color: #cd2327;
  border-radius: 5px;
  height: 30px;
  color: #fff;
  margin-top: 10px;
  margin-left: 20px;
  padding:0 20px
}
.confirm_app{display:none}
.notice_app{display:none}
.top_APP{display:none}
.seat_t{display:none}
@media only screen and (min-width: 0) and (max-width: 375px){html{font-size: 50px !important;} }
@media only screen and (min-width: 380px) and (max-width: 412px){html{font-size: 55px;} }
@media only screen and (min-width: 412.5px) and (max-width: 449px){html{font-size: 60px;} }
@media only screen and (min-width: 450px) and (max-width: 487px){html{font-size: 65px;} }
@media only screen and (min-width: 487.5px) and (max-width: 525px){html{font-size: 70px;} }
@media only screen and (min-width: 525px) and (max-width: 562px){html{font-size: 75px;} }
@media only screen and (min-width: 562.5px) and (max-width: 600px){html{font-size: 80px;} }
@media only screen and (min-width: 600px) and (max-width: 637px){html{font-size: 85px;} }
@media only screen and (min-width: 637.5px) and (max-width: 675px){html{font-size: 90px;} }
@media only screen and (min-width: 675px) and (max-width: 712px){html{font-size: 95px;} }
@media only screen and (min-width: 712.5px) and (max-width: 750px){html{font-size: 100px;} }
@media only screen and  (max-width: 750px){
.user-shop-head{width:100%}
.selection{width:100%}
.selection .left{width:calc(100% - .4rem);height:calc(100vh - 6.96rem); padding:.2rem; overflow: auto;
 overflow: auto;}
.selection .zuowei{
  display: flex;
  flex-direction: column;
}
body{min-width: auto;}
.selection .seat_1_1{
width:.4rem ;height:.35rem;display: inline-block; margin:.08rem .08rem  0 0;    flex: 0 0 auto;white-space: nowrap;}

.selection .seat_1_1 input{display:none}
.selection .seat_z{
	width:.4rem ;height:.35rem; margin-right:10px;background-size:100% 100%;
}
.seat-wrap .left_seat{
    position: inherit;
    left: 0rem;
    top: .7rem;
    background: #00000070;
    min-width: .2rem;
    color: #fff;
    text-align: center;
    border-radius: .2rem;
	padding:0 .1rem;
	padding-top:.15rem;
	width: auto;
	}
.seat-wrap .left_seat span{
	height: .45rem;
	white-space: nowrap;
        margin-bottom: .2rem;
        line-height: .45rem;
        display: block;
}
.selection .seat{width:auto;padding:0 .2rem; height:.6rem;font-size:.22rem;margin-right:.2rem;}
.selection .right{ width:100%;padding:0 .2rem;box-sizing: border-box;height: 4.5rem;}
.user-shop-head{padding:.6rem .2rem;box-sizing: border-box; }
.user-shop-head li .ion{width:}
.user-shop-head li .line{width:100%}
.user-shop-head li{font-size:.18rem}
.selection .interval{margin:.2rem 0;height:.45rem;line-height:.45rem}
.selection .right .img_f{width:1.8rem;height:2.4rem}
.top_APP .t1{font-size:.28rem;line-height:.8rem;height:.6rem; white-space: nowrap; padding: 0 .2rem;font-weight: 600;
 overflow: hidden;-webkit-line-clamp: 1;
 text-overflow: ellipsis;display: block;}
 .top_APP .t2{padding: 0 .2rem;}
.selection .t2{font-size:.24rem;line-height:.5rem}
.selection .right .selection_choice{box-sizing: border-box;padding:.2rem; min-width:2rem;width: auto;flex: 0 0 auto; white-space: nowrap; }
.selection .right .input_1{width:100%;height:.6rem;font-size:.28rem;margin-top:.2rem}
.selection .xuzhi{margin:.2rem 0 .1rem !important;padding:0 .2rem;}
.selection .t5{padding:0 .2rem;font-size:.24rem;line-height:.8rem;white-space: nowrap;text-overflow: ellipsis;}
.selection svg{height:auto;margin-top:.2rem;}
.selection .right .t4{font-size:.38rem}
.selection .right .t3{font-size:.28rem;line-height:.6rem}
.selection_app{flex-direction: row; display: flex;width: 100%;overflow: auto;height:1.4rem;overflow-x: auto;
    white-space: nowrap;}
.left .seat-wrap {
    width: 100%;
    height: 100%;
}
.left .seat-box {
    min-width: 100%;
	transition: transform-origin 0.5s ease;
}
.title_app{display:none}
.t2_app{margin-top: 0px !important;}
.right img{display:none}
.right .svg_pc{display:none}
.confirm_pc{display:none}
.confirm_app{display:block}
.total_pc{display:none}
.notice_pc{display:none}
.notice_app{display:flex;border-bottom:1px solid #00000040}
.top_pc{display:none}
.selection .right .selection_choice:nth-child(3n){
margin-right:10px;
}
.top_APP{display:block}
 .seat_t{
  width: .3rem;
  height: 0.27rem;
  background-image: url(../images/seat.png);
  background-size: 100% 100%;
  display: block;
  margin-right: .1rem;
}
.van-popup{width:100%}
.selection .price{
  width: 1.6rem;
  height: 0.56rem;
  line-height: .56rem;
  font-size: .24rem;
  font-family: 'cu';
  border: #00000046 1px solid;
  margin-right: .2rem;

}
.selection .price img{
  width: .32rem;
  height: .28rem;
  object-fit: cover;
  margin-right: .2rem;
}
}