/* CSS Document */
html{ font-size:100px;}
html{-webkit-text-size-adjust:none;}
body {font-family:微软雅黑;font-size:0.20rem;}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;padding:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style: normal;}
a{text-decoration: none; color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:top; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
html *{-webkit-tap-highlight-color:rgba(255,255,255,0);}
.fl { float: left; }
.fr {float: right;}

.wrap{max-width: 640px; min-width: 320px; margin-left: auto; margin-right: auto;overflow: hidden; }

.mk_head{height: 0.88rem;background-color: #262333;overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mk_head .goBack{width: 0.19rem;padding:0.25rem  0.2rem;}
.mk_head .mk_logo{width: 2.75rem;padding:0.2rem 0;}
.mk_head .phone{padding:0.22rem  0.2rem;}
.mk_head .phone img{width: 0.44rem;
    -webkit-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.mk_head .phone span{position: absolute;width: 0.26rem;height: 0.26rem;background-color: #e71f19;font-size:0.2rem;color: #fff;right: 0.1rem;top: 0.1rem;text-align: center;line-height: 0.26rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.mk_head .search{color: #fff;text-align: center;font-size: 0.18rem;padding:0.19rem 0.1rem;}
.mk_head .search img{width: 0.3rem;}

.spin{
    -webkit-animation: spin 1s linear ;
    -o-animation: spin 1s linear ;
    animation: spin 1s linear ;
}
@keyframes spin{
    0% ,100%{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    25% {
        transform: rotate(6deg);
        -webkit-transform: rotate(6deg);
    }
    70% {
        transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
    }
}