@charset "utf-8";
/* CSS Document */
html {
    /*font-size: 62.5%;*/
}

body, ul, ol, dl, li, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, table, th, td {
    padding: 0;
    margin: 0;
}

body {
    font-family: "Microsoft YaHei";
    font-size: 12px;
    margin-bottom: 5% !important;
}

ol, ul, li {
    list-style: none
}

ol, ul {
    list-style: none
}

fieldset {
    border: 0
}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    width: auto;
    display: block
}

a {
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input, select, button, label {
    vertical-align: middle;
    font-size: 12px
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0;
}

.hoverlight {
    animation:light_move 5s linear 2s normal none infinite running ;
    background-image: -webkit-linear-gradient(0deg, rgba(0, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: skewX(-15deg);
    width: 20%;
}

@keyframes light_move {
    0% {
        left: -180px;
    }
    30% {
        left: 100%;
    }
    75% {
        left: 50px;
    }
    100% {
        left: 120px;
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

#wapSeptember span {
    left: 28%;
    position: absolute;
    bottom: 6%;
    width: 43%;
    animation: pulse 1.5s ease 0s normal none infinite running ;
}

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

.left {
    float: left
}

.right {
    float: right
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.div-main, #m_div {
    margin: 0 auto;
    max-width: 720px;
    min-width: 320px;
    overflow: hidden;
    width: 100%;
}

.index {
    background: #eaeaea
}

.div-main p {
    line-height: normal;
}

#m_div {
    background: #fff
}

header {
    max-width: 720px;
    min-width: 320px;
    position: fixed;
    width: 100%;
    z-index: 102;
}

header .logo {
    width: 100%;
    margin: 0 auto;
}

header section {
    width: 94%;
    margin: 0 auto
}

header section .left {
    width: 6%;
    position: absolute;
    left: 3%;
    top: 30%;
}

header section .search {
    width: 78%;
    border-radius: .5rem;
    background: #fff;
    padding: 2.5% 0;
    margin-left: 3.5%;
    float: left
}

header section .right {
    width: 7.5%;
    position: absolute;
    right: 2%;
    top: 20%;
}

.null {
    width: 100%;
    padding-bottom: 13%
}

.search input[type="submit"] {
    background: url(../../res.bjmylike.com/3g/17new/index/sou.jpg) no-repeat;
    width: 5%;
    display: inline-block;
    border: none;
    padding: 4% 4% 0;
    background-size: 85%;
    margin-left: 3%
}

.search input[type="text"] {
    width: 60%;
    font-size: 2.2rem;
    color: #9e9e9e;
    border: none;
}

.banner {
    position: relative;
    overflow: hidden;
}

.banner ul {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.banner ul li {
    width: 100%;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
}

.banner .pagination {
    width: 100%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    bottom: 2%
}

.banner .pagination span {
    width: 1.2rem;
    background: #e2e2e2;
    display: inline-block;
    margin-left: 1.5%;
    border-radius: 100%;
    height: 1.2rem;
    border: 1px solid #fff;
}

.banner .pagination .swiper-pagination-bullet-active {
    background: #761f72;
    border: 1px solid #ccc;
}

/* august J */
#augustBanner a {
    position: absolute;
    bottom: 7%;
    left: 50%;
    margin-left: -8%;
    width: 18.5%;
}

#augustBanner a img {
    animation: circle 3s linear 0s normal none infinite running ;
}

#augustBanner a h3 {
    position: absolute;
    top: 32%;
    left: 0;
    text-align: center;
    color: #005a61;
    font-size: 2.1rem;
    line-height: 110%;
    width: 100%;
}

#discount {
    max-width: 720px;
    min-width: 320px;
    padding-bottom: 0;
    position: fixed;
    bottom: 16%;
    width: 100%;
    z-index: 102;
    left: -100%
}

#discount section {
    width: 95%;
    margin: 0 auto 0

}

#discount section .discount_close {
    width: 6%;
    position: absolute;
    right: 2%;
    top: 0;
    cursor: pointer;
    padding-bottom: 3%
}

#discount section p {
    font-size: 2.4rem;
    color: #fff;
    width: 45%;
    position: absolute;
    top: 28%;
    left: 27%;
    line-height: 140%
}

#discount section a {
    display: block;
    width: 25%;
    text-align: center;
    position: absolute;
    right: 8%;
    top: 0;
    font-size: 3rem;
    color: #fff;
    padding: 6.5% 0;
    line-height: 140%;
}

@keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

/* qixi J */
#qixiBanner a {
    position: absolute;
    bottom: 19%;
    right: 13.19%;
    width: 17.36%;
    animation: pulse 1.5s ease 0s normal none infinite running ;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

footer {
    margin-top: 5%;
    background: #fff;
    overflow: hidden;
    padding-bottom: 20%;
    width: 100%
}

footer .footer-tel {
    background: #ff8010;
    border-radius: 1.5rem;
    width: 76%;
    margin: 4% auto 0;
    padding: 3% 0 3% 18%;
    font-size: 3rem;
    color: #fff;
    position: relative;
    display: block;
    line-height: 270%;
}

footer .footer-tel img {
    width: 5.5%;
    position: absolute;
    top: 20%;
    left: 10%
}

footer section {
    width: 100%;
    margin: 3% auto 0;
    position: relative;
}

footer section img {
    width: 94%;
    margin: 0 auto
}

footer section article {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

footer section article ul {
    overflow: hidden;
}

footer section article ul li {
    font-size: 2rem;
    width: 20%;
    margin-left: 4%;
    text-align: center;
    float: left;
}

footer section article ul li a {
    color: #333333;
    line-height: 150%;
}

footer section article p {
    font-size: 1.6rem;
    color: #727272;
    margin: 3% 0 0 41%
}

.flex-nav {
    bottom: 0;
    display: flex;
    max-width: 720px;
    min-width: 320px;
    position: fixed;
    width: 100%;
    z-index: 102;
    padding-bottom: 0
}

.flex-nav ul {
    width: 100%
}

.flex-nav ul li {
    float: left;
    width: 42%;
    background: #9069c3;
    padding: 5% 0
}

.flex-nav ul li:last-child {
    width: 16%;
    background: #6f1a6e;
    padding: .1% 0
}

.flex-nav ul li:nth-child(2) {
    background: #ff8010
}

.flex-nav ul li a {
    font-size: 2.2rem;
    color: #fff;
    display: block;
    position: relative;
    padding-left: 45%;
}

.flex-nav ul li a img {
    position: absolute;
}

.flex-nav ul li:first-child a img {
    width: 14.2%;
    top: 2%;
    left: 28%
}

.flex-nav ul li:nth-child(2) a img {
    width: 14%;
    top: 1%;
    left: 28%
}

.flex-nav ul li:last-child a {
    font-size: 1.4rem;
    padding-left: 0;
    text-align: center;
    padding-top: 44.5%;
    padding-bottom: 17%
}

.flex-nav ul li:last-child a img {
    width: 30.5%;
    top: 19%;
    left: 36%
}

/* 商务通按钮动态样式 */
#swt .swtbtn {
    position: absolute;
    display: block;
    left: 45px;
    top: 152px;
    width: 55.5px;
    height: 55.5px;
    border-radius: 50%;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    z-index: 4;
}

#swt .swtbtn img {
    display: block;
    width: 55.5px;
    height: 55.5px;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: -10px;
    z-index: 200;
}

#swt .swtbtn .s1, #swt .swtbtn .s2, #swt .swtbtn .s3 {
    display: block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #eb9bb3;
    position: absolute;
    left: 50%;
    margin-left: -37.5px;
    top: 50%;
    margin-top: -37.5px;
    z-index: 10;
}

#swt .swtbtn .s1 {
    -webkit-animation: kuosan 3s linear infinite;
    -moz-animation: kuosan 3s linear infinite;
    animation: kuosan 3s linear infinite;
}

#swt .swtbtn .s2 {
    -webkit-animation: kuosan 3s linear 0.8s infinite;
    -moz-animation: kuosan 3s linear 0.8s infinite;
    animation: kuosan 3s linear 0.8s infinite;
}

#swt .swtbtn .s3 {
    -webkit-animation: kuosan 3s linear 1.6s infinite;
    -moz-animation: kuosan 3s linear 1.6s infinite;
    animation: kuosan 3s linear 1.6s infinite;
}

@-webkit-keyframes kuosan {
    from {
        opacity: 1;
        -webkit-transform: scale(0) translate3d(0, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.5) translate3d(0, 0, 0)
    }
}

@-moz-keyframes kuosan {
    from {
        opacity: 1;
        -moz-transform: scale(0) translate3d(0, 0, 0)
    }
    to {
        opacity: 0;
        -moz-transform: scale(1.5) translate3d(0, 0, 0)
    }
}

