@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

:focus {
    outline: none;
}



a {
    text-decoration: none;
    cursor: pointer;
}

li,
ul {
    list-style: none;
}

img {
    border: 0;
}

.clearfix {
    zoom: 1;
    clear: both;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.nobor {
    border: none !important;
}


body {
    overflow-x: hidden;
    width: 7.5rem;
    background: #eeeeee;
    font-family: '黑体';
}

.home_bk {
    width: 100%;
    height: 2.90rem;
    background-image: linear-gradient(0deg,
            #7d63f3 0%,
            #9a79f9 43%,
            #b68ffe 100%),
        linear-gradient(#ffbdbd,
            #ffbdbd);
    box-shadow: 0rem 0rem 8rem 0rem rgba(0, 0, 0, 0.28);
    position: fixed;
    left: 0;
    top: 0;

}

.header {
    width: 100%;
    height: 1.1rem;
    /* position: fixed; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.32rem;
    box-sizing: border-box;
    /* left: 0;
    top: 0; */
    z-index: 3;
    background-image: linear-gradient(0deg, #a381fa 0%, #b58efe 100%);
    text-align: center;
    position: relative;
}

.header .h_l {
    color: #fff;
    font-size: 0.24rem;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0.32rem;
    top: 50%;
    transform: translateY(-50%);
}

.header .h_l a {
    color: #fff;
    display: flex;
    align-items: center;
}

.header .h_l a img {
    width: 0.32rem;
    height: 0.49rem;
    margin-right: 0.15rem;
}

.header .h_l1 {
    position: absolute;
    left: 0.32rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.21rem;
    height: 0.34rem;
}

.header .h_l1 a {
    width: 0.21rem;
    height: 0.34rem;
    display: block;
}

.header .h_l1 a img {
    width: 0.21rem;
    height: 0.34rem;
    display: block;
}

.header .h_r {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: 0.32rem;
    top: 50%;
    transform: translateY(-50%);
}

.header .h_r a {
    width: auto;
    height: 0.44rem;
    display: flex;
    align-items: center;
    margin-left: 0.2rem;
}

.header .h_r img {
    width: auto;
    height: 0.4rem;
}

.header .title {
    text-align: center;
    color: #fff;
    font-size: 0.36rem;
    width: 100%;
}

.header_nobg{
    background:none;
}
.headerfixed{
    position: fixed;
    left: 0;
    top: 0;
}

.header_search{
    height: 2rem;
}

.header1 {
    background-image: linear-gradient(0deg,
            #8870f5 0%,
            #a081fa 43%,
            #b891fe 100%),
        linear-gradient(#ffbdbd,
            #ffbdbd);
    background-blend-mode: normal,
        normal;
    box-shadow: 0rem 0rem 8rem 0rem rgba(0, 0, 0, 0.28);
    text-align: center;
    justify-content: center;
}


.home_container {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 1.1rem;
    position: relative;
    z-index: 2;
}

.add {
    width: 6.86rem;
    height: 2.40rem;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 0.2rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.add .add_txt {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.add .add_txt p {
    font-family: PingFang-SC-Bold;
    font-size: 0.48rem;
    line-height: 0.6rem;
    color: #000000;
}

.add .add_txt p span {
    font-family: PingFang-SC-Bold;
    font-size: 0.72rem;
    color: #ff5403;
}

.add .add_txt a {
    width: 3.15rem;
    height: .74rem;
    background-image: linear-gradient(0deg,
            #9983fb 0%,
            #a98afd 57%,
            #b991fe 100%),
        linear-gradient(#ffffff,
            #ffffff);
    background-blend-mode: normal,
        normal;
    border-radius: 0.37rem;
    border: none;
    color: #fff;
    font-size: 0.36rem;
    display: block;
    margin: 0.15rem auto;
    display: flex;
    align-items: center;
    justify-content: center;

}

.guide {
    width: 6.86rem;
    height: 1.08rem;
    background-color: #ffffff;
    border-radius: .15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 0.24rem auto 0 auto;
}

.guide .line {
    width: 2rem;
    height: 0.85rem;
    background-color: #f7f7f7;
    position: absolute;
    left: 50%;
    margin-left: -1rem;
    top: 50%;
    margin-top: -0.425rem;
}

.guide a {
    width: 50%;
    text-align: center;
    font-size: 0.32rem;
    color: #222222;
    display: flex;
    align-items: center;
    justify-content: center;

}

.guide a img {
    width: auto;
    height: 0.47rem;
    margin-right: 0.25rem;
}



.menu_con {
    width: 6.86rem;
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: .15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 0.24rem auto 0 auto;
    flex-wrap: wrap;
    padding: 0.2rem 0;
}

.menu_con a {
    width: 25%;
    height: 1.5rem;
    text-align: center;
    color: #222222;
    font-size: 0.28rem;
    line-height: 0.4rem;
}

.menu_con a span.menu_ico {
    width: 0.96rem;
    height: 0.96rem;
    margin: 0 auto;
    display: block;
}

.menu_con a span.menu_ico img {
    width: 0.96rem;
    height: 0.96rem;
    display: block;
}



.adbox {
    width: 6.86rem;
    height: 1.84rem;
    overflow: hidden;
    border-radius: .15rem;
    margin: 0.24rem auto 0 auto;
}

.adbox a {
    width: 6.86rem;
    height: 1.84rem;
    display: block;
}

.adbox a img {
    width: 6.86rem;
    height: 1.84rem;
    display: block;
}

.adbox1 {
    width: 6.86rem;
    height: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.24rem auto 0 auto;
}

.adbox1 .ad01 {
    width: 3.30rem;
    height: 2.70rem;
    background-color: #ffffff;
    box-shadow: 0rem 1rem 6rem 0rem rgba(192, 192, 192, 0.55);
    border-radius: 0.20rem;
    padding: 0.2rem;
    box-sizing: border-box;
	background-image: url(/static/zyb/images/ad1.png);    
	background-position: center center;
    background-size: 100% 100%;
}

.adbox1 .ad02 {
    width: 3.30rem;
    height: 2.70rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

.ad02_pro1 {
    width: 3.30rem;
    display: block;
    height: 1.23rem;
    background-color: #fdf6ea;
    box-shadow: 0rem 1rem 6rem 0rem rgba(192, 192, 192, 0.55);
    border-radius: 0.20rem;
    padding: 0.2rem;
    box-sizing: border-box;
	background-image: url(/static/zyb/images/ad2.png);    
	background-position: center center;
    background-size: 100% 100%;
}

.ad02_pro2 {
    width: 3.30rem;
    height: 1.23rem;
    background-color: #edf7ff;
    box-shadow: 0rem 1rem 6rem 0rem rgba(192, 192, 192, 0.55);
    border-radius: 0.20rem;
    padding: 0.2rem;
    box-sizing: border-box;
	background-image: url(/static/zyb/images/ad3.png);    
	background-position: center center;
    background-size: 100% 100%;
}

.adbox1 .ad_tit {
    font-size: .36rem;
    color: #222222;
    line-height: 0.5rem;
}

.adbox1 .ad_tit img.hot {
    width: auto;
    height: .35rem;
}

.adbox1 p {
    font-size: .28rem;
    color: #999999;
}



/* 订单信息 */

.order_info01 {
    width: 6.86rem;
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: .2rem;
    margin: 0.24rem auto 0 auto;
}

.order_info01 .order_form {
    width: 6.38rem;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 auto;
    padding: 0.2rem 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* .order_info01 .order_form .order_form_l {
    width: 5.6rem;
} */

.order_info01 .order_form .order_form_l .order_form_tit {
    font-size: .28rem;
    color: #222222;
    padding-left: 0.57rem;
    box-sizing: border-box;
    position: relative;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-bottom: -0.5rem;
}

.order_info01 .order_form .order_form_l .order_form_tit img {
    width: auto;
    height: 0.32rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.order_info01 .order_form .order_form_l input {
    -webkit-appearance: none;
    border: none;
    height: 0.5rem;
    line-height: 0.5rem;
    padding-left: 0.57rem;
    box-sizing: border-box;


}

.order_info01 .order_form .order_form_r {
    display: flex;
    align-items: center;
    color: #808080;
    font-size: 0.2rem;
    height: 0.5rem;
}

.order_info01 .order_form .order_form_r img {
    width: .11rem;
    height: .18rem;
    margin-left: 0.1rem;
}


.order_info01 .order_tool {
    width: 100%;
    height: 0.81rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.48rem;
    box-sizing: border-box;
}

.order_info01 .order_tool span {
    color: #e6e6e6;
    ;
    font-size: 0.24rem;
    margin: 0 0.2rem;
}

.order_info01 .order_tool a {
    font-size: .24rem;
    color: #222222;
    display: flex;
    align-items: center;
}

.order_info01 .order_tool a img {
    width: auto;
    height: 0.31rem;
    margin-right: 0.15rem;

}


.yhj {
    width: 6.86rem;
    height: 0.81rem;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: .2rem;
    margin: 0.24rem auto 0 auto;
    align-items: center;
    padding: 0 0.34rem;
    box-sizing: border-box;
    color: #222222;
    font-size: .24rem;
    display: flex;
    align-items: center;
    position: relative;
}

.yhj span.yhj_txt {
    width: 1.28rem;
    height: .35rem;
    background-color: #8f75f6;
    border-radius: .15rem;
    font-size: .24rem;
    color: #ffffff;
    display: inline-block;
    line-height: 0.35rem;
    text-align: center;
}

.yhj img.lb {
    width: 0.28rem;
    height: auto;
    margin: 0 0.1rem;
}

.yhj .right {
    position: absolute;
    right: 0.32rem;
    top: 50%;
    transform: translateY(-50%);
    width: .11rem;
    height: .18rem;
}







.order_con {
    width: 6.86rem;
    height: auto;
    overflow: hidden;
    border-radius: .2rem;
    margin: 0.24rem auto;
    background-color: #fff;
    padding: 0.2rem 0.24rem;
    box-sizing: border-box;
}

.order_con .order_tit {
    width: 100%;
    height: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order_tit_l {
    display: flex;
    align-items: center;
    height: 0.6rem;
}

.order_con .order_tit .order_tit_txt {
    font-size: .36rem;
    color: #222222;
    font-weight: bold;
}

.order_con .order_tit .order_des {
    font-size: .2rem;
    color: #808080;
}

.order_con .order_tit span.radio {
    width: 0.38rem;
    height: 0.38rem;
    display: inline-block;
    background: url(../images/wxz.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 0.15rem;

}

.order_con .order_tit span.radioon {
    background: url(../images/xz.png) no-repeat;
    background-size: contain;
}

.order_con .order_tit .order_tit_price {
    font-size: .2rem;
    color: #f30000;
}

.order_con .order_tit .order_tit_price span {
    font-size: .32rem;
}

.order_txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #222222;
    font-size: .28rem;
    line-height: 0.7rem;
    padding-left: 0.5rem;
    box-sizing: border-box;
}

.order_txt button {
    width: 2.09rem;
    height: .51rem;
    background-image: linear-gradient(0deg,
            #8c73f6 0%,
            #b18cfd 100%),
        linear-gradient(#8f75f6,
            #8f75f6);
    background-blend-mode: normal,
        normal;
    border-radius: .26rem;
    border: none;
    -webkit-appearance: none;
    font-size: .28rem;
    color: #fff;
}

.order_tab {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    padding-left: 0.5rem;
    margin-top: 0.15rem;

}

.order_tab a.select {
    width: 2.16rem;
    height: .52rem;
    display: block;
    border-radius: .26rem;
    border: solid 1px #ebebee;
    background-color: #fff;
    font-size: .28rem;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
}


.hcbox {
    background-color: #faf9ff;
    width: 5.21rem;
    height: auto;
    overflow: hidden;
    margin: 0.2rem auto;
    color: #222222;
    font-size: 0.28rem;
    padding: 0.15rem;
    box-sizing: border-box;
    line-height: 0.4rem;
}

.hcbox span {
    margin-right: 0.1rem;
}










.buy_num {

    width: auto;
    height: 0.51rem;
    float: right;
    display: flex;
    align-items: center;
}

.buy_num a.jian {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background-color: #dfdddc;
    border-radius: 3px;

    color: #333333;
    font-size: 0.28rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buy_num a.jia {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background-color: #dfdddc;
    border-radius: 3px;
    color: #333333;
    font-size: 0.28rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buy_num input {
    width: 0.6rem;
    height: 0.35rem;
    border: none;
    background: none;
    color: #333333;
    font-size: 0.28rem;
    line-height: 0.51rem;
    text-align: center;
    vertical-align: middle;
    font-family: 'microsoft yahei';
    margin-bottom: 0rem;
}



.order_bottom {
    width: 100%;
    height: 1.66rem;
    overflow: hidden;
    background: #fff;
    padding-top: 0.15rem;
    box-shadow: 1rem -3rem 17rem #dddcdc;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 200;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0.3rem;
}

.order_bottom_l {
    width: 5rem;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.26rem;
    box-sizing: border-box;
}

.order_bottom_l .zx {
    color: #808080;
    font-size: 0.28rem;
    text-align: center;
}

.order_bottom_l .zx img {
    width: 0.4rem;
    height: 0.33rem;
    display: block;
}

.order_bottom_l .zj {
    font-size: 0.28rem;
    text-align: right;
}

.order_bottom_l .zj div {
    display: flex;
}

.order_bottom_l .zj .yx {
    font-size: 0.24rem;
    color: #808080;
}

.order_bottom_l .zj .hj {
    font-size: 0.24rem;
    color: #ff0000;
}

.order_bottom_l .zj .hj_txt {
    font-size: 0.24rem;
    color: #222222;
}

.order_bottom_l .zj .price {
    font-size: 0.36rem;
    color: #ff0000;
}

.order_bottom_l .zj .ckxq {
    display: block;
    display: flex;
    justify-content: flex-end;
    color: #ff0000;
    align-items: center;
}

.order_bottom .ljzx {
    width: 1.91rem;
    height: .69rem;
    background-image: linear-gradient(0deg,
            #8c73f6 0%,
            #b18cfd 100%),
        linear-gradient(#808080,
            #808080);
    background-blend-mode: normal,
        normal;
    border-radius: .35rem;
    color: #fff;
    font-size: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buycar_bottom .qx span.radio {
    width: 0.53rem;
    height: 0.53rem;
    display: inline-block;
    background: url(../images/ico21.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: 0 5rem 3rem 0;
}

.buycar_bottom .qx span.radioon {
    background: url(../images/ico20.png) no-repeat;
    background-size: contain;
}

.buycar_bottom .js {
    float: right;
    display: inline;
    padding-right: 3.96rem;
    color: #ff7400;
    font-size: 0.48rem;
    font-family: 'microsoft yahei';
    line-height: 1.55rem;
}

.buycar_bottom .js span {
    font-size: 0.54rem;
}

.buycar_bottom .js em {
    font-style: normal;
    color: #333;
    font-size: 0.48rem;
    line-height: 1.55rem;
}

.buycar_bottom a.but07 {
    width: 3.54rem;
    height: 1.55rem;
    display: inline-block;
    background: -o-linear-gradient(right, #ff4e50, #ff7400);
    background: -moz-linear-gradient(right, #ff4e50, #ff7400);
    background: linear-gradient(to right, #ff4e50, #ff7400);
    color: #fff;
    font-size: 0.48rem;
    line-height: 1.55rem;
    font-family: 'microsoft yahei';
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}





.order_tab a.selecton {
    background-image: linear-gradient(0deg,
            #8c73f6 0%,
            #b18cfd 100%),
        linear-gradient(#e2dbfd,
            #e2dbfd);
    color: #fff;
    border: none;
}

.dp_cp {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.dp_cp span.radio {
    width: 0.53rem;
    height: 0.53rem;
    display: inline-block;
    background: url(../images/ico21.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0.35rem;
    top: 50%;
    margin-top: -0.265rem;
}

.dp_cp span.radioon {
    background: url(../images/ico20.png) no-repeat;
    background-size: contain;
}

.dp_cp .dpcq_xq {
    width: 11.1rem;
    height: auto;
    overflow: hidden;
    float: right;
    display: inline;
    border-bottom: 1rem solid #E5E5E5;
    position: relative;
    padding: 0.48rem 0;
}

.dp_cp .dpcq_xq img {
    width: 3.24rem;
    height: 3.24rem;
    float: left;
    display: inline;
}

.dp_cp .dpcq_xq .dpcp_txt {
    float: right;
    display: inline;
    width: 7.39rem;
    height: 3.24rem;
    position: relative;
}

.dp_cp .dpcq_xq .dpcp_txt p {
    color: #666;
    font-size: 0.42rem;
    line-height: 0.8rem;
    font-family: 'microsoft yahei';
}

.dp_cp .dpcq_xq .dpcp_txt p.cp_tit1 {
    color: #000;
    font-size: 0.54rem;
}

.dp_cp .dpcq_xq .dpcp_txt p.cp_price1 {
    color: #ff7400;
    font-size: 0.48rem;
    position: absolute;
    left: 0;
    bottom: 0rem;
}

.dp_cp .dpcq_xq .dpcp_txt p.cp_price1 span {
    font-size: 0.54rem;
}

.dp_cp .dpcq_xq .dpcp_txt p.cp_price1 em {
    font-style: normal;
    margin-left: 0.15rem;
    color: #666;
    text-decoration: line-through;
}















/*底部导航 */


.pdbottom {
    padding-bottom: 2rem;
}

.nav {
    width: 100%;
    height: 1.2rem;
    background: #fff;
    padding-top: 0.15rem;
    box-shadow: 1rem -3rem 17rem #dddcdc;
    -moz-box-shadow: 1rem -3rem 17rem #dddcdc;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 200;
    display: flex;
    justify-content: space-between;
}

.nav a {
    width: 20%;
    display: inline-block;
    height: 1.2rem;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.5rem;
    font-family: 'microsoft yahei';
    color: #333333;
}

.nav a span.img {
    width: 0.45rem;
    height: 0.45rem;
    margin: 0 auto;
    display: block;
}

.nav a.navon {
    color: #a98afc;
}

.nav a.nav1 span {
    background: url(../images/nav01.png) no-repeat;
    background-size: contain;
}

.nav a.nav1on span {
    background: url(../images/nav01-on.png) no-repeat;
    background-size: contain;
}

.nav a.nav2 span {
    background: url(../images/nav02.png) no-repeat;
    background-size: contain;
}

.nav a.nav2on span {
    background: url(../images/nav02-on.png) no-repeat;
    background-size: contain;
}

.nav a.nav3 span {
    background: url(../images/zixun.png) no-repeat;
    background-size: contain;
}

.nav a.nav3on span {
    background: url(../images/nav03-on.png) no-repeat;
    background-size: contain;
}

.nav a.nav4 span {
    background: url(../images/nav04.png) no-repeat;
    background-size: contain;
}

.nav a.nav4on span {
    background: url(../images/nav04-on.png) no-repeat;
    background-size: contain;
}

.nav a.yue {
    width: 1.36rem;
    height: 1.36rem;
    margin-top: -0.5rem;
    border-radius: 50%;
    padding: 0;
}

.nav a.yue img {
    width: 1.36rem;
    height: 1.36rem;

}









/*个人中心---------*/
.grzx_top {
    width: 100%;
    height: auto;
    background: url(../images//grzx-bj1.png) no-repeat;
    background-size: contain;
    color: #fff;
    font-size: 0.3rem;
    box-sizing: border-box;
}

.grzx_info{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:1rem 0.32rem 0.2rem 0.32rem;
    box-sizing: border-box;
}

.grzx_info_l{
  display: flex;
  align-items: center;
}

.grzx_info_l .grzx_tx{
    width: 1.52rem;
    height: 1.52rem;
    overflow: hidden;
    border-radius: 50%;
    border: solid 2px #ffffff;
    position: relative;
    margin-right: 0.15rem;
}

.grzx_info_l .grzx_tx img {
    width: 1.52rem;
    height: 1.52rem;
    border-radius: 50%;
}
.grzx_info_l .grzx_tx .upload{
    width: 100%;
	height: .51rem;
	background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    
    opacity: 0.53;
}
.grzx_info_l .grzx_tx .upload .van-button--default{
    height: .51rem;
    background-color: rgba(0, 0, 0, 0.8);
    border: none;
    color: #fff;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.24rem;
}
.grzx_txt p{
    color: #ffffff;
    font-size: 0.28rem;
    opacity: 0.6;
    line-height: 0.5rem;
}
.grzx_txt p.name{
    color: #ffffff;
    font-size: 0.36rem;
    opacity: 1;
}

.grzx_zt{
    width: 1.57rem;
	height: .61rem;
	border-radius: .30rem;
	border: solid 1px #ffffff;
    font-size: .24rem;
	color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;

}

.ktvip{
    width: 6.87rem;
	height: 1rem;
	border-radius: .15rem;
    background: url(../images/grzx-bj2.png) no-repeat;
    background-size: contain;
    margin: 0.2rem auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.3rem 0.2rem 0.3rem;
    box-sizing: border-box;
    
}

.ktvip_l{
    display: flex;
    align-items: center;
    color: #fffbf3;
    font-size: 0.3rem;
}
.ktvip_l img{
    width: 0.38rem;
    height: 0.28rem;
}

a.ktvip_but{
    width: 1.64rem;
	height: .40rem;
	background-color: #fee6cc;
	border-radius: .20rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #784244; font-size: 0.24rem;
}
a.ktvip_but img{
    width: 0.25rem;
    height: 0.25rem;
    margin-left: 0.1rem;
}

.ye{
    width: 6.87rem;
	height: 1.22rem;
	border-radius: .15rem; 
    margin: -0.2rem auto 0 auto;
    position: relative;
    z-index: 2;
    background-color: #fff;
    color: #222222;
    font-size: 0.28rem;
    padding: 0 0.3rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.grzx_order {
    width: 6.87rem;
    height: auto;
    overflow: hidden;
    border-radius: .15rem; 
    margin:0.24rem auto 0 auto;
    background: #fff;
    padding: 0.2rem 0.3rem;
    box-sizing: border-box;
}

.grzxdd_tit {
    width: 100%;
    height: .5rem;
    color: #222222;
    font-size: 0.32rem;
    line-height: 0.5rem;
}


.gezxdd_menu {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0.1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gezxdd_menu a {
    width: 20%;
    height: 1.1rem;
    display: inline-block;
    text-align: center;
    color: #333333;
    font-size: 0.24rem;
    line-height: 0.45rem;
}

.gezxdd_menu a .ddmenu_img {
    width: 0.57rem;
    height: 0.57rem;
    position: relative;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding-top: 0.15rem;
}

.gezxdd_menu a .ddmenu_img img {
    width: 0.57rem;
    height: 0.57rem;
    display: block;
}

.gezxdd_menu a .ddmenu_img span.num2 {
    width: 0.34rem;
    height: 0.34rem;
    position: absolute;
    right: -0.15rem;
    top: 0;
    background: -webkit-linear-gradient(left, #f2b56e, #f27a6a);
    background: -o-linear-gradient(right, #f2b56e, #f27a6a);
    background: -moz-linear-gradient(right, #f2b56e, #f27a6a);
    background: linear-gradient(to right, #f2b56e, #f27a6a);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    line-height: 0.42rem;
    font-size: 0.24rem;
    color: #fff;
    z-index: 2;
}

.yq{
    width: 6.21rem;
	height: .85rem;
    display: block;
}
.yq img{
    width: 6.21rem;
	height: .85rem;
}

.grzx_order ul.tool{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.grzx_order ul.tool li{
    width: 100%;
    height: 0.9rem;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 0.15rem 0;
    box-sizing: border-box;
    position: relative;
    color: #222222;
    display: flex;
    align-items: center;
    font-size: 0.28rem;
}
.grzx_order ul.tool li a{
    color: #222;
}
.grzx_order ul.tool li img{
   width: .27rem;
   height: auto; 
   margin-right: 0.15rem;
}
.grzx_order ul.tool li img.grzx_right{
    width: 0.12rem;
    height: 0.21rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.grzx_gj {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #E5E5E5;
    background: #fff;
    border-top: 1px solid #E5E5E5;
}

.grzxgj_tit1 {
    width: 100%;
    height: 1.8rem;
    border-bottom: 1px solid #E5E5E5;
    text-indent: 0.35rem;
    color: #333333;
    line-height: 1.8rem;
    font-family: 'microsoft yahei';
    font-size: 0.54rem;
}

.gezxgj_menu {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0.5rem 0;
    background: #fff;
}

.gezxgj_menu a {
    width: 25%;
    height: auto;
    display: inline-block;
    float: left;
    text-align: center;
    color: #656565;
    font-size: 0.48rem;
    font-family: 'microsoft yahei';
    line-height: 0.9rem;
}

.gezxgj_menu a img {
    width: auto;
    height: 0.97rem;
    display: block;
    margin: 0 auto;
}

.doc_top{
    width: 100%;
    height: auto;
}

.doc_header{
    width: 100%;
    height: 2.1rem;
    background-image: linear-gradient(0deg,
    #8870f5 0%,
    #a081fa 43%,
    #b891fe 100%),
linear-gradient(#ffbdbd,
    #ffbdbd);
background-blend-mode: normal,
normal;
}

.doc_search{
    width: 6.88rem;
    height: .7rem;
	background-color: #ffffff;
	border-radius: .35rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.doc_search img{
    width: 0.27rem;
    height: 0.28rem;
    position: absolute;
    left: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
}
.doc_search input{
    width: 6.88rem;
	height: .7rem;
    display: flex;
    align-items: center;
    padding-left: 0.7rem;
    box-sizing: border-box;
    font-size: 0.24rem;
    color: #666;
    border: none;
    -webkit-appearance: none;
    border-radius: 0.35rem;
}

.doc_list{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    margin-top: 0.24rem;
    padding: 0.2rem 0.32rem;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.doc_list img.tx{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}
.doc_txt{
  width: 5.7rem;
}
.doc_txt p{
    color: #222222;
    font-size: 0.26rem;
    line-height: 0.5rem;
}
.doc_txt .doc_tit{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.doc_txt .doc_tit span.name{
    color: #333333;
    font-size: 0.36rem;
    margin-right: 0.2rem;
}
.doc_txt .doc_tit span.zj{
    color: #333333;
    font-size: 0.26rem;

}
.doc_txt .doc_tit span.zt{
    height: .4rem;
    display: inline-block;
	background-color: #ff0000;
	border-radius: 0.2rem;
    font-size: 0.24rem;
    padding: 0 0.15rem;
    color:#fff;
    line-height: 0.4rem ;
    margin-left: 0.15rem;
}
.doc_txt .doc_oper{
    display: flex;
    justify-content: flex-end;
}
.doc_txt .doc_oper a{
    width: auto;
    height: .45rem;
	border-radius: .22rem;
	border: solid 1px #808080;
    font-size: 0.26rem;
    color: #222222;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.2rem;
    margin-left: 0.15rem;
    margin-top: 0.15rem;
}
.doc_txt .doc_oper a img{
    width: auto;
    height:0.21rem ;
    margin-right: 0.15rem;
}

.doc_container{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 3.2rem;
}
.yhsm_container{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 1.1rem;
    box-sizing: border-box;
}

.yhsm{
    width: 100%;
    height: 0.91rem;
    overflow: hidden;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yhsm  .doc_search{
    width: 6.88rem;
    height: .7rem;
	background-color: #f6f6f6;
	border-radius: .35rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.yhsm  .doc_search input{
    background-color: #f6f6f6;
}

.yhsm_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0.24rem;
    display: flex;
    justify-content:space-between;
}

.yhsm_list{
    width: 5.4rem;
    height: auto;
    overflow: hidden;
    padding: 0 0.3rem 0 0;
    box-sizing: border-box;
}

.yhsm_item{
    width: 100%;
    height: 1.67rem;
	background-color: #ffffff;
	border-radius: .15rem;
    padding: 0.2rem 0.26rem;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0.24rem;
}
.yhsm_item img.sm_img{
    width: 1.18rem;
	height: 1.18rem;
	border-radius: 5px;
    margin-right: 0.15rem;
}
.yhsm_item  .yhsm_txt p.money{
    color: #ff0000;
    font-size: 0.24rem;
    line-height: 0.6rem;
}
.yhsm_item  .yhsm_txt p.money span{
    color: #ff0000;
    font-size: 0.32rem;
}
.yhsm_item  .yhsm_txt p.yhsm_tit{
    color: #222222;
    font-size: 0.32rem;
}
.yhsm_item img.right{
    width: 0.12rem;
    height: 0.2rem;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
}