a, address, article, aside, audio, b, body, button, canvas, dd, details, div, dl, dt, em, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, label, li, mark, nav, object, ol, p, section, select, span, strong, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}
table {border-collapse: collapse;border-spacing: 0}
caption, th {text-align: left;font-weight: 400}
body, html, iframe, img {border: 0}
body {font-family: "Microsoft Yahei"}
address, i {font-style: normal}
h1, h2, h3, h4, h5, h6 {font-size: 100%}
textarea {overflow: auto;resize: none}
label {cursor: default}
a, button {cursor: pointer}
button, input {outline: 0}
b, em, h1, h2, h3, h4, h5, h6, strong {font-weight: 700}
a {text-decoration: none}
ol, ul {list-style: none}
a:active {background-color: transparent}
a:active, a:hover {outline: 0 none;transition: 130ms ease-in;-moz-transition: 130ms ease-in;-webkit-transition: 130ms ease-in;-o-transition: 130ms ease-in}
.clearfix { /**zoom:1*/}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
body { font-family: "微软雅黑"; }
.fl { float: left; }
.fr {float: right; }

/*如需要头部固定*/
/*添加header-fixed*/
.header.header-fixed {
    position: fixed;
    top: 0;
    z-index: 99;
}

/* 头部下拉菜单 */
.header .icon-drop-wrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: .36rem;
    height: .88rem;
}

/*头部icon共用样式*/
.header .pb-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.pb-icon {
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: cover;width: 0.45rem;height: 0.45rem;
}

.icon-search {
    width: 0.28rem;
    height: 0.3rem;
    background-image: url(../images/search_btn.png);
}

/*头部返回按钮*/
.header .back-wrap {
    position: absolute;
    left: .25rem;
    top: 0;
    bottom: 0;
    margin: auto;
    width: .5rem;
    height: 100%;
}

.header .icon-back-h {
    right: unset;
    left: 0.4rem;
}
.header .icon-back-h {
    width: .2rem;
    height: .36rem;
    background-image: url(../images/icon_back_hui.png);
}


/*头部渐变色*/
.header {
    position: relative;
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    background: #007aff;

}


.header .pb-icon.icon-delete {
    display: none;
    left: unset;
    right: .28rem;
}

.header.white-bg {
    background: #fff;
}


/* 带搜索的头部 */

/*search*/
.page-search {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 102;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.15);
}

.search-box {
    width: 100%;
    height: auto;
    padding: 1.41rem .16rem 0 .26rem; }

.search-hot > h2 {
    width: 100%;
    height: .24rem;
    line-height: .24rem;
    font-size: .24rem;
    color: #8D8D96;
    margin-bottom: .32rem;
    font-weight: normal;
    letter-spacing: .01rem; }

/*搜索热词*/
.search-hot .hot-list {
    width: 100%;
    height: auto; }

.search-hot .hot-list li {
    float: left;
    height: .52rem;
    line-height: .5rem;
    letter-spacing: .01rem;
    padding: 0 .2rem;
    font-size: .24rem;
    color: #333443;
    margin-right: .16rem;
    margin-bottom: .16rem;
    -webkit-border-radius: .06rem;
    border-radius: .06rem;
    border: .02rem solid #C8C8D0;
    cursor: pointer;
}

.search-hot .hot-list li a{     color: #333443; text-decoration: none; }


/* 图片列表 */
.pros-list-wrap {
    width: 100%;background-color: #fff;
    padding: 0.2rem 1.33333% 0;
}

.pros-list-wrap .pros-list > li {
    position: relative;
    /* overflow: hidden; */
    float: left;
    width: 3.45rem;
    height: 5.6rem;
    margin: 0 0.1rem 0.26rem;
}

.pros-list-wrap .pros-list > li > a {
    display: block;
    width: 100%;
    height: 100%;
}

.pros-list-wrap .pros-list > li > a img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 0.08rem;
    border-radius: 0.08rem;
}

.pros-list-wrap .pros-list > li .infos {
    padding: 0.2rem 0;
}

.pros-list-wrap .pros-list > li .pro-tit {
    width: 100%;
    height: 0.34rem;
    line-height: 0.34rem;
    font-size: 0.26rem;
    color: #333443;
    letter-spacing: 0.02rem;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: center;
}

.pros-list-wrap .pros-list > li .datas {
    margin-top: 0.14rem;
    height: .2rem
}