@-o-keyframes kuosan {
    from {
        opacity: 1;
        -o-transform: scale(0) translate3d(0, 0, 0)
    }
    to {
        opacity: 0;
        -o-transform: scale(1.5) translate3d(0, 0, 0)
    }
}

@keyframes kuosan {
    from {
        opacity: 1;
        transform: scale(0) translate3d(0, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(1.5) translate3d(0, 0, 0)
    }
}

.top_tips {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(10, 2, 4, 0.75);
    color: #000;
    height: 50px;
    line-height: 50px;
    padding: 1% 0;
    max-width: 720px;
    position: fixed;
    top: -90px;
    width: 100%;
    z-index: 999;
    overflow: hidden;
}

.top_tips img {
    border-radius: 5px;
    float: left;
}

.top_tips ul {
    float: left;
    margin-left: 1%;
    width: 84%;
    overflow: hidden;
}

.top_tips ul li {
    font-size: 14px !important;
    height: 24px;
    line-height: 24px;
}

/*底部改版*/
/*.nav-db {
  bottom: 0;
  display: flex;
  max-width: 720px;
  min-width: 320px;
  position: fixed;
  width: 100%;
  z-index: 102;
 
}
.nav-db ul{
  height:12rem;
  width:100%;
  margin:0 auto;
  background:#653998;
}
.nav-db li{
  float: left;
  width:19%;
  padding:0;
}
.nav-db li a{
  display: block;
  color: #ffffff;
  text-align: center;
  font-size: 2.4rem;
  line-height:150%;
  display: block;
}
.nav-db li:first-child{
  margin-left: 2%
}
.nav-db li:nth-child(2){
 
}
.nav-db li:nth-child(3){
  width:22.79%;
  margin-top: 0;
  position: relative;
}
.nav-db li:nth-child(3) img{
  position: absolute;
  top:-4.4rem; left:0;
}
.nav-db li:nth-child(4){
  margin-left: 22%;
}
.nav-db li:last-child{

}
.nav-db li .icon-db{
  width:42%;
  margin:1rem auto 0;
  position:relative;
}
.nav-db li .icon-db em{ position:absolute; top:0.7rem; right:1px; display: inline-block; width: 16px; height:16px; border-radius: 10px; background: #ff0000; font-size: 11px; color:#fff; line-height: 16px; text-align:center; font-style: normal;}
.nav-db li:first-child .icon-db{
  
}
.nav-db li:nth-child(2) .icon-db{
 
}
.nav-db li:nth-child(3) .icon-db{
 
}
.nav-db li:nth-child(4) .icon-db{
  
}
.nav-db li:last-child .icon-db{
 
}*/
footer .advance {
    margin: 5% 0;
}

footer .advance img {
    display: block;
    width: 100%;
}

/*尾部start*/
.zttcfoot {
    bottom: 0;
    max-width: 720px;
    min-width: 320px;
    position: fixed;
    width: 100%;
    z-index: 102;
    padding-bottom: 0;
}

.zttcfoot ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0
}

.zttcfoot li {
    list-style: none;
    float: left;
    width: 25%;
    text-align: center;
    height: 100px;
    padding-top: 1%;
    box-sizing: border-box;
}

.zttcfoot li.zft1 {
    width: 19%;
}

.zttcfoot li.zft2 {
    width: 19%;
}

.zttcfoot li.zft3 {
    width: 19%;
}

.zttcfoot li.zft4 {
    width: 19%;
}

.zttcfoot li.zft5 {
    width: 24%;
    float: left;
    position: relative;
}

.zttcfoot li.zft5 img {
    display: block;
    height: auto;
    width: 73%;
}

.ftfqboxbg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 26px;
    height: 80px;
}

.ftfqbox {
    left: 12%;
    position: absolute;
    top: -26%;
    width: 100%;
}

@media (min-width: 640px) {
    .ftfqbox {
        left: 15%;
        position: absolute;
        top: -59%;
        width: 100%;
    }
}

.ftfqbox img {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
}

.zttcfoot li a {
    text-decoration: underline;
}

.zttcfoot li img {
    width: 40%;
    display: block;
    margin: 0 auto
}

.zttcfoot li span {
    padding-top: 2%;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 2.4rem;
    line-height: 140%
}

