/*弹出层*/
.open_know .ok_box{width: 300px; left: calc(50% - 150px); top: calc(45% - 200px); height: 400px; background: #f5260a; border-radius: 30px; position: fixed; z-index: 30;}
.ok_close{position: absolute; right: 8px; top: 8px; width: 20px; height: 20px; padding: 4px; background:url(http://www.upetmart.com/templates/default/images/act/kanjia/i_close.png) center center no-repeat; background-size: 60% 60%; z-index: 30;}
.ok_img img{width: 200px; height: 200px; display: block; margin: 20px auto 10px;}
.ok_text{line-height: 24px; font-size: 16px; padding: 0px 40px 30px; text-align: center; color: #fff;}
.ok_btn{width: 220px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #E72B22; font-weight: 700; background:url(http://www.upetmart.com/templates/default/images/act/kanjia/open_know.png) center center no-repeat; background-size: 100% 100%; position: absolute; z-index: 29; bottom: 30px; left: 40px; }
.bgb{width: 100vw; height: 100vh; background: rgba(0,0,0,0.82); position: fixed; left: 0; top: 0; z-index: 29;}
.oa_list{min-height: 40vh;position: fixed; z-index: 30; transition: all 0.3s; background: #fff; width: 100vw; left: 0; padding-bottom: 34px; overflow: hidden;bottom: 0; transform: translateY(400px); max-height: 70vh; overflow-y: scroll;}
.open_address.t_open .oa_list{transform: translateY(0px);}
.oa_list dl dt{border-bottom: 1px solid #eee; height: 2rem; line-height: 2rem; text-align: center; position: relative; font-size: 0.8rem;}
.oa_list dl dt a.oa_close{position: absolute; right:0; top: 0; margin: 0.5rem 0.5rem 0 0; width: 1rem; height: 1rem; background-image: url(http://www.upetmart.com/templates/default/images/act/kanjia/i_close.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 75%;}
.oa_list dl dd{height: 2.72rem; padding: 0; width: 100%; border-bottom: 1px solid #eee; position: relative;}
.oa_list dl dd a{display: block;height: 1.92rem; padding: 0.4rem 0; width: 100%; color: #333 }
.oa_list dl dd span{padding-left: 4%; height: 0.96rem; line-height: 0.96rem; font-size: 0.6rem; width: calc(100% - 2rem);  display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.oa_list dl.add_dl dd span{line-height: 1.92rem; height: 1.92rem;}
.oa_list dl dd i { display: block; position: absolute; right:0; top: 0; margin: 0.92rem 0.5rem 0 0; width: 0.88rem; height: 0.88rem; background-image: url(http://www.upetmart.com/wap/images/arrow_right_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 75%;opacity: 0.4;}
.open_2vm .o2_show{width: 320px; height: 320px; top: 50%; left: 50%; margin-top: -200px; margin-left: -160px; position: fixed; z-index: 30;  }
.o2_img{width: 280px; height: 280px; display: block; margin: 20px;}
.o2_text{width: 320px; text-align: center; position: absolute; bottom: -30px; font-size: 18px; line-height: 18px; color: #fff;}
.ox_box{width: 280px; transform: scale(0.8); transition: all 0.3s; left: calc(50% - 140px); top: calc(45% - 140px); height: 360px; background: #ffffff; border-radius: 30px; position: fixed; z-index: 30;}
.open_xz.t_open .ox_box{transform: scale(1);}
.ox_close{position: absolute; right: -16px; top: -16px; width: 40px; height: 40px; padding: 4px; background:url(http://www.upetmart.com/templates/default/images/act/kanjia/i_close_y.png) center center no-repeat; background-size: 60% 60%; z-index: 30;}
.ox_head{width: 100%; border-bottom: 1px solid #e8e8e8; text-align: center; position: relative; height: 52px; line-height: 52px; font-size: 16px; color: #E72B22;}
.ox_text{ display: block; height: 260px; width: 80%; margin-left: 5%;overflow: hidden; padding: 10px 5%;line-height: 24px; font-size: 14px; color: #333;}
.of_box{width: 100vw; height: auto; overflow: hidden; position: fixed; bottom: 0; transform: translateY(300px); transition: all 0.3s; background: #fff; z-index: 30; text-align: center; }
.open_fx.t_open .of_box{transform: translateY(0px);}
.of_box a.ofpyq{background: url(http://www.upetmart.com/templates/default/images/act/kanjia/fx_pyq.png) center center no-repeat;}
.of_box a.ofwx{background: url(http://www.upetmart.com/templates/default/images/act/kanjia/fx_wx.png) center center no-repeat;}
.of_box a.ofpyq,.of_box a.ofwx{background-size: 90% 90%; display: inline-block; margin:6vw 10vw 4vw; height: 18vw; width: 18vw;}
.of_box .of_down a{display: block; height: 60px; line-height: 60px;  width: 100vw; text-align: center; font-size: 20px; border-top: 1px solid #eee; color: #333;}
.oz_show{position: fixed; z-index: 30;}
.oz_show .tips_tropen{background: url(http://www.upetmart.com/templates/default/images/act/kanjia/tips_tropen.png) top no-repeat; background-size: 100% auto; width: 300px; height: 100px;  top: 40px; right: 10px; position: fixed; z-index: 30;}
.oz_show .tips_know{background: url(http://www.upetmart.com/templates/default/images/act/kanjia/tips_know.png) top no-repeat; background-size: 100% auto; display: block; width: 100px; height: 50px;  top: 140px; right: 0; margin-right: 100px;-webkit-pointer-events: none; pointer-events: none; position: fixed; z-index: 31;}
.t_open .oz_show .tips_know{animation:tips_know 2s 1 0.2s forwards;}
@keyframes tips_know {
    0% {transform: rotate(0deg) scale(1); }
    10%{transform: rotate(0deg) scale(1);}
    25%{transform: rotate(-10deg) scale(1.2);}
    30%{transform: rotate(10deg) scale(1.2);}
    35%{transform: rotate(-10deg) scale(1.2);}
    40%{transform: rotate(10deg) scale(1.2);}
    45%{transform: rotate(0deg) scale(1.2);}
    55%{transform: rotate(0deg) scale(1.2);}
    100%{transform: rotate(0deg) scale(1);}
}
.open_know,.open_address,.open_xz,.open_fx,.open_zy,.open_2vm{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 60;opacity: 0;pointer-events: none; transition: opacity 0.3s;}
.t_open{opacity: 1;pointer-events: auto;}
.loadtips{width:100%;position: absolute;top: 0;left: 0;opacity: 0.7;z-index: 10000;/* margin:6rem auto; */height: 100%;background: rgba(255,255,255,1) url(http://www.upetmart.com/wap/images/ajaxLoader.gif)  center no-repeat;}