.pros-list-wrap .pros-list > li .datas > div {
    float: left;
    height: 0.20rem;
    line-height: 0.20rem;
    margin-right: 0.24rem;
}

.pros-list-wrap .pros-list > li .datas > div > span {
    vertical-align: top;
    font-size: 0.24rem;
    color: #C8C8D0;
    margin-left: 0.12rem;
}


.pros-list-wrap .pros-list > li .datas .icon-collect {
    position: relative;
    top: -0.02rem;
    float: left;
}

.pros-list-wrap .pros-list > li .datas .icon-dl {
    float: left;
}


.pros-list-wrap .pros-list > li .datas .icon-time {
    float: left; }

.pros-list-wrap .more-pros {
    display: block;
    width: 4rem;
    height: 0.6rem;
    line-height: 0.24rem;
    margin: 0.16rem auto 1.5rem;
    padding: 0.17rem;
    font-size: 0.24rem;
    color: white;
    text-align: center;
    border: 0.01rem solid #007aff;
    -webkit-border-radius: 0.05rem;
    border-radius: 0.05rem;
    background: #007aff;
}

.pros-list-wrap .more-pros .icon-morepros {
    width: 0.16rem;
    height: 0.18rem;
    background: url(../images/icon_morepros1.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin-top: 0.03rem;
    margin-left: .05rem;
}


@media all and (max-width: 320px) {
    .pros-list-wrap .pros-list > li .pro-tit {
        height: .26rem;
        line-height: .26rem;
    }
}
/*图片列表结束*/


/*底部*/
.navibar-bot {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1rem;
    padding-top: .1rem;
    text-align: center;
    background-color: #fff;
    border-top: .01rem solid rgba(200, 200, 208, .3);
    z-index: 999
}

.navibar-bot .navi-item {
    float: left;
    width: 25%;
    height: 100%;
    line-height: 0;
    position: relative
}

.navibar-bot .navi-item.active path {
    fill: #2980ff;
    fill-opacity: 1
}

.navibar-bot .navi-item.active > p {
    color: #2980ff
}

.navibar-bot .navi-item .u-icon {
    width: 6.4vw;
    height: 6.4vw
}

.navibar-bot .navi-items {
    width: 20%
}

.navibar-bot .navi-item > p {
    height: .24rem;
    line-height: .24rem;
    margin-top: .06rem;
    font-size: .2rem;
    color: #a6a6b0;
    display: block
}

.navibar-bot .navi-active::before {
    content: "";
    display: block;
    width: .12rem;
    height: .12rem;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    background: red;
    position: absolute;
    top: 0;
    right: .45rem
}
/*底部end*/


/*摄影图图片列表*/
.pros-list-wrap .photo-list > li {
    position: relative;
    float: left;
    display: block;
    overflow: hidden;
    margin: 0.05rem;
    box-sizing: content-box;
}

.photo-list img {
    width: 100%;
    height: 100%;
}


#mengcheng {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: -100%;
    background-color: rgba(53, 53, 59, 0.5);
    z-index: 102;
    display: none;

}

.paytishi {
    position: fixed;
    top: 25%;
    left: 25%;
    z-index: 102;
    width: 4rem;
    height: auto;
    background: #fff;
    font-size: .28rem;
    text-align: center;
    color: red;
    display: none;
}
.paytishi .close {
    height: .28rem;
    width: .28rem;
    background: url(../images/icon_close.png) center no-repeat;
    background-size: cover;
    position: absolute;
    right: .1rem;
    top: .1rem;
    display: block;
}

.paytishi .tishiwen {
    display: block;
    width: 80%;
    margin: .4rem auto;
}