.zttcfoot li a {
    text-decoration: none;
}

.zttcfoot li.zxli a {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.zttcfoot li.zxli em {
    color: #fff;
    top: 3%;
    position: absolute;
    font-style: normal;
    left: 59%;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background: #ff0000;
    line-height: 16px;
    text-align: center;
}

/* 分期标识 */
.fq-top {
    width: 13.2%;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10;
}

@-webkit-keyframes bounce {
    0%,100%,20%,50%,80%{
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40%{
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    60%{
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}
@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    60% {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

.bounce {
    -webkit-animation: bounce 1.5s infinite;
    animation: bounce 1.5s infinite
}

/*内嵌商务通css*/
.kst-div {
    width: 100%;
    max-width: 720px;
    margin: 3% auto 5%;
}

.kst-div h2 {
    background: #434246;
    color: #fff;
    font-size: 2.7rem;
    text-align: center;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    position: relative;
}

.kst-div h2 span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
}

.kst-div .wechat-content {
    width: 100%;
    background: #e5e5e5;
    padding-bottom: 3%;
}

.kst-div .wechat-content p {
    position: relative;
    margin-bottom: 2%;
}

.kst-div .wechat-content p span {
    position: absolute;
    left: 15.27%;
    bottom: 12%;
    color: #2c2c2c;
    font-size: 2.4rem;
    line-height: normal;
}

.kst-div .wechat-content .wechat-question {
    width: 94.44%;
    margin: 15% auto 0;
}

.kst-div .wechat-content .wechat-question a {
    width: 23.088%;
    margin: 0 0 0 1.5%;
    border-radius: 8px;
    border: 1px solid #000;
    color: #000;
    font-size: 2.4rem;
    display: block;
    float: left;
    background: #fff;
    text-align: center;
    padding: 1.5% 0;
}

.kst-div .wechat-content .wechat-question a:first-child {
    margin-left: 0;
}

.kst-div .KSTChatBox {
    position: relative;
}

.kst-div .KSTChatBox .textarea {
    width: 39%;
    height: 52%;
    position: absolute;
    left: 22%;
    bottom: 17%;
    border: 0;
    font-size: 2.4rem;
    resize: none;
}

.kst-div .KSTChatBox .KSTsendTxtBtn {
    width: 15%;
    position: absolute;
    right: 22%;
    bottom: 13%;
    color: #fff;
    font-size: 2.8rem;
    display: block;
    line-height: 260%;
    text-align: center;
}

.kst-div .KSTChatBox .call {
    display: block;
    width: 20%;
    position: absolute;
    right: 1%;
    bottom: 13%;
    font-size: 2.8rem;
    line-height: 260%;
    text-align: center;
    color: #fff;
}

.activity {
    background:url(../../res.bjmylike.com/wap/images/banner_botttom/act1.jpg)no-repeat scroll center;
    background-size: 100%;
    margin: 2% 0;
    display: block;
    position: relative;
    /*background: #83589d;*/
}
/* 美鼻节按钮 */
.activity .rush{
    position: absolute;
    width: 100%;
    height: 40%;
    right: 0;
    top: 0%;
}
/* 皮肤科按钮 */
.activity .rush2{
    position: absolute;
    width: 13%;
    height: 25%;
    right: 6%;
    top: 11%;
}
.
.activity .left {
    background: url(../../res.bjmylike.com/3g/17new/index/hb.jpg) no-repeat scroll 0 0 / 100% auto;
    color: #1d1d1d;
    font-size: 3.6rem;
    padding: 3% 0 6%;
    text-align: center;
    width: 8%;
    line-height: 99%
}

.activity .act_theme {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 21% 0 4%;;
}
.act2{
    background:url(../../res.bjmylike.com/wap/images/banner_botttom/act2.jpg)no-repeat scroll center;
    background-size: 100%;
}
/*无创*/
.Noninvasive{
    background:url(../../res.bjmylike.com/wap/images/banner_botttom/bnsyhbj.jpg)no-repeat scroll center;
    background-size: 100%;
}
.Noninvasive .act_theme,.act2 .act_theme{padding:21% 0 4%}
.act_quban{
    background:url(../../res.bjmylike.com/wap/images/banner_botttom/chaopimiao.jpg)no-repeat scroll center;
    background-size: 100%;
}


.activity .act_theme ul li {
    float: left;
    position: relative;
    width: 29.6%;
}

.activity .act_theme ul li section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.activity .act_theme ul li section h3 {
    font-size: 2.4rem;
    color: #373738;
    padding-top: 10%;
    font-weight: normal;
    line-height: 140%
}

.activity .act_theme ul li section h4 {
    font-size: 2.4rem;
    color: #b44bc0;
    padding-top: 12%;
    line-height: 120%
}

.activity .act_theme ul li section h4 span {
    font-size: 6rem;
    font-weight: bold;
}

.activity .act_theme ul li section h5 {
    font-size: 2.4rem;
    color: #b3b3b4;
    border: 1px solid #b3b3b4;
    border-radius: 1em;
    width: 77%;
    margin: 2% auto;
    line-height: 109%;
    font-weight: normal;
    padding: 1% 0
}

.activity .act_theme ul li section aside {
    font-size: 3rem;
    color: #373738;
    padding-top: 1%
}

.activity .act_theme ul li section b {
    font-size: 4.2rem;
    color: #b44bc0;
    line-height: 100%
}

.activity .act_theme ul li section .last {
    padding-top: 21%
}

.activity .act_theme ul li section p {
    border: 1px solid #ccc;
    border-radius: 0.5em;
    color: #b44bc0;
    font-size: 3.4rem;
    line-height: 100%;
    margin: 0 auto;
    padding: 1% 0;
    width: 76%;
}

.activity .act_theme ul li .hand {
    bottom: 6%;
    position: absolute;
    right: 13%;
    width: 13%;
    animation: dong 1s infinite linear;
    -webkit-animation: dong 1s infinite linear;
    -moz-animation: dong 1s infinite linear;
    -o-animation: dong 1s infinite linear;
}

@keyframes dong {
    0% {
        transform: translateY(3px);
    }
    25% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-3px);
    }
    75% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(3px);
    }
}

@-webkit-keyframes dong {
    0% {
        transform: translateY(3px);
    }
    25% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-3px);
    }
    75% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(3px);
    }
}

