/*********************商场*********************/
/*商城title*/
.shopping_title {
    width: 100%;
    background: #fff;
    padding: .3rem;
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.shopping_title p {
    font-size: .30rem;
    color: rgba(32, 32, 32, 1);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.shopping_title p:before {
    content: "";
    display: block;
    width: .1rem;
    background: url("../../../images/shopping/mall/icon_jtejps@2x.png") no-repeat;
    background-size: contain;
    height: .24rem;
    margin-right: .1rem;
}

/*药品3/1*/
.drug_list_3_1 {
    background: #fff;
    padding: 0 .3rem;
    font-size: 0;
    line-height: 1;
}

.drug_list_3_1 > ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.drug_list_3_1 li {
    min-width: 2.2rem;
    max-width: 2.2rem;
    margin-right: .15rem;
    margin-bottom: .42rem;
    /*min-height: 4rem;*/
}

.drug_list_3_1 li:nth-child(3n) {
    margin-right: 0;
}

.drug_list_3_1 li > a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.drug_list_3_1 li > a .drug_image {
    position: relative;
    height: 2.38rem;
    width: 100%;
    border: 1px solid #EFEFEF;
    border-radius: 6px;
}

.drug_list_3_1 li > a .drug_image > img {
    height: 100%;
}

/*药品用途*/
.drug_list_3_1 li > a .drug_image > .icon_drug_type {
    display: block;
    width: .98rem;
    height: .28rem;
    position: absolute;
    left: 1px;
    bottom: 1px;
    background: url("../../../images/shopping/mall/icon_jtbb@2x.png") no-repeat;
    background-size: contain;
}

/*药品商家*/
.drug_list_3_1 li > a .drug_image > .brand {
    padding:0 .12rem;
    text-align: center;
    line-height: .46rem;
    width: 1.2rem;
    height: .46rem;
    position: absolute;
    left: 1px;
    top: .2rem;
    font-size:.24rem;
    color:rgba(255,255,255,1);
    background:linear-gradient(130deg,rgba(54,159,255,1),rgba(103,187,254,1));
    border-radius:0 4px 4px 0;
    box-shadow:1px 4px 5px 0 rgba(103,187,254,0.16);
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}

.drug_list_3_1 li > a .drug_name {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3;
    min-height: .6rem;
}

.drug_list_3_1 li > a .drug_price {
    color: #F54D77;
}

/*头部*/
.top_bg {
    position: relative;
    width: 100%;
    height: 3.48rem;
    background: url("../../../images/shopping/mall/img_scdbbg@2x.png") no-repeat #fff;
    background-size: 100% 100%;
}

.topBox {
    position: absolute!important;
    left: 50%;
    bottom: -0.15rem;
    transform: translateX(-50%);
    width: 7rem;
    height: 2.46rem!important;
}
.topBox .swiper-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    bottom: 5px!important;
}
/*卡片*/
.card_box {
    padding-top: .3rem;
    font-size: 0;
    line-height: 1;
    background: #fff;
}

.card_box .icon_list {
    width: 7rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card_box .icon_list ul {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card_box .icon_list li {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: .34rem;
}

.card_box .icon_list li:not(:last-child):after {
    content: "";
    width: 1px;
    height: .22rem;
    background: #ccc;
    margin-left: .3rem;
}

.card_box .icon_list > img {
    width: 1.14rem;
    height: .34rem;
    margin-right: .3rem;
}

.card_box .icon_list li > i {
    display: block;
    width: .34rem;
    height: .34rem;
}

.card_box .icon_list li > i.icon_zp {
    background: url("../../../images/shopping/mall/icon_zp@2x.png") no-repeat;
    background-size: contain;

}

.card_box .icon_list li > i.icon_aq {
    background: url("../../../images/shopping/mall/icon_aqkk@2x.png") no-repeat;
    background-size: contain;
}

.card_box .icon_list li > i.icon_fx {
    background: url("../../../images/shopping/mall/icon_fxss@2x.png") no-repeat;
    background-size: contain;
}

/*分类按钮*/
.classify_list {
    padding-bottom: 0;
}

.classify_list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.classify_list ul > li {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    width: 20%;
    margin-bottom: .35rem;
}
.classify_list ul > li>a{
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
}
.classify_list li  img {
    width: .88rem;
    height: 1.02rem;
    margin-bottom: .05rem;
}

/*广告2/1*/
.advertising_2_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.advertising_2_1  img {
    width: 3.4rem;
    height: 1.66rem;
}

/*广告1/1*/
.advertising_1_1 {
    width: 100%;
    height: 1.88rem;
}

/*图片广告*/
.advertising_img{
    overflow: hidden;
}
.advertising_img a {
    display: inline-block;
    height: 1.9rem;
}
.advertising_img img {
    width: 100%;
    height:100%;
    float: left;
}
.advertising_img a:nth-child(1){
    margin-right: .04rem;
}
.advertising_img a:nth-child(1),
.advertising_img a:nth-child(2){
    width: 3.43rem;
    margin-bottom: .08rem;
}

.advertising_img a:not(:nth-child(-n+2)) {
    width:1.67rem;
    margin-right: .07rem;
}
.advertising_img a:last-child{
    margin-right: 0;
}

/*药品分类列表*/
.drug_list{
    position: relative;
    min-height: 50vh;
}
.drug_list ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .3rem;
}

.drug_list li {
    background: #fff;
    /*margin-right: .18rem;*/
    margin-bottom: .22rem;
    min-width: 3.38rem;
    max-width: 3.38rem;
}

.drug_list .prodect_image {
    width: 3.38rem;
    height: 3.36rem;
}
.drug_list .prodect_image>img{
    height: 100%;
}
.drug_list .prodect_info {
    padding: .3rem;
    border-top: 0.01rem solid #EFEFEF;
}

.drug_list .prodect_info .prodect_name {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3;
    min-height: .6rem;
}

.drug_list .prodect_info .prodect_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #F54D77;
}

.drug_list .prodect_info .prodect_price > i.add_cart_btn{
    display: block;
    width: .36rem;
    height: .36rem;
    background: url("../../../images/shopping/mall/icon_jiah@2x.png") no-repeat;
    background-size: contain;
}

/*购物车*/
.shopping_cart {
    width: .9rem;
    height: 1.02rem;
    position: fixed;
    bottom: 1rem;
    right: .3rem;
    display: none;
    z-index:9;
}

.shopping_cart .count {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: .38rem;
    height: .38rem;
    background: rgba(253, 84, 84, 1);
    position: absolute;
    top: -2px;
    right: -2px;
    line-height: 0;
}

/*********************在线药房*********************/
.search_container {
    width: 100%;
    position: relative;
}

.search_container input {
    width: 7rem;
    height: .6rem;
    background: #EaEaEa;
    border-radius: 8px;
    font-size: .28rem;
    color: #333;
    text-align: center;
}

.search_container .icon_search {
    display: block;
    width: .24rem;
    height: .24rem;
    background: url("../../../images/icon/icon_search.png") no-repeat;
    background-size: contain;
    margin-right: .2rem;
    position: absolute;
    right: .3rem;
    top: 50%;
    transform: translateY(-50%);
}
/*附近药店搜索*/
/*搜索条*/
.discorver_search {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: .01rem solid #ECECEC;
    background: #fff;
    position: relative;
    z-index: 999;
}

.discorver_search > input {
    width: 6.9rem;
    height: .6rem;
    background: url("../../../images/newDiscover/icon_fxssbg@2x.png") no-repeat;
    background-size: contain;
    text-align: center;
}

.discorver_search  .iconSearch {
    position: absolute;
    right:.6rem;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: .24rem;
    height: .24rem;
    background: url("../../../images/icon/icon_search.png") no-repeat;
    background-size: contain;
    margin-right: .1rem;
}


.discorver_search .search_list{
    position: absolute;
    left: 0;
    right: 0;
    top:.88rem;
    background: #fff;
    z-index: 99;
    padding:0 .3rem;
    min-height: 50vh;
}
.discorver_search .search_list li{
    font-size: .28rem;
    color: #333;
    border-bottom: .01rem solid #EFEFEF;
    height:.88rem;
}
.discorver_search .search_list li>a{
    display: flex;
    align-items: center;
    height:100%;
}
.search_list_bg{
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 1.76rem;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
/*menu导航按钮*/
.menu_slide {
    padding: .3rem;
    width: 100%;
    height: 100%;
}

.menu_slide > ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-grow: 1;
    flex-wrap: wrap;
}

.menu_slide li {
    width: 20%;
    margin-bottom: .38rem;
}

.menu_slide li > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.menu_slide li > a > img {
    width: .90rem;
    height: 1.04rem;
    margin-bottom: .18rem;
}

.menu_slide li > a > span {
    font-size: .24rem;
    color: rgba(77, 77, 77, 1);
}

/*最近药房*/
.near_pharmacy_list {
    background: #fff;
}
.near_pharmacy_list >a{
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
}

.near_pharmacy_list  ul {
    padding: 0 .3rem;
    flex-grow: 1;
}

.near_pharmacy_list  ul > li {
    padding: .3rem 0;
    border-bottom: .01rem solid #EFEFEF;
}

.near_pharmacy_list ul > li > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/*医院照片*/
.near_pharmacy_list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.near_pharmacy_list .pharmacy_photo {
    width: 2.08rem;
    height: 2rem;
    margin-right: .3rem;
}

.near_pharmacy_list .pharmacy_photo > img {
    height: 100%;
    border-radius: 6px;
}

/*医院信息*/
.near_pharmacy_list .pharmacy_info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: .05rem 0;
    color: #808080;
}

