@charset "utf-8";
/*--------------------首页页面部分-------------------------------*/
/*--头部部分--*/
.container{
    max-width: 8rem;
    margin: auto;
}
#topHeard{
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    box-shadow: 0.01rem 0.01rem 0.5rem rgba(0,0,0,0.1);
    background: #ffffff;
    position: fixed;
    top:0;
    left: 15px;
    z-index: 9999;
}
#topHeard #siteLeft{
    height: 1.2rem;
    padding-top: .25rem;
}
#topHeard #siteMiddle{
    height: 1.2rem;
    line-height: 1.2rem;
    padding-right: 0;
}
#topHeard #siteMiddle a{
    background: #f66830;
    color: white;
    font-size: .24rem;
    display: initial;
}
#topHeard #siteRight{
    height: 1.2rem;
    background: url("../images/img_Mobile/button.png") no-repeat center;
    background-size: 50%;
    cursor: pointer;
}
#userBox{
    position: fixed;
    left: 0;
    top: 1.2rem;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 9;
    display: none;
}
#topHeard #userBlock{
    height: 3rem;
    padding-left: 0;
    padding-right: 0;
    z-index: 999;
}
#topHeard #userBlock ul li a{
    height: .8rem;
    line-height: .8rem;
    padding: 0;
    padding-left: .3rem;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    font-size: .24rem;
}
#topHeard #userBlock ul li a:hover{
    color: #f66830;
}
/*---视频播放部分--*/
#videoPage{
    height: 8.7rem;
    position: relative;
}
#videoPage #videoTextOne{
    font-size: .40rem;
    color: #262A32;
    margin-top: .5rem;
}
#videoPage #videoTitle{
    width: .45rem;
    height: .04rem;
    position: absolute;
    top: 1.2rem;
    left: 2.95rem;
}

#videoPage #videoTextTwo{
    font-size: .32rem;
    color: #000000;
    margin-top: .5rem;
}
#videoPage .videoText{
    font-size: .24rem;
    color: #4A4A4A;
    margin-top: .15rem;
}
#videoPage #videoPlay{
    height: 3.5rem;
    margin-top: .6rem;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
#videoPage #videoPlay #video1{
    width: 100%;
    height: 3.5rem;
    border-radius: 0.1rem;
}
#videoPage #videoPlay #videoBg{
    width: 100%;
    height: 3.65rem;
    background: url(../images/img_Mobile/bg1.png) no-repeat center;
    background-size: 97% 100%;
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 9;
}
#videoPage #videoPlay #videoPlayer{
    width: 100%;
    height: 3.65rem;
    background: url(../images/img_Mobile/play.png) no-repeat center;
    background-size: 15%;
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 999;
}
/*--应之手表部分--*/
#userFirst{
    height: 11rem;
    background: url("../images/img_Mobile/image_yingzhishoubaio.png") no-repeat center 1.2rem;
    background-size: 100%;
}
#userFirst #firstY{
    font-size: .4rem;
    color: #262A32;
    margin-top: 1rem;
}
#userFirst #firstLife{
    font-size: .36rem;
    color: #000000;
    margin-top: .32rem;
}
#userFirst #firstBlood,#userFirst #firstHeal{
    font-size: .28rem;
    color: #000000;
    margin-top: .30rem;
}
#userFirst #firstHeal{
    margin-top: .15rem;
}
/*--无创测量血糖值部分--*/
#userSec{
    height: 12rem;
    position: relative;
    overflow: hidden;
}
#userSec #secBlood{
    font-size: .4rem;
    color: #000000;
}
#userSec #secTitle{
    width: .5rem;
    height: .04rem;
    position: absolute;
    top: .8rem;
    left: 2.95rem;
}
#userSec .secText{
    margin-top: .15rem;
    font-size: .24rem;
    color: #4A4A4A;
}
#userSec #secWatch{
    height: 5rem;
    margin-top: .8rem;
    background: url(../images/img_Mobile/image_01_xuetang.png) no-repeat center;
    background-size: contain;
    z-index: 2;
}

#userSec .bg {
    position: absolute;
    top: -4rem;
    left: 0;
    width: 100%;
    height: 6.5rem;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
