/*初始化*/
 *{font-size:15px;box-sizing: border-box;}
article,aside,audio,body,dd,div,dl,dt,footer,form,h1,h2,h3,h4,h5,h6,header,hr,iframe,input,label,menu,nav,ol,p,section,select,td,textarea,th,time,ul,video,span,img{margin:0;padding:0;}
article,aside,audio,canvas,footer,header,nav,section,video{display:block}
input::-webkit-search-cancel-button{display:none;}
form{display:inline}
input,button,select,textarea,pre{font-family:"微软雅黑",Helvetica,STHeiti,Droid Sans Fallback;}
pre{word-wrap: break-word;word-break: normal;word-break:break-all;margin:0;white-space: pre-wrap;color:#282120;}
em{font-style:normal}
html{width:100%;height:100%;overflow: hidden;}
body{color:#282120;word-wrap:break-all;font-size:100%;font-family:"微软雅黑",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;width:100%;height:100%;background:#f9f9f9;-webkit-tap-highlight-color:rgba(93,156,236,0.5);overflow: hidden;}
textarea{resize:none;-webkit-appearance:none;}
iframe,img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{color:#282120;font-weight:400}
input,label,select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-tap-highlight-color:transparent;}
button{-webkit-appearance:none;outline:0;padding:0;border:none;}
label{-webkit-user-modify:read-only}
input{border:none;background:0 0;-webkit-appearance:none;}
input[type=search],input[type=text]{padding-top:0.1rem!important;padding-bottom:0.1rem!important;}
a{color:#282120;text-decoration:none;}
select{-webkit-border-radius:0;border-radius:0;-webkit-border-image:none;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none}
i{font-style:inherit}
hr{height:1px;border:none;background:#eee;}
small { font-size: smaller!important;}
.clearfix:after{clear:both;content:"";display: block;}
.main{width:100%;height:100%;position: relative;overflow: hidden;}
.rotate{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.wrapper-box{width:100%;height:100%;background:#f9f9f9;overflow: hidden;position: absolute;left:0;top:0;z-index: 1;}
.wrapper{width:100%;height:100%;background:#f9f9f9;padding-top:0.88rem;overflow: hidden;position: absolute;left:0;top:0;z-index: 1;}
.wrapper-scroll{width:110%;height:100%;background:#f9f9f9;-webkit-overflow-scrolling : touch;overflow-x: hidden;overflow-y: scroll;position: relative;padding-right:10%;padding-top:0.88rem;}
.hideDiv{display: none;}
.black_block{position: absolute;width:100%;height:100%;left:0px;top:0px;background: rgba(0,0,0,0.5);z-index: 66;}
#loading{position: absolute;left:0;top:calc(50% - 0.2rem);width:100%;height:0.4rem;z-index: 9999;}
.img_body{position: absolute;left:0;top:0;width:100%;height:100%;overflow: hidden;z-index: 9999;display: flex;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.img_body.active{background-color: #000;}
.img_body img{width:100%;margin:auto;}
.flexBox{display: flex;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.content{background:#f9f9f9;width:100%;}
.wrapper.white,.wrapper-scroll.white,.content.white{background:#fff;}

/*初始化结束*/

::-webkit-input-placeholder { color: #b5acaa; }
:-moz-placeholder { color: #b5acaa; }
::-moz-placeholder { color: #b5acaa; }
:-ms-input-placeholder { color: #b5acaa; }
.select_box select.placeholder{ color: #b5acaa; }

/* loading */
.sk-three-bounce {
    height:0.4rem;
    line-height: 0;
    width:100%;
    text-align: center;
}
.sk-three-bounce .sk-child {
    width: 0.4rem;
    height: 0.4rem;
    background-color: #f85d00;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1); }
    }

@keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
    -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* 页面切换 */
.pageRight-enter-active,.pageRight-leave-active,.pageLeft-enter-active,.pageLeft-leave-active{
    transition: transform .3s ease-in-out;
    transform:translate3d(0,0,0);
}
.pageRight-enter,.pageLeft-leave-to{
    transform:translate3d(100%,0,0);
}
.pageRight-leave-to,.pageLeft-enter{
    transform:translate3d(-100%,0,0);
}

/* 弹窗 */
.pop-enter-active,.pop-leave-active{
    transition: transform .3s ease-in-out,opacity .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out,opacity .3s ease-in-out;
}
.pop-enter{
    transform: translateY(30%);
    -webkit-transform: translateY(30%);
    opacity:0;
}
.pop-leave-to{
    transform: translateY(30%);
    -webkit-transform: translateY(30%);
    opacity:0;
}

/* 筛选 */
.sideRight-enter-active,.sideRight-leave-active{
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
}
.sideRight-enter{
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}
.sideRight-leave-to{
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}
.sideLeft-enter-active,.sideLeft-leave-active{
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
}
.sideLeft-enter{
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}
.sideLeft-leave-to{
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

/* 焦点 */
span.inputLine{
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name: calculator;
    animation-name: calculator;
}
@-webkit-keyframes calculator {
    0% {
        -webkit-opacity:0;
        opacity:0;
    }
    50% {
        -webkit-opacity:1;
        opacity:1;
    }
    100% {
        -webkit-opacity:0;
        opacity:0;
    }
}

@keyframes calculator {
    0% {
        -webkit-opacity:0;
        opacity:0;
    }
    50% {
        -webkit-opacity:1;
        opacity:1;
    }
    100% {
        -webkit-opacity:0;
        opacity:0;
    }
}

/* 键盘 */
.sideBottom-enter-active,.sideBottom-leave-active{
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
}
.sideBottom-enter{
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.sideBottom-leave-to{
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

/* 下拉 */
.sideTop-enter-active,.sideTop-leave-active{
    transition: transform .3s ease-in-out,opacity .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out,opacity .3s ease-in-out;
}
.sideTop-enter{
    transform: translateY(-30%);
    -webkit-transform: translateY(-30%);
    opacity: 0;
}
.sideTop-leave-to{
    transform: translateY(-30%);
    -webkit-transform: translateY(-30%);
    opacity: 0;
}

/* 砍价 */
@-webkit-keyframes imgRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes imgRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes imgscale {
    0% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes imgscale {
    0% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
/* 提示弹窗 */
.zoomIn{
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}