/*评价信息*/
.pharmacy_info .pharmacy_info_grade {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pharmacy_info .pharmacy_info_grade .pharmacy_info_evaluate {
    display: flex;
    align-items: center;
}
/*类型及配送方式和发票*/
.pharmacy_info .pharmacy_info_type {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pharmacy_info .pharmacy_info_type i.pharmacy_brand {
    display: block;
    height: .33rem;
    width: .74rem;
    background: url("../../../images/shopping/pharmacy/icon_liansuo.png") no-repeat;
    background-size: contain;
    margin-right: .26rem;
}

.pharmacy_info .pharmacy_info_type i.pharmacy_allot {
    display: block;
    height: .33rem;
    width: 1.2rem;
    background: url("../../../images/shopping/pharmacy/icon_ddzt@2x.png") no-repeat;
    background-size: contain;
    margin-right: .26rem;
}

.pharmacy_info .pharmacy_info_type i.pharmacy_bill {
    display: block;
    height: .33rem;
    width: 1.2rem;
    background: url("../../../images/shopping/pharmacy/icon_tgfp@2x.png") no-repeat;
    background-size: contain;
    margin-right: .26rem;
}

/*热销商品*/
.prodect_list {
    padding-top: 0;
}

.prodect_list ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.prodect_list ul > li {
    width: 2.2rem;
    margin-right: .15rem;
    margin-bottom: .4rem;
}

.prodect_list ul > li:nth-child(3n) {
    margin-right: 0;
}

.prodect_list li > a {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.prodect_list li > a .prodect_photo {
    width: 100%;
    height: 2.38rem;
    border: .01rem solid #efefef;
    position: relative;
    padding:.05rem;
}

.prodect_list li > a .prodect_photo > img {
    width: 100%;
    height: 100%;
}

.prodect_list li > a .prodect_photo > i.icon_cf {
    width: .78rem;
    height: .28rem;
    background: url("../../../images/shopping/pharmacy/icon_solb_cfy@2x.png") no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: 0;
}

.prodect_list li > a .prodect_name {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .24rem;
    color: rgba(128, 128, 128, 1);
    line-height: 1.3;
    min-height: .6rem;
}

.prodect_list li > a .prodect_price {
    font-size: .26rem;
    color: rgba(230, 95, 69, 1);
}

/*************商品列表*****************/
.screen_container {
    height: .88rem;
    border-top: .01rem solid #E8E8E8;
    border-bottom: .01rem solid #E8E8E8;
    background: #fff;
}

.screen_container ul {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.screen_container li {
    height: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.screen_container li > a {
    font-size: .3rem;
    color: rgba(33, 33, 33, 1);
    height: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.screen_container li.active a {
    color: #148DFF;
}
.screen_container li > a>p{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.screen_container li > a  i{
    display: block;
    width: .16rem;
    height:.1rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: .1rem;
    margin-left: .1rem;
}
.screen_container li > a  i:last-child{
    margin-bottom: 0;
}
.screen_container li > a  i.icon_tall{
    background-image:url("../../../images/icon/icon_price_tall.png") ;
}
.screen_container li > a  i.icon_low{
    background-image:url("../../../images/icon/icon_price_low.png") ;
}
.screen_container li > a  i.active.icon_tall{
    background-image:url("../../../images/icon/icon_price_tall_active.png") ;
}
.screen_container li > a  i.active.icon_low{
    background-image:url("../../../images/icon/icon_price_low_active.png") ;
}



/*产品列表*/
.drug_list_box {
    background: #fff;
    font-size: 0;
    line-height: 1;
    position: relative;
}

.drug_list_box ul {
    padding: 0 .3rem;
}

.drug_list_box li {
    padding: .3rem 0;
    border-bottom: 0.01rem solid #EFEFEF;
}

.drug_list_box li > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.drug_list_box li > a .drup_photo {
    min-width: 2.64rem;
    max-width: 2.64rem;
    height: 2.64rem;
    position: relative;
    margin-right: .3rem;
}

.drug_list_box li > a .drup_photo > img {
    height: 100%;
}
.drug_list_box li > a .drup_photo > .icon_cf{
    position: absolute;
    right: 0;
    top: 0;
    width: .94rem;
    height: .38rem;
    background: url("../../../images/shopping/pharmacy/icon_solb_cfy@2x.png")no-repeat;
    background-size: contain;
}

.drug_list_box .drug_info {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
}

/*药品名*/
.drug_list_box .drug_info > .drug_info_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .3rem;
    color: rgba(33, 33, 33, 1);
    line-height: 1.1;
}

/*药品主治*/
.drug_list_box .drug_info > .drug_info_use {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5;
    font-size: .24rem;
    color: rgba(128, 128, 128, 1);
}

/*优惠*/
.drug_list_box .drug_info > .drug_info_discounts {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.drug_list_box .drug_info > .drug_info_discounts > span {
    border-radius: 4px;
    padding: .06rem .1rem;
    font-size: .22rem;
    color: rgba(230, 95, 69, 1);
    margin-right: .1rem;
    border: .01rem solid #E65F45;
}

/*价格*/
.drug_list_box .drug_info > .drug_info_price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.drug_list_box .drug_info > .drug_info_price .drug_price {
    font-size: .32rem;
    color: rgba(230, 95, 69, 1);
}

.drug_list_box .drug_info > .drug_info_price .drup_count {
    font-size: .24rem;
    color: rgba(128, 128, 128, 1);
}

/*地址*/
.drug_list_box .drug_info > .drug_info_pharmacy {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.drug_list_box .drug_info > .drug_info_pharmacy .pharmacy_name {
    font-size: .24rem;
    color: rgba(128, 128, 128, 1);
}

.drug_list_box .drug_info > .drug_info_pharmacy .add_cart_btn {
    display: block;
    width: .36rem;
    height: .36rem;
    background: url("../../../images/shopping/pharmacy/icon_splb_jia@2x.png") no-repeat;
    background-size: contain;
}

/*筛选弹框*/
.screen_prop {
    width: 100vw;
    height: 100vh;
}

.screen_prop_bg {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s ease, visibility .5s ease;
    transition: opacity .5s ease, visibility .5s ease;
    background-color: rgba(0, 0, 0, .7);
    z-index: 301;
}

.screen_prop_bg.show {
    opacity: 1;
    visibility: visible;
}

.screen_list_container {
    width: 6.5rem;
    height: 100%;
    padding-bottom: 0;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    color: #333;
    background-color: #f7f7f7;
}

.screen_list_container.show {
    z-index: 301;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.screen_list_box {
    overflow-y: auto;
    padding-bottom: .88rem;
    height: 100vh;
}

.screen_list_box > div {
    margin-bottom: .3rem;
}

.screen_list_box > div:last-child {
    margin-bottom: 0;
}

.screen_list_box .screen_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .30rem;
    color: rgba(32, 32, 32, 1);
    margin-bottom: .3rem;
}

.screen_list_box .screen_title .more {
    font-size: .26rem;
    color: rgba(157, 157, 157, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.screen_list_box .screen_title .icon_more {
    display: block;
    width: .18rem;
    height: .1rem;
    margin-left: .1rem;
}

.screen_list_box .screen_title .icon_more_up {
    background: url("../../../images/shopping/pharmacy/icon_sx_jts@2x.png") no-repeat;
    background-size: contain;
}

.screen_list_box .screen_title .icon_more_down {
    background: url("../../../images/shopping/pharmacy/icon_sx_btx@2x.png") no-repeat;
    background-size: contain;
}

.screen_list_box .screen_list_style ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.screen_list_box .screen_list_style li {
    width: 1.84rem;
    height: .62rem;
    background: rgba(245, 245, 245, 1);
    border-radius: 6px;
    font-size: .26rem;
    color: rgba(32, 32, 32, 1);
    margin-right: .18rem;
    margin-bottom: .18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .01rem solid transparent;
}

.screen_list_box .screen_list_style li:nth-child(3n) {
    margin-right: 0;
}

.screen_list_box .screen_list_style li.active {
    color: rgba(20, 141, 255, 1);
    background: rgba(255, 255, 255, 1);
    border: .01rem solid #148DFF;
}

/*价格区间*/
.screen_list_box .price_range {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.screen_list_box .price_range > input {
    width: 2.64rem;
    height: .62rem;
    background: #FFF;
    border-radius: 6px;
    border: .01rem solid #148DFF;
    font-size: .26rem;
    color: rgba(20, 141, 255, 1);
    text-align: center;
}

.screen_list_box .price_range > span {
    flex-grow: 1;
    width: .34rem;
    border-bottom: .02rem solid rgba(245, 245, 245, 1);
    margin: 0 .2rem;
}

/*按钮*/
.screen_list_btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .88rem;
    border-top: .01rem solid #CCCCCC;
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

}

.screen_list_btns > div {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .3rem;
    height: 100%;
}

.screen_list_btns .btn_reset {
    background: #fff;
    color: #202020;
}

.screen_list_btns .btn_confirm {
    background: #148DFF;
    color: #fff;
}

/******************商品详情*******************/
/*头部导航条选项列表*/
.top_tab_container > ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.top_tab_container li {
    min-width: .7rem;
    font-size: .28rem;
    color: rgba(128, 128, 128, 1);
    margin-right: .6rem;
}

.top_tab_container li:last-child {
    margin-right: 0;
}

.top_tab_container li.active {
    font-size: .32rem;
    color: rgba(33, 33, 18, 1);
}

/*列表页面*/
.top_tab_container_list {
    padding-top: .88rem;
    padding-bottom: .98rem;
}

.top_tab_container_list .more {
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    background: #F8F8FA;
    font-size: .26rem;
    color: rgba(128, 128, 128, 1);
}

/***id=prodect 商品***/
/*轮播部分*/
#prodect .my_page {
    font-size: .24rem;
    color: rgba(33, 33, 33, 1);
    width: .88rem;
    height: .34rem;
    background: rgba(255, 255, 255, .5);
    left: 50%;
    transform: translateX(-50%);
    border-radius: .34rem;
}

#prodect .specification {
    width: 2.4rem;
    height: .58rem;
    position: absolute;
    right: .3rem;
    bottom: 30px;
    z-index: 9;
}

/*药品信息部分*/
.drug_message_list > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.drug_message_list .drug_price {
    letter-spacing: 1px;
    color: #F18C55;
}

.drug_message_list .drug_name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5;
    letter-spacing: 1px;
}

.drug_message_list .drug_info {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 2;
}

/*药品模块*/
.drug_module > div {
    display: flex;
    justify-content: flex-start;
    min-height: .75rem;
    align-items: center;
}

.drug_module .list_info {
    flex-grow: 1;
    border-bottom: .01rem solid #efefef;
}

.drug_module .list_info > p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: .75rem;
}

.drug_module .drug_module_cuxiao {
    align-items: flex-start;
}

.drug_module .drug_module_cuxiao p {
    align-items: flex-start;
    height: .5rem;
}

.drug_module .drug_module_cuxiao p > b {
    color: #F18C55;
}

.discuss_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .88rem;
}

.discuss_box .discuss_box_left {
    font-size: .30rem;
    color: rgba(33, 33, 33, 1);
}

.discuss_box .discuss_box_right {
    font-size: .30rem;
    color: rgba(20, 141, 255, 1);
    padding-right: .3rem;
    background: url("../../../images/index/icon_fanhx@2x.png") no-repeat;
    background-size: contain;
    background-position: right center;
}

/*药店*/
.drugstore_box,
.drugstore_box >a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.drugstore_box .drugstore_box_left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: .30rem;
    color: rgba(33, 33, 33, 1);
}

.drugstore_box .drugstore_box_left > img {
    width: .78rem;
    height: .78rem;
    margin-right: .3rem;
}

.drugstore_box .drugstore_box_right {
    font-size: .24rem;
    padding-right: .3rem;
    background: url("../../../images/icon/arrow_right.png") no-repeat;
    background-size: .1rem;
    background-position: right center;
    color: rgba(33, 33, 33, 1);
    line-height: 32px;
}

/*相关商品*/
/*#prodect .related_products li {*/
    /*margin-bottom: .3rem;*/
/*}*/

/*****id=details 商品详情******/
.details_list {
    padding: .3rem;
    background: #fff;
}

.details_list li {
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: .26rem;
}

.details_list li .details_title {
    color: rgba(33, 33, 33, 1);
    min-width: 1.2rem;
    margin-right: .7rem;
}

.details_list li .details_content {
    color: rgba(119, 119, 119, 1);
}

/*****id=evaluate 商品评论******/
#evaluate .discuss_tab > ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

#evaluate .discuss_tab li {
    flex-grow: 1;
    height: .56rem;
    border-radius: .56rem;
    margin-right: .22rem;
    font-size: .30rem;
    color: rgba(33, 33, 33, 1);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.01rem solid #808080;
}

#evaluate .discuss_tab li.active {
    color: rgba(255, 255, 255, 1);
    background: rgba(20, 141, 255, .7);
    border-color: transparent;
}

#evaluate .discuss_tab li:last-child {
    margin-right: 0;
}

/*数据加载列表*/
#evaluate .discuss_list_box li > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#evaluate .discuss_info > img {
    width: .84rem;
    height: .84rem;
    border-radius: 100%;
    margin-right: .22rem;
}