@-moz-keyframes dong {
    0% {
        transform: translateY(3px);
    }
    25% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-3px);
    }
    75% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(3px);
    }
}

@-o-keyframes dong {
    0% {
        transform: translateY(3px);
    }
    25% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-3px);
    }
    75% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(3px);
    }
}

/* 新内链商务通对话框 */

.kst-dialog {
    overflow: hidden;
    position: relative;
}

.kst-dialog .show-dialog {
    position: absolute;
    width: 100%;
    display: none;
}

.kst-dialog .dialog {
    position: relative;
    font-size: 1.2rem;
    line-height: 150%;
    color: #2c2c2c;
}

.kst-dialog .pp1 {
    position: absolute;
    font-size: 1.4rem;
    line-height: 100%;
    color: #ffffff;
    left: 3%;
    top: 5%;
}

#showOne {
    left: 0;
    top: 20%;
}

#showTwo {
    left: 0;
    top: 42%;
}

.kst-dialog .dialog span {
    position: absolute;
    width: 72%;
    left: 18%;
    top: 8%;
}

.kst-dialog h3 {
    text-align: center;
    font-size: 1rem;
    color: #09080a;
    font-weight: normal;
    line-height: 150%;
    margin-bottom: 1%;
}

.wechat-question {
    position: absolute;
    width: 95%;
    bottom: 17%;
    left: 3%;
}

.kst-dialog .wechat-question a:first-child {
    margin-left: 0;
}

.kst-dialog .wechat-question a {
    width: 23.088%;
    margin: 0 0 0 1.5%;
    border-radius: 8px;
    border: 1px solid #000;
    color: #000;
    font-size: 1.4rem;
    display: block;
    float: left;
    background: #fff;
    text-align: center;
    padding: 1.5% 0;
}

.kst-dialog .KSTChatBox {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #f1f1f1;
    overflow: hidden;
    padding: 1.5% 0;
}

.kst-dialog .call {
    display: block;
    width: 26%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 3.5% 0;
}

.kst-dialog .call img {
    display: inline-block;
    vertical-align: middle;
    width: 24%;
    -webkit-animation: tada 1.5s linear normal both infinite;
    animation: tada 1.5s linear normal both infinite;
}