#watch-section-4 .bg {
    background-image: url(../images/img_Mobile/secBg.png);
}
#watch-section-4 .heart-rate.active {
    -webkit-animation: move 6s 2s infinite;
    animation: move 6s 2s infinite;
}
#watch-section-4 .heart-rate {
    position: absolute;
    top: -4rem;
    width: 100%;
    height: 6.5rem;
    background: url(../images/img_Mobile/secTwo.png) 50% no-repeat;
    z-index: -10;
    left: -10%;
    bottom: 0;
    padding: 0 120% 0 180%;
}
@-webkit-keyframes move{
    0%{left:-120%}
    50%{left:0}
    to{left:0}
}
@-moz-keyframes move {
    0%{left:-120%}
    50%{left:0}
    to{left:0}
}
@-ms-keyframes move {
    0%{left:-120%}
    50%{left:0}
    to{left:0}
}
@keyframes move{
    0%{left:-120%}
    50%{left:0}
    to{left:0}
}
/*--关爱家人，关心朋友部分--*/
#userThr{
    height: 15rem;
    background: url("../images/img_Mobile/family.png") no-repeat center 4rem;
    background-size: 100%;
    position: relative;
}
#userThr #thrFamily{
    font-size: .4rem;
    color: #000000;
    margin-top: .5rem;
}
#userThr #ThrTitle{
    width: .5rem;
    height: .04rem;
    position: absolute;
    top: 1.3rem;
    left: 2.95rem;
}
#userThr .thrText{
    font-size: .24rem;
    color: #4A4A4A;
    margin-top: .12rem;
    line-height: .4rem;
}
/*--健康报告部分--*/
#userFour,#userFive{
    height: 11rem;
    position: relative;
    margin-top: .4rem;
}
#userFive{
    height: 10.5rem;
}
#userFour #fourHealth,#userFive #fiveHealth{
    font-size: .4rem;
    color: #000000;
}
#userFour #fourTitle,#userFive #fiveTitle{
    width: .5rem;
    height: .04rem;
    position: absolute;
    top: .7rem;
    left: 2.95rem;
}
#userFour .fourText,#userFive .fiveText,
#userNine .fiveText,#userTen .fiveText,#userEle .fiveText{
    margin-top: .15rem;
    font-size: .24rem;
    color: #4A4A4A;
    line-height: .4rem;
}
#userFour #fourImg{
    height: 7rem;
    margin-top: .7rem;
    background: url("../images/img_Mobile/02.png") no-repeat center;
    background-size: 100%;
}
#userFive #fiveImg{
    height: 7rem;
    margin-top: .6rem;
    background: url("../images/img_Mobile/16.png") no-repeat center;
    background-size: 100% 100%;
}
/*智能胎心仪部分*/
#userNine{
    /*height: 9rem;*/
    position: relative;
    margin-top: .4rem;
}
#userNine #nineHealth{
    font-size: .4rem;
    color: #000000;
}
#userNine #nineTitle{
    width: .5rem;
    height: .04rem;
    position: absolute;
    top: .7rem;
    left: 2.95rem;
}
#userNine #nineImg{
    height: 19rem;
    /*margin-top: .6rem;*/
    background: url("../images/img_Mobile/linceImg.png") no-repeat center;
    background-size: 90%;
}
/*阿胶红糖姜茶*/
#userTen{
    /*height: 9rem;*/
    position: relative;
    margin-top: .4rem;
}
#userTen #tenHealth{
    font-size: .4rem;
    color: #000000;
}
#userTen #tenTitle{
    width: .5rem;
    height: .04rem;
    position: absolute;
    top: .7rem;
    left: 2.95rem;
}
#userTen #tenImg{
    height: 16rem;
    /*margin-top: .6rem;*/
    background: url("../images/img_Mobile/ten_ejiao.jpg") no-repeat center;
    background-size: 90%;
}
/*鲁中宝胶牌阿胶核桃黑芝麻糕*/
#userEle{
    /*height: 9rem;*/
    position: relative;
    margin-top: .4rem;
}
#userEle #eleHealth{
    font-size: .4rem;
    color: #000000;
}
#userEle #eleTitle{
    width: .5rem;
    height: .04rem;
    position: absolute;
    top: .7rem;
    left: 2.95rem;
}
#userEle #eleImg{
    height: 18rem;
    background: url("../images/img_Mobile/ele_luzhongb.jpg") no-repeat center;
    background-size: 90%;
}
/*亚宝维和维生素C泡腾片*/
#userTwel{
    position: relative;
    margin-top: .2rem;
}
#userTwel #twelHealth{
    font-size: .4rem;
    color: #000000;
}
#userTwel #twelTitle{
    width: .5rem;
    height: .04rem;
    position: absolute;
    top: .7rem;
    left: 2.95rem;
}
#userTwel .fiveText{
    font-size: .24rem;
    color: #4A4A4A;
    line-height: .5rem;
}
#userTwel #twelImg{
    height: 16.8rem;
    background: url("../images/img_Mobile/andro_weiC.jpg") no-repeat center;
    background-size: 90%;
}
/*资质证书*/
#linceBox{
    /*border: 1px solid red;*/
    text-align: center;
    margin-bottom: 0.2rem;
}
#linceBox a{
    font-size: 0.14rem;
    text-decoration: none;
    color: #4A4A4A;
    line-height: 0.3rem;
}
/*--app下载部分--*/
#userSix{
    position: relative;
    margin-top: 1.2rem;
    background:rgba(245,245,245,1);
}
#userSix .sixText{
    font-size: .40rem;
    color: #262A32;
}
#userSix #sixTitle{
    width: .5rem;
    height: .04rem;
    position: absolute;
    top: 1.8rem;
    left: 2.95rem;
}
#userSix #downlImg{
    height: 2.3rem;
    margin-top: .65rem;
    background: url("../images/img_Mobile/image_erweima_cdn.png") no-repeat center;
    background-size: 35%;
}
#userSix #iosDrown{
    height:.9rem;
    line-height: .9rem;
    margin-top: .3rem;
}
#userSix #iosDrown a{
    font-size: .24rem;
    color: #ffffff;
    padding: .35rem .6rem .35rem .6rem;
    background:url("../images/img_Mobile/ios.png") no-repeat center;
    background-size: 100%;
    text-decoration:none
}
#userSix #andDrown{
    height:.9rem;
    line-height: .9rem;
    margin-top: .3rem;
}
#userSix #andDrown a{
    font-size: .24rem;
    color: #ffffff;
    padding: .3rem;
    background:url("../images/img_Mobile/Android.png") no-repeat center;
    background-size: 100%;
    text-decoration:none
}
#userSix #sixImg{
    height: 7rem;
    background: url("../images/img_Mobile/04.png") no-repeat 1.5rem 0.5rem;
    background-size: 100%;
}
/*--硬件参数部分--*/
#userSeven{
    /*height:12.7rem;*/
    background: linear-gradient(to bottom,#101621 0%,#565c69 100%);
    position:relative;
}
#userSeven #sevenText{
    height:1.6rem;
    font-size:0.4rem;
    color:rgba(255,255,255,1);
    line-height:0.9rem;
    margin-top: .4rem;
}
#userSeven #sevenTitle{
    width: .5rem;
    height: .04rem;
    position: absolute;
    top: 1.4rem;
    left: 2.95rem;
}
.thumbnail{
    background: none;
    border: none;
    padding: 0;
    padding-top: .35rem;
}
.thumbnail .caption {
     padding: 0;
     color: white;
}
#userSeven .sevenProcessor{
    height: 2.7rem;
    border-right:1px solid #757982;
    border-bottom: 1px solid #757982;
    padding-left: 0;
    padding-right: 0;
}
#userSeven .sevenSensor{
    height: 2.7rem;
    border-bottom: 1px solid #757982;
    padding-left: 0;
    padding-right: 0;
}



