@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url('../fonts/SourceHanSansCN-Regular_0.otf');
    font-family: "SourceHanSansCN-Light";
    src: url('../fonts/SourceHanSansCN-Light_0.otf');
    font-family: "SourceHanSansCN-Bold";
    src: url('../fonts/SourceHanSansCN-Bold_0.otf');
    font-family: "NotoSansHans-Medium";
    src: url('../fonts/NotoSansHans-Medium.otf');
}

* {
    -webkit-touch-callout: none; /*系统默认菜单被禁用*/

    -webkit-user-select: none; /*webkit浏览器*/

    -khtml-user-select: none; /*早期浏览器*/

    -moz-user-select: none; /*火狐*/

    -ms-user-select: none; /*IE10*/

    user-select: none;
}

/*公共背景*/
body {
    background: url(Hapsode/Hapsode_Bg.png) no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    margin: 0px;
    height: 100vh;
    max-width: 750px;
    min-width: 320px;
}

/*扫描页-背景*/
.body1 {
    background: url(Hapsode/Hapsode_Bg2.png) no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    margin: 0px;
    height: 100vh;
    max-width: 750px;
    min-width: 320px;
}
/*扫描页-logo*/
.TimageTitletop2 {
    width: 100%;
    height: 2.3rem;
    background: url(Hapsode/Hapsode_Titletop2.png) no-repeat bottom;
    background-size: 70% auto;
    margin: 0px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
    z-index: 99;
}
/*扫描页-稻苗图标*/
#TimageSaoma {
    background: url(Hapsode/Hapsode_Saomas.png) no-repeat;
    width: auto;
    height: 7rem;
    position: relative;
    top: -90%;
    transform: scale(0.39);
    background-size: 100% auto;
    padding-bottom: 56.24%;
}

/*首页-头部*/
.TimageTitle {
    width: 100%;
    height: 100vh;
    background: url(Hapsode/Hapsode_Titles.png) no-repeat;
    background-size: 100% auto;
    margin: 0px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
    z-index: 99;
}
/*首页-内容*/
.ParentContent {
    width: 100%;
    height: 9.6rem;
    background: url(Hapsode/Hapsode_ShouYe.png) no-repeat;
    background-size: 100% auto;
    margin: 0px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
    z-index: 99;
}

/*内容页-提示：码格式不正确*/
.TimageContent2 {
    width: 100%;
    height: 1.7rem;
    background: url(Hapsode/Hapsode_Content2.png) no-repeat bottom;
    background-size: 75% auto;
    margin: 0px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
    /*margin-top: -10%;*/
}
/*内容页--提示：查询正常*/
.TimageContent3 {
    width: 100%;
    height: 1.7rem;
    background: url(Hapsode/Hapsode_Content3.png) no-repeat bottom;
    background-size: 75% auto;
    margin: 0px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
    /*margin-top: -10%;*/
}
/*内容页-提示：超次数*/
.TimageContent4 {
    width: 100%;
    height: 1.7rem;
    background: url(Hapsode/Hapsode_Content4.png) no-repeat bottom;
    background-size: 75% auto;
    margin: 0px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
}

/*内容页-店铺图标*/
#Hapsode_First {
    width: 100%;
    height: 4rem;
    background: url(Hapsode/Hapsode_First.png) no-repeat center;
    background-size: 100% auto;
    margin: 0px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
    padding-bottom: 56.24%;
}

/*内容页-店铺图标*/
#Hapsode_two {
    width: 100%;
    height: 4rem;
    background: url(Hapsode/Hapsode_Two.png) no-repeat center;
    background-size: 100% auto;
    margin: 0px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
    padding-bottom: 56.24%;
}







.body2 {
    background: url(Hapsode/Hapsode_Bg.png) no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    margin: 0px;
    height: 100vh;
    max-width: 750px;
    min-width: 320px;
}

.ParentTitle {
    width: 100%;
    height: 3.8rem;
    margin: 0px;
}

.TimageFrame1 {
    background: url(Hapsode_Frame1.png) 100% 0 no-repeat;
    position: relative;
    width: auto;
    height: .5rem;
    background-size: 100% 100%;
}

.TimageFrame2 {
    background: url(Hapsode_Frame2.png) 100% 0 repeat-y;
    height: 4rem;
    width: auto;
    background-size: 100% 100%;
}

.TimageFrame3 {
    background: url(Hapsode_Frame3.png) 100% 0 no-repeat;
    width: auto;
    height: .7rem;
    background-size: 100% 70%;
}

.TimageFlower {
    background: url(111/6.png) 100% 0 no-repeat;
    height: 0.4rem;
    float: left;
    margin: 0 10px 10px 0;
}

.ParentDiv {
    /*margin-top: 0.4rem;*/
    /*padding: 0px 20px;*/
}

p {
    text-align: center;
    font-size: 22px;
    padding-top: 8%;
    z-index: 99;
}

#Ptip {
    margin-top: -1%;
    text-align: center;
    font-size: 25px;
    color: #5d5a5a;
    z-index: 99;
    background-size: 100% 100%;
    transform: scale(0.55);
}

.status-point {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #009F81;
}

b {
    margin: auto 10px;
}

.Pend {
    font-size: 14px;
    margin: 2px 7px;
    padding-top: 5px;
    color: #5d5a5a;
}

#Btn {
    text-align: center;
    position: relative;
    margin-top: -5rem;
}

#Btnclick {
    width: 4rem;
    height: 1rem;
    background: #61989cfa;
    color: white;
    border-style: none;
}

.TipFlower {
    margin: 0 auto;
}

#productpic {
    background: url(Hapsode_Product.png) 100% 0 no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.sel_btn {
    width: 3rem;
    padding: 0.2rem 0;
    color: #000000;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    outline: none;
    height: 2rem;
}

.ch_cls {
    background-size: 100% 100%;
}

#TimageCode {
    width: auto;
    height: 3.5rem;
    position: relative;
    left: -3.9%;
    top: -8%;
    transform: scale(0.23);
    background-size: 100% auto;
}

.TimageFirst {
    width: 100%;
    height: 5.2rem;
    background: url(Hapsode_First.png) no-repeat;
    background-size: 100% auto;
    margin: 0px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
    z-index: 99;
}

.TimageSecond {
    width: 100%;
    height: 3rem;
    background: url(Hapsode_Second.png) no-repeat;
    background-size: 100% auto;
    margin: 0px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
    z-index: 99;
    margin-top: .4rem;
}


.TimageTitletop {
    width: 100%;
    height: 4rem;
    background: url(Hapsode/Hapsode_Titletop.png) no-repeat center;
    background-size: 78% auto;
    margin-top: 60px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
    z-index: 99;
}

.TimageContent1 {
    width: 100%;
    height: 5.2rem;
    background-size: 100% auto;
    margin-top: 65px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
}

#PtipSearch {
    margin-top: -15%;
    font-size: 24px;
    color: #5d5a5a;
    background-size: 100% 100%;
    transform: scale(0.55);
}

#TimageBottom {
    width: 100%;
    height: 8rem;
    background: url(Hapsode/Hapsode_Bottom.png) no-repeat center;
    background-size: 50% auto;
    margin: 0px;
    max-width: 750px;
    min-width: 320px;
    position: relative;
}