html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}

body,html{
    width: 100%;
    height: auto;
    background: url("../imgs/backgroundColor.png");
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
}


body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
}


.clear{
    clear: both;
}

.hide{
    display: none;
}

.subject{
    width: 80%;
    height: 0.47rem;
    position: relative;
}


.subject-left{
    width: 0.07rem;
    height: 100%;
    background-color: #57bcb2;
    opacity: 0.19;
    float: left;
}


.subject-right{
    overflow: hidden;
    float: left;
    margin-left: 0.11rem;
}

.subject-right>h1{
    font-size: 0.28rem;
    color: #57bcb2;
    margin-top: -0.03rem;
}

.subject-right>h3{
    font-size: 0.16rem;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    margin-top: -0.1rem;
    margin-left: -0.17rem;
    color: #7d7d7d;
}


.bottom{
    width: 100%;
    height: 2.18rem;
    background-color: #5ac8c8;
    margin-top: 0.8rem;
    overflow: hidden;
    position: relative;
}

.bottom-container{
    width: 6.74rem;
    height: 1.3rem;
    margin: 0.25rem auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bottom-container-left{
    width: 2.12rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bottom-container-right{
    width: 3.96rem;
    height: 100%;
    margin-left: 0.2rem;
}

.bottom-container-left-first{
    width: 1rem;
    height: 100%;
}

.bottom-container-left-second{
    width: 1rem;
    height: 100%;
}

.bottom-container-left-first>div:first-child{
    width: 100%;
    height: 1rem;
}

.bottom-container-left-first>div:first-child>img{
    width: 100%;
}


.bottom-container-left-first>div:last-child{
    width: 100%;
    height: 0.3rem;
    color: white;
    font-size: 0.18rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.10rem;
}

.bottom-container-right-first{
    width: 100%;
    height: auto;
    margin-top: 0.03rem;
    margin-left: 0.05rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bottom-container-right-first>div:first-child{
    width: 0.34rem;
    height: 0.59rem;
    background: url("../imgs/phone.png") no-repeat;
    background-size: 100% auto;
}


.bottom-container-right-first>div:last-child{
    margin-left: 0.15rem;
}


.bottom-container-right-first>div:last-child>p:first-child{
    color: white;
    font-size: 0.2rem;
}

.bottom-container-right-first>div:last-child>a>p:last-child{
    color: white;
    font-size: 0.33rem;
}

.bottom-container-right>p{
    font-size: 0.16rem;
    color: white;
    margin-top: 0.2rem;
}

.flower{
    width: 2.89rem;
    height: 1.06rem;
    position: absolute;
    bottom: 0;
    right: 0.17rem;
}


.nav-box{
    width: 100%;
    height: 1.14rem;
    background-color: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 1px 10px #dadad8;
    box-shadow: 0px 1px 10px #dadad8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 6;
}

.nav{
    width: 6.86rem;
    height: 0.65rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.nav-menu-btn,.nav-menu-btn-search,.nav-menu-btn-search{
    width: 0.46rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-menu-btn>img,.nav-menu-btn-search>img{
    width: 100%;
}



.nav-logo{
    width: 5.89rem;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.nav-logo>img{
    width: 3.9rem;
    height:0.64rem;
}

.nav-search-btn,.home-btn,.nav-search-btn-second{
    width: 0.52rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-search-btn>img{
    width: 100%;
}

.home-btn>img{
    width: 100%;
}


.nav-logo>h1{
    font-size: 0.36rem;
    color: #7d7d7d;
}

.nav-logo>span{
    position: absolute;
    top: 0.05rem;
    left: 1.67rem;
    font-size: 0.36rem;
    color: #7d7d7d;
}

.comeback{
    width: 1.06rem;
    height: 1.17rem;
    background: url("../imgs/comeback.png") no-repeat;
    background-size: 100% auto;
    position: fixed;
    bottom: 1.5rem;
    right: 0.32rem;
    z-index: 4;
}


.menu-box{
    width: 4.27rem;
    height: auto;
    background-color: white;
    position: absolute;
    top: 1.145rem;
    left: 0.09rem;
    border-radius: 0.1rem;
    -webkit-box-shadow: 0px 0px 0.1rem rgba(0,0,0,0.3);
    box-shadow: 0px 0px 0.1rem rgba(0,0,0,0.3);
    z-index: 10;
}

.triangle{
    width: 0;
    height: 0;
    border-width: 0.15rem;
    border-style: solid;
    border-color: transparent transparent white transparent;
    position: absolute;
    top: -0.26rem;
    left: 0.3rem;
    z-index: 7;
}


.triangle-border{
    width: 0;
    height: 0;
    border-width: 0.17rem;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,0.1) transparent;
    position: absolute;
    top: -0.31rem;
    left: 0.28rem;
    z-index: 6;
}





.menu-box>ul{
    width: 3.64rem;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu-box>ul>a{
    width: 100%;
    height: 0.97rem;
    border-bottom: 0.01rem solid #5ac8c8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 0.96rem;
    text-align: center;
    font-size: 0.28rem;
    color: #5ac8c8;
}






.menu-box>ul>a:last-child{
    border-bottom-color: rgba(255,255,255,0);
}