.kst-dialog .call span {
    font-size: 1.4rem;
    line-height: 100%;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.kst-dialog .KSTChatBox input {
    float: left;
    resize: none;
    width: 75%;
    color: #000;
    font-size: 1.2rem;
    line-height: 150%;
    padding: 2% 0 2% 2%;
    background: #ffffff;
    border: 1px solid #858585;
    border-radius: 4px;
    margin-left: 2%;
}

.kst-dialog .KSTChatBox a {
    float: left;
    width: 15%;
    text-align: center;
    background: #d049a6;
    color: #ffffff;
    font-size: 1.23rem;
    line-height: 260%;
    border-radius: 4px;
    margin-left: 2%;
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

/* special top */
#specailTop {
    background: #404040;
    width: 100%
}

#TopSepecial {
    width: 100%;
    margin: 0 auto;
}

#TopSepecial img {
    display: block;
    width: 100%;
}

#TopSepecial .Toptheme {
    overflow: hidden;
    width: 100%;
    position: relative;
}

#TopSepecial .Toptheme ul {
    width: 90%;
    margin: 0 auto;
    display: inline-flex;
}

#TopSepecial .Toptheme li {
    font-size: 2.4rem;
    line-height: 300%;
    float: left;
    width: 22.5%;
    border-right: 1px solid #c4c4c4
}

#TopSepecial .Toptheme a {
    display: block;
    color: #fff;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

#TopSepecial .Toptheme a.active {
    color: #8d199c;
    background: #fff;
}

#TopSepecial .TopSprev {
    background: none;
    left: 2%;
    position: absolute;
    top: 32%;
    width: 2%;
    z-index: 190
}

#TopSepecial .TopSnext {
    background: none;
    right: 2%;
    position: absolute;
    top: 32%;
    width: 2%;
    z-index: 190;
}

/* new */
body {
    background: #262433;
}

.div-main {
    background: #fff
}

.pop_title {
    background: url(../../res.bjmylike.com/wap/images/new-index/pop_title.jpg) no-repeat scroll left top / 100% 100%;
}

.pop_title span {
    color: #fff;
}

.popMenus {
    background: #fff;
}

.menuNavs {
    background: #574d82;
}

.menuNavs ul li.on {
    color: #222;
    background: #fff;
}

.menuList .links a {
    color: #222;
}

.menuNavs ul li.on a {
    color: #222;
}

.menuList h4 {
    color: #222;
}

header {
    overflow: hidden;
    max-width: 720px;
    min-width: 320px;
    position: fixed;
    width: 100%;
    z-index: 102;
    padding: 0;
}

header .logo-bg {
    width: 100%;
}

header section {
    width: 94.44%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 2.78%;
}

header .logo {
    width: 54.85%;
    margin: 4% 0 0 16.91%;
    float: left;
}

header section .left {
    width: 4.8611%;
    margin: 5% 0;
    position: unset;
}

header section .right {
    width: 5.6944%;
    margin: 5% 0;
    position: unset;
}

#index-bottom {
    max-width: 720px;
    min-width: 320px;
    width: 100%;
    z-index: 199;
    padding: 0;
    background: url(../../res.bjmylike.com/wap/images/new-index/bottom_bg.png) repeat-x scroll left top / 100% 100%;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
}

#index-bottom div {
    width: 97.22%;
    margin: 0 auto;
}

#index-bottom a {
    display: block;
    float: left;
    width: 17.85%;
}

#index-bottom a span {
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    display: block;
    margin-top: 2%;
}

#index-bottom a:nth-child(1) {
    margin: 0;
}

#index-bottom a:nth-child(1) img, #index-bottom a:nth-child(4) img, #index-bottom a:nth-child(5) img, #index-bottom a:nth-child(2) img {
    padding-top: 5%;
    padding-bottom: 5%;
}

#index-bottom a:nth-child(2) {
    margin: 0 2% 0 1.428%;
}

#index-bottom a:nth-child(4) {
    margin: 0 2.57% 0 1%;
}

#index-bottom a:nth-child(3) {
    width: 21.428%;
    margin-top: -10%;
}

#index-bottom .bottom-03 {
    position: relative;
}

#index-bottom .bottom-03 em {
    background: red none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    height: 16px;
    left: 59%;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 42%;
    width: 16px;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite
}

#index-bottom a:nth-child(3) i {
    position: absolute;
    top: 15%;
    left: 29%;
    width: 43%;
    animation: pulse 1s ease 0s normal none infinite running ;
}

#index-bottom a:nth-child(4) img {
    animation: pulse 1s ease 0s normal none infinite running ;
}