#evaluate .discuss_info > .user_name {
    font-size: .32rem;
    color: rgba(33, 33, 33, 1);
    margin-right: .3rem;
}

/*评论星星*/
#evaluate .discuss_star {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#evaluate .discuss_star li {
    width: .22rem;
    height: .22rem;
    background: url("../../../images/shopping/pharmacy/icon_pingx_xxx@2x.png") no-repeat;
    background-size: contain;
}

#evaluate .discuss_star li.star {
    background-image: url("../../../images/shopping/pharmacy/icon_pingx_x@2x.png");
}

#evaluate .discuss_star li.star_half {
    background-image: url("../../../images/shopping/pharmacy/icon_pingx_xx@2x.png");
}

/*评语*/
#evaluate .discuss_message {
    font-size: .3rem;
    color: rgba(33, 33, 33, 1);
    line-height: 2;
    text-indent: .5rem;
}

#evaluate .discuss_message.text_omit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

#evaluate .discuss_btn {
    font-size: .3rem;
    color: rgba(230, 95, 69, 1);
    letter-spacing: 1px;
}

#evaluate .discuss_img > ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#evaluate .discuss_img li {
    width: 2.22rem;
    height: 2.22rem;
    margin-right: .1rem;
    margin-bottom: .1rem;
}

#evaluate .discuss_img li > img {
    height: 100%;
}