/*--尾部部分--*/
#userEight{
    height: 6.5rem;
    background: #333333;
}
#userEight #eightImg{
    height: 3rem;
    text-align: center;
    background: url(../images/img_Mobile/official01.png) no-repeat center;
    background-size: 40%;
    margin-top: 0.3rem;
}
#userEight #text_One{
    font-size: .36rem;
    color: #ffffff;
}
#userEight #text_Two{
    font-size: .24rem;
    color: #ffffff;
}
#userEight #text_Thr{
    font-size: .24rem;
    color: #f66830;
}
#userEight #text_For{
    height: 1rem;
    border-top:1px solid #4d4d4d;
    margin-top: .3rem;
    font-size: .18rem;
    color: #999999;
    padding-left: 0;
    padding-right: 0;
    line-height: .4rem;
    width: 93%;
    margin-left: .25rem;
}
/*--------------------常见问题页面部分-------------------------------*/
/*#userQues{
    margin-top: 1.2rem;
}
#userQues #quesText_First{
    height: 0.8rem;
    line-height: 1rem;
    font-size: .28rem;
    color: #999999;
}
#userQues #userList ul li{
    height: .9rem;
    line-height: .9rem;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}
#userQues #userList ul li a{
    font-size: .28rem;
    color: #333333;
    text-decoration: none;
}*/