#index-bottom a:nth-child(5) {
    position: relative;
}

#index-bottom a:nth-child(5) img {
}

#specialBottom {
    max-width: 720px;
    min-width: 320px;
    width: 100%;
    padding: 0 0 10%;
    margin: 0 auto;
    position: relative;
}

#specialBottom a {
    position: absolute;
    left: 3%;
    top: 59%;
    width: 16.944%;
    display: block;
    border: 1px solid #988ad9;
    color: #988ad9;
    font-size: 2rem;
    border-radius: 3rem;
    line-height: 200%;
    text-align: center;
}

#specialBottom a:nth-child(2) {
    left: 22%;
}

#specialBottom p {
    text-align: center;
    position: absolute;
    bottom: 23%;
    left: 0;
    width: 100%;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.banner {
    position: relative;
    overflow: hidden;
}

.banner ul {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.banner ul li {
    width: 100%;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
}

.banner .pagination-index {
    width: 100%;
    overflow: hidden;
    text-align: center;
    z-index: 100;
    bottom: 0;
    position: absolute;
}

.banner .pagination-index .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.banner .pagination-index .swiper-pagination-bullet-active {
    background: #7c57e7
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(.5, .1, .5, 1);
        transform: translateZ(0)
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(.10, .05, .10, .06);
        transform: translate3d(0, -10px, 0)
    }
    70% {
        animation-timing-function: cubic-bezier(.10, .05, .10, .06);
        transform: translate3d(0, 0px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.free_tel .tel_db {
    display: inline;
    float: left;
    position: relative;
    width: 64%;
    background: #f1f1f1 none repeat scroll 0 0;
    border: .2rem solid #7d7d7d;
    border-radius: 1em;
    padding: 1%;
    margin-left: 2%
}

.free_tel .tel_db .sup {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 0 none;
    display: inline;
    float: left;
    font-size: 3rem;
    outline: medium none;
    width: 67%;
    padding: 1.5% 0 1.5% 2%;
    color: #666;
    line-height: 140%
}

.free_tel .tel_db .subswt {
    background: #8957a1 none repeat scroll 0 0;
    border-radius: .4em;
    color: #fff;
    display: inline;
    float: right;
    font-size: 2.5rem;
    text-align: center;
    vertical-align: middle;
    width: 30%;
    padding: 2.5% 0;
    border: 0 none;
    -webkit-appearance: none;
}

.free_tel a {
    background: #b63353 none repeat scroll 0 0;
    border-radius: .4em;
    color: #fff;
    display: block;
    float: right;
    font-size: 2.5rem;
    margin: 0 2% 2% 0;
    text-align: center;
    vertical-align: middle;
    width: 26%;
    padding: 2.65% 0;
    line-height: 140%
}

.contentBanner img {
    display: block;
    margin: 0 auto;
}

.banner img {
    display: block;
    margin: 0 auto;
}

/* common.js */
.swtLeft {
    display: block;
    width: 17.638%;
    top: 70%;
    left: 0;
    z-index: 200;
    position: fixed;
    max-width: 150px;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
}

.s-ripple {
    cursor: pointer;
    position: fixed;
    width: 17%;
    max-width: 331px;
    z-index: 1000;
    top: 30%;
    right: 2%;
}

#center {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #0b7bd2;
    border-radius: 4px;
    box-shadow: 3px 0 8px #ccc;
    height: 128px;
    left: 7%;
    top: 35%;
    width: 85%;
    position: fixed;
    z-index: 2147483647;
    display: none;
}

#center .left-sup {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 25px;
    left: 2%;
    padding: 0 5px;
    top: 19px;
    width: 69%;
    z-index: 2;
    font-size: 12px;
    outline: medium none;
    position: absolute;
}

#center .subswt {
    background: #2590e2 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    left: 77%;
    line-height: 24px;
    right: 4%;
    text-align: center;
    top: 21px;
    outline: medium none;
    position: absolute;
    -webkit-appearance: none;
    border: none;
    padding: 0 3%
}

#center .close {
    background: url(../../res.bjmylike.com/3g/17new/index/icon.png) repeat scroll -40px 0;
    height: 30px;
    right: -15px;
    top: -15px;
    width: 30px;
    position: absolute;
    cursor: pointer;
}