#evaluate .discuss_img li:nth-child(3n) {
    margin-right: 0;
}

#evaluate .discuss_time {
    font-size: .24rem;
    color: rgba(128, 128, 128, 1);
}

/*底部*/
.footer_tab {
    height: .98rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0;
    line-height: 1;
    background: #Fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.footer_tab > div {
    display: flex;
    align-items: center;
}

.icons_box {
    flex-grow: 1;
    height: 100%;

}

.icons_box > p ,
.icons_box > p >a{
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    position: relative;
}
.icons_box > p  i.cart_count {
    display: flex;
    width: .3rem;
    height: .3rem;
    align-items: center;
    justify-content: center;
    font-size:.20rem;
    color:rgba(255,255,255,1);
    background: url("../../../images/icon/icon_hsex@2x.png")no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right:0;
}
.icons_box > p  img {
    width: .36rem;
    height: .36rem;
    margin-bottom: .1rem;
}

.icons_box > p  span {
    font-size: .20rem;
    color: rgba(128, 128, 128, 1);
}

.btns_box {
    width: 4.56rem;
    height: 100%;
    justify-content: space-between;
}

.btns_box > div {
    width: 2.28rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .30rem;
    color: rgba(255, 255, 255, 1);
}

.btns_box > div.add_cart {
    background: #F3A72F;
}