/********************--常见问题二页面--********************/
#userQues{
    margin-top: 1.2rem;
}
#userQues #quesText_First{
    height: 0.8rem;
    line-height: 1rem;
    font-size: .28rem;
    color: #999999;
}
#userQues #quesText_Sec{
    height: 0.8rem;
    line-height: 1rem;
    font-size: .28rem;
    color: #999999;
}
#userQues #userList ul li{
    height: .9rem;
    line-height: .9rem;
    border-bottom: 1px solid #e0e0e0;
}
#userQues #userList ul li a{
    font-size: .24rem;
    color: #333333;
    text-decoration:none;
}
.modal{
    display: block;
    background-color: #ffffff;
}
#modal_Back{
    height: 1rem;
    line-height: 1rem;
    font-size: .22rem;
    border-bottom: 1px solid #eeeeee;
}

#modal_Back #myModal_Pre{
    border: 1px solid red;
    height: 1rem;
    text-align: left;
    padding-left: 10px;
    font-size: .26rem;
}

#modal_content{
    height:5rem;
    border: 1px solid red;
}
#modal_content .mySlides{
    display: none;
}
/*--------------------下载页面部分-------------------------------*/
#downFir{
    height: 13.5rem;
    position: relative;
    margin-top: 1.22rem;
    background: url(../images/img_Mobile/03.png) #dcdcda no-repeat center 4.5rem;
    background-size: 100%;
}
#downFir #downLogo{
    height: 2rem;
    margin-top: .5rem;
    background: url("../images/img_Mobile/icon.png") no-repeat center;
    background-size: 20%;
}
#downFir #fir_Text{
    height: 1rem;
    /*margin-bottom: .3rem;*/
    text-align: center;
    line-height: 1rem;
}
#downFir #fir_Text a{
    padding: .25rem;
    font-size: .28rem;
    background-color: #f66830;
    color: white;
    border-radius: .05rem;
    text-decoration: none;
}
#downFir #sec_Text{
    height: .5rem;
    margin-bottom: .3rem;
    text-align: center;
    line-height: .5rem;
    color: #636b7c;
    font-size: .18rem;
}

#downFir #ios_Drown{
    height:.9rem;
    line-height: .9rem;
}
#downFir #ios_Drown a{
    font-size: .24rem;
    color: #ffffff;
    padding: .35rem .6rem .35rem .6rem;
    background:url("../images/img_Mobile/ios.png") no-repeat center;
    background-size: 100%;
    text-decoration:none
}
#downFir #and_Drown{
    height:.9rem;
    line-height: .9rem;
}
#downFir #and_Drown a{
    font-size: .24rem;
    color: #ffffff;
    padding: .3rem;
    background:url("../images/img_Mobile/Android.png") no-repeat center;
    background-size: 100%;
    text-decoration:none
}
#downFir #downText{
    height: 1rem;
    line-height: 1rem;
    font-size: .4rem;
    color: #333333;
}
/*--二--*/
#downSec{
    height: 4rem;
}
.media-body, .media-left, .media-right {
    vertical-align: middle;
}
#downSec #downTest,#downSec #downFriend,#downSec #downAssess{
    height: 1.4rem;
    margin-top: .4rem;
    padding-left: .8rem;
}
/*--------------------返回页面部分-------------------------------*/
#topBack{
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    /*box-shadow: 0.01rem 0.01rem 0.5rem rgba(0,0,0,0.1);*/
    background: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
    position: fixed;
    top:0;
    left: 15px;
    z-index: 999;
}
#topBack #backFir{
    height: .88rem;
    background: url(../images/img_Mobile/back.png) no-repeat .2rem 0.3rem;
    background-size: 8% 30%;
}
#topBack #backFir ul li a{
    font-size: .26rem;
    color: #333333;
    padding-left: .45rem;
    text-decoration: none;
 }