*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; outline: 0;}
a { background: transparent; text-decoration: none;} 
body {max-width: 100%; font-family: -apple-system-font,Helvetica Neue,sans-serif; background: #f8f8f8; -webkit-overflow-scrolling: touch;
overflow-scrolling: touch;}
a, div, header, span { -webkit-text-size-adjust: none;}
i {font-style: normal;}
ol,ul,li {list-style: none;}
.clearfix::after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.wap-wrap {margin:auto; width: 100%; background: #fff;}
@media (min-width: 750px) {.wap-wrap,header{width: 750px; margin: 0 auto;}}
.more-arrow {
    width: .18rem;
    height: .18rem;
    border-top: .04rem solid #fff;
    border-left: .04rem solid #fff;
	-webkit-transform: rotate(135deg); 
	transform: rotate(135deg);
    position: relative;
    display: inline-block;
    border-radius: .02rem;
    vertical-align: middle;
}
header {position: relative; background: #2968b8; color: #fff;}
header a.manage-link {display: block; position: absolute; width: 100%; height: 100%; z-index: 10;}
.login-infor {height: 1.2rem; line-height: 1.2rem; padding: 0 .4rem; display: flex; justify-content: space-between; align-items: center;}
.login-infor .member-name {font-size: .32rem; color: #fff; font-weight: 700;}
.login-infor .member-name img {width: .6rem; height: .6rem; border-radius: .3rem; margin-right: .2rem; vertical-align: middle;}
header .login-btn {font-size: .24rem; cursor: pointer;}
.header-wrap {height: 1.2rem; background: #2968b8;}

.header-manage a.search-btn {display: block; width: 1.4rem; height: .5rem; text-indent: -999px; overflow: hidden; background: url(../../images/beauty/search_btn.png) center center no-repeat; background-size: 1.4rem auto;}
.beauty-header i {display: inline-block; width:.16rem; height: .24rem; background: url(../../images/beauty/icon_return_page.png) left center no-repeat; background-size: .16rem .24rem;
 margin-right: .2rem; position: relative; top: .015rem;}

.prompt-mask {position: fixed; left: 0; top: 0; bottom: 0; right: 0;
    width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 898;}
footer {padding: .3rem; font-size: .24rem; color: #bbb; line-height: .4rem;}
.close-btn {width: .88rem; height: .88rem; position: absolute; display: block; right: 0; top: 0; background: url(../../images/home/close_btn.png) center center no-repeat;
background-size: .28rem auto; cursor: pointer;}
.swiper-pagination {height: auto; font-size: 0; background: transparent; font-size: 0;}
.swiper-pagination-bullet {width: 12px; height: 4px; border-radius: 2px;}
.swiper-pagination-bullet {background: #fff; opacity: .5;}
.swiper-pagination-bullet-active {opacity: 1;}
.icon-loading {width: .42rem; height: .42rem; margin: 0 auto; background: url(../../images/comm/icon_loading.png) left top no-repeat; background-size: 100% auto; cursor: pointer;
    transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: rotation 3s linear infinite;  -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;}
@keyframes rotation{
    from {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    to {transform: rotate(360deg); -webkit-transform: rotate(360deg);}
}

.popup-loading {display: none; padding: .2rem; box-sizing: border-box; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 9999; background: rgba(0,0,0,.6); border-radius: .1rem;}
.popup-loading .loading-title {font-size: .24rem; color: #fff; text-align: center; line-height: 1; margin-top: .1rem;}

.comm-header {background: #333; line-height: .8rem; padding: 0 0 0 .34rem; position: relative; display: flex; justify-content: space-between; align-items: center;}
.go-index {font-size: .32rem; color: #fff;}
.go-index i {display: inline-block; width: .4rem; height: .4rem; background:url(../../images/decorate/icon_left_arrow.png) left center no-repeat; 
    background-size: .24rem auto; vertical-align: -.09rem}
.liba-personal {width: 1.02rem; height: .80rem; background: url(../../images/decorate/icon_personal.png) center center no-repeat; background-size: .32rem auto; text-indent: -9999px; overflow: hidden;}
.detail-page-header {height: .8rem; display: flex; justify-content: space-between; align-items: center; background: #1973c8;}
.detail-page-header a.go-index {padding-left: .35rem;}

.hide-code-msg .J-code-item,
.hide-code-msg .J-code-error {display: none;}

.confirm-mask {display: none; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; right: 0; bottom: 0; font-size: .3rem; z-index: 999;}
.confirm-area {position: absolute; width: 6.9rem; border: .02rem solid #ededed; box-sizing: border-box; background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.confirm-title {line-height: .8rem; border-bottom: .02rem solid #ededed; padding-left: .26rem; background: #f9faf9; color: #666;}
.confirm-content {padding: .3rem;}
.confirm-content a {display: block; text-align: center; line-height: .8rem; box-sizing: border-box;}
a.confirm-btn {background: #1973c9; color: #fff; margin-bottom: .3rem;}
a.confirm-btn.select-btn {margin-bottom: 0;}
a.cancel-btn {border: .02rem solid #1973c9; color: #1973c9;}