.btns_box > div.now_buy {
    background:linear-gradient(134deg,rgba(241,118,70,1),rgba(220,95,51,1));
}

/*药品说明弹框*/
.explain_list {
    height: 5rem;
    font-size: 0;
    line-height: 1;
    background: #fff;
}

.explain_list .explain_list_title {
    display: flex;
    align-items: center;
    height: 1rem;
    border-bottom: .01rem solid #ebebeb;
    padding: .3rem;
    font-size: .3rem;
}

.explain_list .explain_list_message {
    font-size: .24rem;
    color: rgba(33, 33, 33, 1);
    padding: .3rem;
    line-height: 2;
    letter-spacing: 2px;
    text-indent: 1em;
}

.explain_btn {
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0e90d2;
    color: #fff;
    font-size: .3rem;
    letter-spacing: 2px;
}

/***********************药房详情*******************************/
#pic img{
    height: 3.4rem;
    width: 100%;
}
.drug_detail_box > div:not(:last-child) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.drug_detail_box .drug_grade .star_list{
    display: flex;
    align-items: center;
}
.drug_detail_box .drug_name .gz_btn {
    background: rgba(255, 153, 0, 1);
    border-radius: 4px;
    font-size: .22rem;
    color: rgba(255, 255, 255, 1);
    padding: .1rem .2rem;
}
.drug_detail_box .drup_type>span{
    margin-right: .1rem;
}
.drug_detail_box .drup_type .drup_brand {
    display: inline-block;
    width: .74rem;
    height: .33rem;
    background: url("../../../images/shopping/pharmacy/icon_liansuo.png") no-repeat;
    background-size: cover;
}