.page {margin: 0 0 1rem 0;width: 100%;height: 1rem;text-align: center; font-size: .2rem;}
.page .cur, .page a:hover {display: inline-block;margin: .1rem;padding: 0 .2rem;height: .4rem;border-radius: .1rem;background: #007aff;color: #fff;line-height: .4rem;}
.page a {display: inline-block;height: .4rem;margin: .1rem;color: #404040;line-height: .4rem;cursor: pointer;}
.page .ell {margin: 0 .1rem 0 .1rem;color: #404040;font-size: .15rem;}

.box-new-hot {
    text-align: left;
}

.box-tab {
    display: inline-block;
    width: 100%;
    border-bottom: .01rem solid #e5e5e5;
    font-size: .26rem;
    line-height: .5rem;
}

.box-tab .on a {
    color: #6085e3;
}

.box-tab li {
    float: left;
    display: block;
    margin-right: .2rem;
    color: #999;
}

.box-tab li a {color: #999;}

.box-new-hot .boxinfo {
    display: block;
}


.box-new-hot .boxinfo a {
    display: block;
    line-height: .3rem;
    margin-right: .1rem;
    color: #999;
    font-size: .2rem;
    float: left;
}

.dibumiaoshu {font-size: .2rem;margin-bottom: 1.5rem;color: #999;display: block;float: left;margin-top: .2rem;}

.hot-listo a {float: left;
    height: .52rem;
    line-height: .5rem;
    letter-spacing: .01rem;
    padding: 0 .2rem;
    font-size: .24rem;
    color: #333443;
    margin-right: .16rem;
    margin-bottom: .16rem;
    -webkit-border-radius: .06rem;
    border-radius: .06rem;
    border: .02rem solid #C8C8D0;
    cursor: pointer;}
.doyoulike {padding: .1rem .16rem 0 .26rem;}


.header.search {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    height: 11.73333vw;
    background: #fff;
    -webkit-box-shadow: 0 .26667vw 0 rgba(0, 0, 0, .05);
    box-shadow: 0 .26667vw 0 rgba(0, 0, 0, .05)
}

.header.search .m-wrap {
    position: relative;
    float: right;
    margin: 1.33333vw 4.26667vw 0 0
}

.header.search .m-wrap .u-searchBtn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 9.06667vw;
    padding: 0 4.26667vw;
    line-height: 8.53333vw;
    font-weight: 600;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    background: -webkit-linear-gradient(330.26deg, #2980ff 0, #97c1ff 100%);
    background: -o-linear-gradient(330.26deg, #2980ff 0, #97c1ff 100%);
    background: linear-gradient(119.74deg, #2980ff 0, #97c1ff 100%);
    border: 1px solid #2980ff;
    -webkit-border-radius: 6.66667vw;
    border-radius: 6.66667vw
}

.header-search-wrap {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80.8vw;
    height: 9.06667vw;
    -webkit-border-radius: 6.66667vw;
    border-radius: 6.66667vw;
    border: .26667vw solid #2980ff
}


.page-search .header-search-wrap {margin: 0.1rem 0.32rem;float: right;}


.header-search-wrap ::-webkit-input-placeholder {
    color: #d9d9d9
}

.header-search-wrap ::-moz-placeholder {
    color: #d9d9d9
}

.header-search-wrap :-ms-input-placeholder {
    color: #d9d9d9
}

.header-search-wrap .header-search-inp {
    float: left;
    width: 42.66667vw;
    height: 5.33333vw;
    line-height: 5.33333vw;
    margin: 1.6vw 0 0 1.06667vw;
    font-size: 3.73333vw;
    color: #1f1f1f;
    background-color: #fff;
    text-indent: .1rem;
    -webkit-border-radius: 0;
    border-radius: 0
}

.header-search-wrap .u-camera {
    float: right;
    margin: 1.06667vw 17.06667vw 0 0;
    width: 6.4vw;
    height: 6.4vw;
    background: url(../images/icon_camera.svg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.header-search-wrap .btn-wrap {
    position: relative;
    float: left;
    width: 9.33333vw;
    height: 8.53333vw;
    padding: 1.06667vw 0 1.06667vw 2.93333vw
}

.header-search-wrap .btn-wrap .icon-search {
    right: unset;
    left: 3.2vw
}


.my-vip {width: 100%;display: block;padding-bottom: 1rem;position: relative;
    background: -webkit-linear-gradient(330.26deg, #72e1e0 0, #4bbdff 100%);
    background: -o-linear-gradient(330.26deg, #72e1e0 0, #4bbdff 100%);
    background: linear-gradient(119.74deg, #72e1e0 0, #4bbdff 100%);
}
.my-vip .vvpic {background: url(../images/vipstar.png) center center no-repeat;background-size: 100% 100%;width: 2.92rem;height: 2.43rem;position: absolute;top: 0.5rem;right: 0.5rem;z-index: 99;}
.my-vip .header {background: none}
.my-vip .header .icon-back-w {
    width: .2rem;
    height: .36rem;
    background-image: url(../images/icon_back_white.png);
}
.my-vip .header h2 {color: #fff;font-size: 0.4rem;font-weight: 100;}
.my-vip .vip-box {width: 100%;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;background-color: #fff;}


/*全站*/
.rech-popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: -100%;
    background-color: rgba(53, 53, 59, 0.5);
    z-index: 1000; }

.rech-popup .popup-rech {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: #ffffff;}

/*关闭按钮*/
.popup-rech .popup-close {
    height: .5rem;
    width: .5rem;
    background: url(../images/close.png) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    right: .26rem;
    top: .24rem;
    display: block; }

.popup-rech .popup-user {
    width: 100%;
    height: auto;
    padding: .12rem .24rem 0;
}

.popup-rech .popup-user > img {
    width: .8rem;
    height: .8rem;
    border-radius: .8rem;
    display: block;
    float: left;
}

.popup-rech .popup-user > span {
    display: block;
    float: left;
    font-size: .3rem;
    line-height: .9rem;
    margin-left: .3rem;
    color: #484848;
}

.popup-rech .popup-banner {
    width: 100%;
    height: auto;
}

.popup-rech .popup-banner > img {
    width: 93%;
    display: block;
    margin: 0 auto;
}


/*支付方式选择*/
.jiange {width: 100%;height: .1rem;background: #f7f7f7;}
.choose-pay-method {
    width: 100%;
    font-size: .25rem;
    height: .8rem;
    background: white;
    padding: 0 .24rem;
}

.choose-pay-method .paymethod {
    line-height: .8rem;
    float: left;
    font-size: .25rem;
}

.choose-pay-method .payimg {
    width: .3rem;
    display: inline-block;
    float: left;
    padding-top: .08rem;
}
.choose-pay-method .wxpay > span {float: left;padding-left: .2rem;padding-top: .05rem;}
.choose-pay-method .alipay > span {float: left;padding-left: .2rem;padding-top: .05rem;}


.choose-pay-method .wxpay {
    float: left;
    margin-left: 19%;
    padding-top: .17rem;
}

.choose-pay-method .alipay {
    float: left;
    margin-left: 15%;
    padding-top: .17rem;
}


/*支付按钮*/
.paybutton {
    width: 100%;
    height: 1rem;
}

.paybutton > div {float: left;font-size: .25rem;line-height: 1rem;padding-left: .24rem;}
.paybutton > div > span {color: #ff6600;padding: 0 .15rem;}
.paybutton > button {
    float: right;
    padding: .2rem 1.3rem;
    background: #3478f6;
    font-size: .3rem;
    color: white;
    border-radius: .5rem;
    margin-right: .3rem;
    margin-top: 0.1rem;
}

.paybutton > a {
    display: inline-block;
    float: right;
    padding: .2rem 1.3rem;
    background: #3478f6;
    font-size: .3rem;
    color: white;
    border-radius: .5rem;
    margin-right: .3rem;
    margin-top: 0.1rem;
}

.payissuccess {
    position: fixed;
    top: 25%;
    left: 25%;
    z-index: 102;
    width: 4rem;
    height: 2.4rem;
    background: #fff;
    display: none;
}
.payissuccess .paytop {display: block;width: 100%;height: .8rem;line-height: .8rem;font-size: .25rem;text-align: center;border-bottom: .01rem solid #ddd;color: #999;}
.payissuccess .payzhong {display: block;width: 100%;height: .8rem;line-height: .8rem;font-size: .25rem;text-align: center;border-bottom: .01rem solid #ddd;color: red;}
.payissuccess .bottom {display: block;width: 100%;height: .8rem;line-height: .8rem;font-size: .25rem;text-align: center;border-bottom: .01rem solid #ddd;color: black;}


.nav-card-part {
    width: 100%;
    margin: .3rem auto .24rem;
    padding: 0 .24rem; }

.nav-card-part .nav-card {
    width: 3.4rem;
    height: 1.9rem;
    background-color: #ffffff;
    vertical-align: top;
    border-radius: .08rem;
    position: relative;
    padding-top: .3rem;
    background-color: #f5f5f5;
    border: .04rem solid #f5f5f5;

}
.nav-card-part .nav-card:first-child {float: left;}
.nav-card-part .nav-card:last-child {float: right;}
.nav-card-part .nav-card:first-of-type {
    margin-left: 0; }

.nav-card-part .toppiao {
    position: absolute;
    font-size: .2rem;display: none;
    top: -.24rem;
    right: 0rem;
    background: #1a76ff;
    color: white;
    padding: .02rem .1rem;
    border-radius: .05rem;
}
.nav-card-part .current .toppiao {display: block}
/*种类价格*/
.nav-card .nav-card-price {
    font-size: .24rem;
    color: #1a76ff;
    text-align: center;
    margin-top: .22rem;
    font-weight: bold;
}

.nav-card .nav-card-price > span > em {
    font-size: .4rem; }

/*种类对应的文案*/
.nav-card .nav-card-text {
    font-size: .22rem;
    color: #8d8d96;
    letter-spacing: .01rem;
    text-align: center; }
.nav-card .nav-card-text.del {text-decoration: line-through;color: #999;}
/*原价横线*/
.nav-card .nav-card-clear {
    display: block;
    width: 100%;
    font-size: .28rem;
    color: black;
    text-align: center;
    position: absolute;
    top: 0;
    font-weight: bold;
    line-height: .5rem;
}

/*选中样式*/
.nav-card-part .current {
    background-color: #ffffff;
    border: .04rem solid #1a76ff;
}

.nav-card-part .current::after {
    display: block;
    content: "";
    width: .5rem;
    height: .48rem;
    background: url(../images/select.png) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    bottom: -.01rem;
    right: -.01rem; }

.nav-card-price > span {
    color: #1a76ff; }

.classify-card::before {
    width: .98rem;
    height: .28rem;
    content: '';
    position: absolute;
    display: block;
    top: -.02rem;
    left: -.02rem;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
.my-vipbtn {position: fixed;bottom: 0px;left: 0px;width: 100%;height: 1.2rem;background-color: #1a76ff;color: #fff;font-size: 0.3rem;line-height: 1.2rem;text-align: center;}

.pages {display: flex;justify-content: center;margin: 0.16rem auto 1.5rem;}
.pages .pagebtn {
    display: inline-block;
    width: 2rem;
    height: 0.6rem;
    line-height: 0.24rem;
    padding: 0.17rem;
    font-size: 0.24rem;
    color: white;
    text-align: center;
    border: 0.01rem solid #007aff;
    -webkit-border-radius: 0.05rem;
    border-radius: 0.05rem;
    background: #007aff;
}
.pages .pagenow {display: inline-block;
    width: 1rem;
    height: 0.6rem;
    line-height: 0.24rem;
    padding: 0.17rem;
    font-size: 0.24rem;
    color: #333;
    text-align: center;

    -webkit-border-radius: 0.05rem;
    border-radius: 0.05rem;
}
.pages .pagebtn.nosel {
    border: 0.01rem solid #999;
    background: #999;
}

.ov {padding: 0.2rem;display: block;}
.ov .pngbodyBox {width: 100%;}
.ov .pngbodyBox .indexli2 {position: relative}
.ov .pngbodyBox .indexli2 li img {width: 100%;height: auto}
.ov .pngbodyBox .indexli2 li .titlay {font-size: 0.24rem;float: left;color: #333;width: 100%;}
.elli1 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.clearindex1_3 li {
    position: relative !important;
    float: left !important;
    width: 3.45rem !important;
    height: 5.6rem !important;
    margin: 0 0.1rem 0.26rem !important;
}

.middfr {
    float: right;
    width: 100%;padding: 0.3rem;
    height: 0.6rem;font-size: 0.3rem;
    padding-top: 0.5rem;
}

.middfr .word1 {
    float: left;
    color: #f00;
    text-align: center;
}
.middfr .dl_wrap {margin-top: 1rem;display: flex;justify-content: space-around;}
.middfr .dl_wrap a {width: 40%;height: 0.8rem;line-height: 0.8rem;text-align: center;}
.middfr .dl_wrap a.highdownload {background-color: #007aff;color: #fff}
.middfr .dl_wrap a.normaldownload {background-color: #EEE; color: #676767;}



.lay404{background:url(../images/404.png) center center no-repeat;width:100%;height:5rem;background-size: 100% auto}
.lay404-msg{width:100%;font-size:0.3rem;text-align: left;}

.paysuccess{background:url(../images/suc.jpg) center center no-repeat;width:100%;height:5rem;background-size:30% auto;}
.paysuccesstip{width:100%;font-size:0.3rem;text-align: center;}