#center p {
    display: block;
    width: 96%;
    left: 2%;
    top: 50px;
    color: #2d85d5;
    font-size: 12px;
    line-height: 140%;
    position: absolute;
    padding-top: 2%
}

.s-ripple .min-tel {
    -webkit-animation: tada 1.5s linear normal both infinite;
    -o-animation: tada 1.5s linear normal both infinite;
    animation: tada 1.5s linear normal both infinite;
    position: absolute;
    width: 35%;
    left: 0;
    top: 2%;
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }
    10%, 20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

.youhui-b {
    width: 100%;
    position: fixed;
    bottom: -50% !important;
    left: 0;
    z-index: 9999;
}

.youhui-b .youhui-wrap {
    max-width: 720px;
    min-width: 320px;
    margin: 0 auto;
    background: #f5f5f5;
    overflow: hidden;
    color: #000;
    position: relative;
}

.wrap_t {
    background: #9d76eb;
    line-height: 3.2rem;
    padding: 2% 0;
    position: relative;
    color: #fff;
    font-size: 3rem;
    text-align: center;
}

.youhui_close {
    position: absolute;
    background-size: cover;
    width: 24px;
    height: 24px;
    line-height: 21px !important;
    color: #fff;
    text-align: center;
    font-size: 24px;
    border-radius: 32px;
    border: #fff solid 1px;
    cursor: pointer;
    right: 10px;
    top: 50%;
    margin-top: -12px;
}

.youhui-b #bb {
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
    padding: 3% 0;
}

.youhui-wrap #bb .toux {
    width: 12.8%;
    float: left;
    margin: 2% 3% 0 5%;
}

.youhui-wrap #bb .content {
    width: 72%;
    float: left;
}

.youhui-wrap #bb b {
    font-size: 2.4rem;
    color: #999;
    font-weight: normal;
    line-height: normal;
    display: block;
    margin-bottom: 1%;
}

.youhui-wrap #bb p {
    color: #333;
    font-size: 2.6rem;
    line-height: normal;
    padding: 1% 4%;
    background: #f8f0fe;
    border-radius: 0.5em;
    border: 1px solid #d9c0ec;
}

#youhuiBottom {
    padding: 3% 2% 1%;
}

#chatcontent {
    font-size: 2.4rem;
    width: 52%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2%;
    color: #c6c6c6;
    float: left;
    line-height: normal !important;
}

#youhuiBottom #qchat {
    border: 1px solid #f39424;
    width: 13%;
    font-size: 2.4rem;
    color: #fff;
    background: #f39424;
    text-align: center;
    padding: 1.5% 2%;
    border-radius: 0.2em;
    display: block;
    float: left;
    margin: 0 2%;
    line-height: normal;
}

#youhuiBottom #tel {
    border: 1px solid #9d76eb;
    width: 17%;
    font-size: 2.4rem;
    color: #fff;
    background: #9d76eb;
    text-align: center;
    padding: 1.5% 2%;
    border-radius: 0.2em;
    display: block;
    float: left;
    line-height: normal;
}

/*脂肪类专题推荐部分*/
.recom {
    width: 93%;
    overflow: hidden;
    margin: 0 auto;
}

.recom h1 {
    text-align: center;
    font-size: 4.6rem;
    color: #1a1a1a;
    line-height: 120%;
    margin-top: 5%;
}

.recom .recom-slide {
    position: relative;
    overflow: hidden;
    margin-top: 3%;
    margin-bottom: 10%;
}
/* 循环依次切换弹框 */
.dingwei-box{
    max-width: 720px;
    min-width: 320px;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    display: none;
}
.dingwei{
    width: 60%;
    position: absolute;
    left: 20%;
    top: 30%;
}
.close-loop{
    position: absolute;
    z-index: 11;
    display: block;
    width: 11%;
    height: 11%;
    top: 0px;
    right: 0;
}
.noseKst-box{
    max-width: 720px;
    min-width: 320px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    padding: 0;
    top: 0;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    display: none;
    background:rgba(0,0,0,0.9);
}
.noseKst-box img{
    height:100%;
    width:100%;
}


/*形体banner按钮*/
.xt-btn{
    display: block;
    position: absolute;
    width: 30%;
    left: 62%;
    top: 67%;
    animation: pulse 1.5s infinite linear;
    -webkit-animation: pulse 1.5s infinite linear;
    -moz-animation: pulse 1.5s infinite linear;
    -o-animation: pulse 1.5s infinite linear;
}