.drug_detail_box .drup_type .drup_delivery {
    display: inline-block;
    width: 1.2rem;
    height: .33rem;
    background: url("../../../images/shopping/pharmacy/icon_ddzt@2x.png") no-repeat;
    background-size: cover;
}
.drug_detail_box .drup_type .drup_invoice {
    display: inline-block;
    height: .33rem;
    width: 1.2rem;
    background: url("../../../images/shopping/pharmacy/icon_ddzt@2x.png") no-repeat;
    background-size: contain;
}

/*药房联系方式*/
.drug_contact_list {
    background: #fff;
}

.drug_contact_list ul > li {
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 .3rem;
}

.drug_contact_list ul > li > div {
    height: 100%;
    display: flex;
    align-items: center;
}

.drug_contact_list ul > li .list_left {
    font-size: .24rem;
    margin-right: .24rem;
    color: rgba(128, 128, 128, 1);
}

.drug_contact_list ul > li .list_right {
    flex-grow: 1;
    font-size: .24rem;
    color: rgba(33, 33, 33, 1);
    border-bottom: 0.01rem solid #EFEFEF;
    padding-right: .2rem;
    /*background: url("../../../images/icon/arrow_right.png") no-repeat;*/
    /*background-size: .09rem .18rem;*/
    /*background-position: center right;*/
}
.drug_contact_list ul > li .list_right>a{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
.drug_contact_list ul > li:last-child .list_right {
    background: #fff;
    border: none;
}

.drup_introduce {
    font-size: .24rem;
    line-height: 2;
    text-indent: 2em;
    color: rgba(128, 128, 128, 1);
}

/*药房资质*/
.drup_aptitude_title {
    font-size: .3rem;
    color: rgba(32, 32, 32, 1);
    margin-bottom: .38rem;
}

.drup_aptitude_picture > img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    margin-bottom: .5rem;
}

/*******************按症找药************************/
.seek_container {
    display: flex;
    justify-content: flex-start;
    font-size: 0;
    line-height: 1;
}

.seek_container > div {
    height: 100vh;
    padding-top: .88rem;
    overflow-y: scroll;
}

.seek_container > .seek_tab {
    min-width: 1.9rem;
    max-width: 1.9rem;
}

.seek_container > .seek_tab li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    height: .8rem;
    font-size: .26rem;
    color: rgba(119, 119, 119, 1);
    position: relative;
}

.seek_container > .seek_tab li.active {
    font-size: .30rem;
    background: #fff;
    color: rgba(18, 141, 255, 1);
}

.seek_container > .seek_tab li.active:before {
    content: "";
    display: block;
    width: .04rem;
    height: .38rem;
    background: url("../../../images/icon/icon_lanstszy@2x.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

}

.seek_container > .seek_content {
    flex-grow: 1;
    background: #FFF;
    position: relative;
}

.seek_container > .seek_content ul {
    flex-wrap: wrap;
    display: flex;
}

.seek_container > .seek_content li {
    margin-right: .2rem;
    margin-bottom: .8rem;
    width: 1.53rem;
}
.seek_container > .seek_content li>a{
    display: flex;
    align-items: center;
    flex-direction: column;

}
.seek_container > .seek_content li:nth-child(3n) {
    margin-right: 0;
}

.seek_container > .seek_content li  img {
    height: 1.6rem;
    margin-bottom: .22rem;
}

/**********************购物车********************************/
label > img {
    width: .32rem;
    height: .32rem;
    margin-right: .3rem;
}

/*容器*/
.cart_container {
    position: absolute;
    top: .88rem;
    bottom: 1.28rem;
    font-size: 0;
    line-height: 1;
    overflow-y: auto;
    padding: .3rem;
}
.cart_container_content {
    width: 6.9rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 18px;
    margin-bottom: .3rem;
}


/*头*/
.cart_title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 .3rem;
    height: .96rem;
    border-bottom: .01rem solid #EFEFEF;
}
.cart_title>p{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart_title i.icon_store {
    display: block;
    width: .34rem;
    height: .32rem;
    background: url("../../../images/icon/icon_store.png")no-repeat;
    background-size: cover;
    margin-right: .1rem;
}
/*列表*/
.cart_container_content ul{
    padding: 0 .3rem;
}

.cart_container_content li{
    padding-top: .3rem;
    padding-bottom: .4rem;
    border-bottom: .01rem solid #EFEFEF;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.cart_container_content .img{
    min-width:1.6rem;
    max-width:1.6rem;
    height:1.6rem;
    margin-right: .3rem;
}
.cart_container_content .img > img{
    width: 100%;
    height:100%;
}
.cart_container_content .text{
    flex-grow: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    height:1.6rem;
}
.cart_container_content .text .overflow{
    font-size:.26rem;
    color:rgba(33,33,33,1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom:.22rem;
    line-height: 1.3;
}
.cart_container_content .text .discounts{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom:.26rem;
}
.cart_container_content .text .discounts>span{
    border:.01rem solid rgba(237,53,36,1);
    border-radius:4px;
    padding: .06rem .14rem;
    font-size:.22rem;
    color:rgba(230,95,69,1);
    margin-right: .1rem;
}

.cart_container_content .text .controller{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.cart_container_content .text .unit_price{
    font-size:.26rem;
    color:rgba(230,95,69,1);
}
.cart_container_content .text .btns{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart_container_content .text .btns>span{
    font-size:.24rem;
    margin: 0 .2rem;
    color:rgba(33,33,33,1);
}
.cart_container_content .text .btns>input{
    width: .28rem;
    height:.28rem;
    background-size: cover;
    background-repeat: no-repeat;
}
.cart_container_content .text .btns>input.btn1{
    background-image: url("../../../images/icon/icon_sub.png");
}
.cart_container_content .text .btns>input.btn1.disabled{
    background-image: url("../../../images/icon/icon_sub_disabled.png");
}
.cart_container_content .text .btns>input.btn2{
    background-image: url("../../../images/icon/icon_add.png");
}

/*底部*/
.cart_bottom {
    width: 6.9rem;
    height: .98rem;
    position: absolute;
    font-size: 0;
    line-height: 1;
    border-radius: 18px;
    bottom: .3rem;
    left: .3rem;
    right: .3rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

input[type=checkbox] {
    display: none;
}

.cart_bottom label {
    font-size: .24rem;
    color: rgba(137, 137, 137, 1);
    display: flex;
    align-items: center;
}

.cart_bottom .cart_bottom_left {
    padding-left: .3rem;
}

.cart_bottom .cart_bottom_right {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .22rem;
    color: rgba(136, 136, 136, 1);
}

.cart_bottom .cart_bottom_right .account .total {
    text-align: right;
    margin-bottom: .2rem;
}

.cart_bottom .cart_bottom_right .account .total,
.cart_bottom .cart_bottom_right .account .discounts {
    color: #E65F45;
}

.cart_bottom .cart_bottom_right button {
    height: 100%;
    width: 2.08rem;
    background: none;
    font-size: .30rem;
}

.cart_bottom .cart_bottom_right button.sett {
    background: linear-gradient(-44deg, rgba(241, 118, 70, 1), rgba(220, 95, 51, 1));
    border-radius: 0 18px 18px 0;
    color: rgba(255, 255, 255, 1);
}

.cart_bottom .cart_bottom_right button.delete {
    color: rgba(119, 119, 119, 1);
    background: #EAEAEA;
    border-radius: 0 18px 18px 0;
}
/*药房信息*/
.drugstore_info{
    width: 100%;
    background: #fff;
    padding: .3rem;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
}
.drugstore_info .pharmacy_photo{
    min-width: 2.08rem;
    max-width: 2.08rem;
    height:1.98rem;
    margin-right: .3rem;
}
.drugstore_info img{
    width: 100%;
    height: 100%;
}
.drugstore_info .pharmacy_info{
    flex-grow: 1;
}
.drugstore_info .pharmacy_info_addr{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.drugstore_info .pharmacy_info_addr>span{
    max-width:3rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/*药品分类*/
.classify_tab{
    width: 100%;
    height:.77rem;
    border-bottom: .01rem solid #E8E8E8;
    background: #fff;
}
.classify_tab>ul{
    display: flex;
    align-items: center;
    height: 100%;

}
.classify_tab li{
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:.30rem;
    color:rgba(33,33,33,1);
}
.classify_tab li.active{
    color: #008EFF;
}