/* 头部 */
.header{
    position: relative;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    width: 100%;
    height: 14.6667vw;
   
    background:url(../images/indexHeader.png) no-repeat;
    -o-background-size: cover;
       background-size: cover;
    color: #fff;
}
.back-wrap,.search,.header-submit{
    position: absolute;
   
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

}
.backarrow-icon{
    width: 2.42671vw;
    height: 4.50671vw;
    background:  url(../images/back-arrow.png) no-repeat;
    -o-background-size:100% 100%;
       background-size:100% 100%; 
    margin-right: 1.3333vw;
}
.home-wrap{
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);	
  right: 2.4vw;
  bottom:3vw;
}
.home-icon{
  display: inline-block;
  width: 6vw;
  height: 6vw;
  background: url(../images/home-icon.png) no-repeat;
  background-size: 100% 100%;
}
.header-submit{
    width: 10vw;
    height: 6vw;
    right: 4vw;
}
.header-submit input{
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;

    border: none;
    background: none;
    cursor: pointer;
}
.back-wrap{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    left: 4vw;
}
.back-wrap span{
    font-size: 4vw;
}
.header .title{
    line-height: 14.6667vw;
    text-align: center;
    font-size: 4.8vw;
    color: #fff;
    font-weight: 400;
    
}
.header .search{
    right: 4vw;
}
.search{
    width: 5.2vw;
    height: 5.6vw;
    background: url(../images/searchicon.png) no-repeat;
    -o-background-size:100% 100%;
       background-size:100% 100%; 
}

/* nav */
.nav{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    width: 100%;
    height: 9.3333vw;
    line-height: 9.3333vw;
    
}
.p-nav-item {

    font-size: 1.8667vw;
    color: #8e8e8e;
    cursor: pointer;
}
.nav-item-active{
    position: relative;
    color: #f19437!important;
}
.nav-item-active::after{
    position: absolute;
    content: "";
    /* bottom: 0; */
    width: 5.3333vw;
    height: 1.0667vw;
    left: 50%;
    top:90%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 0.6667vw;
   background: #f19437;
   
}
/* 尾部 */

.footer{
 
    position: fixed;
    bottom: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-around;
        -ms-flex-pack:distribute;
            justify-content:space-around;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 16vw;
    border-top: 1px solid #eeeeee;
    background: #fff;

}
.footer-item{
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    font-size: 3.7333vw;
}
.footer-item a{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 3.7333vw
}

.active{
    color: #f19437;
}

.no-margin{
    width: 100%;
  height: 16vw;
}

.index-icon{
    width: 6.6667vw;
    height: 6.6667vw;
   
}
/* .footer *{
    border: 1px solid red;
} */
.footer-feature{
    background: url(../images/indexfooter2.png) no-repeat !important;
    -o-background-size: 100% 100% !important;
       background-size: 100% 100% !important;
}
.footer-noindex{
    background: url(../images/indexfooter1no.png) no-repeat !important;
    -o-background-size: 100% 100% !important;
       background-size: 100% 100% !important;
}
.footer-index{
    background: url(../images/indexfooter1.png) no-repeat !important;
    -o-background-size: 100% 100% !important;
       background-size: 100% 100% !important;
}

.footer-nofeature{
    background: url(../images/indexfooter2no.png) no-repeat !important;
    -o-background-size: 100% 100% !important;
       background-size: 100% 100% !important;
}
.footer-my{
    background: url(../images/indexfooter3.png) no-repeat !important;
    -o-background-size: 100% 100% !important;
       background-size: 100% 100% !important;
}
.footer-nomy{
    background: url(../images/indexfooter3no.png) no-repeat !important;
    -o-background-size: 100% 100% !important;
       background-size: 100% 100% !important;
}

.index-feature{
    width: 6.9333vw;
    height: 7.6vw;
    /* margin-top:-1vw; */
}

/* 格式化item */
.item-basic-info{
    /* font-size: 3.2vw; */
    width: 80%;

}

.detail-address{
    width: 80%;
}
.name{
    font-size: 3.7333vw;
}
.item-wrapper{
    padding: 2.6667vw;
    border-bottom: 1px solid #eee;
    background: #fff;
    
}
.item-info{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            margin-top: 1.3333vw;
}
.common-btn{
    padding: 1.3333vw 5.3333vw;
    background: #4191e4;
    border-radius: 0.6667vw;
    font-size: 3.2vw;
    color: #fff;
}
.time{
    color: #bababa;
}
.item-appear{
    width: 100%;
    height: 40vw;
    position: relative;
   
}
.item-pic{
    width: 100%;
    height: 40vw;
    border-radius: 1.3333vw;
}
.item-address{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* position: absolute;
    top: 0;
    background: #f39f4c; */
    /* padding:1.3333vw 8vw 1.3333vw 2.6667vw; */
    color: #363636;
    font-size: 3.2vw;
    border-top-left-radius: 1.3333vw;
    border-bottom-right-radius: 1.3333vw;
}
.des{

    padding-left: 2.6667vw !important;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    width: 100%;
    color:#fff;
    padding:1.3333vw 2.6667vw;
    position: absolute;
    bottom: 0;
    background: #23201e;
    border-bottom-left-radius: 1.3333vw;
    border-bottom-right-radius: 1.3333vw;
    font-size: 3.2vw;
}
/* 单行 */
.single{
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}

/* 居家养老列表组件 */
.price{
    font-size: 3.2vw;
    color: #e74c47;
}
.goods-name{
    font-size: 3.7333vw;
    color: #363636;
    line-height: 7.2vw;
    width: 100%;
    max-width: 100%;

    overflow: hidden;
    height:7.2vw;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}
.goods-name-wrap{
    width: 44vw;
}
.goods-pic{
    width: 20vw;
    height: 13.3333vw;
    border-radius: 0.6667vw;
}
.common-care-item{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.6667vw 0;
    /* border-bottom: 1px solid #eee; */
}

.children-section-item{
    border-bottom: 1px solid #eee;
}

/* 幼儿机构 导航组件 */
.kid-nav{
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%;
    min-width: 49.0667vw;
    position: absolute;
    left: 50%;
    top: 20%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}
.nav-item{

    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 14.4vw;
    text-align: center;
    font-size: 5.8667vw;
    color: #fff !important;
    border-radius: 8vw;
    box-shadow: 0 1.3333vw 0.6667vw rgba(0, 0, 0, 0.1);
   
}
.nav-item-wrap{
    margin-bottom: 7.4667vw;
    width: 49.3333vw;
    height: 14.4vw;
   
}

.tab-address-icon{
    width: 3.0667vw;
    height: 4vw;
    background: url(../images/tab-address-icon.png) no-repeat;
    -o-background-size:100% 100%;
       background-size:100% 100%; 
    margin-right: 2.6667vw;
}

/* 分享 */
.share-wrap{
    display: none;
    position: fixed;
    top:0;
    left: 0;
    min-height:100%;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.1);
    z-index:9;
    
}
.icon-share{
    position: absolute;
    top: 4vw;
    right: 0;
    width: 22.8vw;
    z-index:99;

}
.share-des{
    position: absolute;
    top: 35vw;
    right: 2vw;
    color:rgb(214, 24, 24);
    font-size: 5.3333vw;
    z-index:99;

}

/* iconfont */

html{
    background: #f7f6f5;
    font-size: 3.2vw; 
    /* 默认字体大小为12px */
}


/* 评论点赞收藏 */
.kd-item-wrap p{
    color: #8e8e8e;
}
.kd-footer-item{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.share{
    width: 3.3333vw;
    height: 3.3333vw;
    background: url(../images/share.png) no-repeat;
    -o-background-size:100% 100%;
       background-size:100% 100%; 
}
.pinglun{
    width: 4.5333vw ;
    height: 3.8667vw ;
    background: url(../images/pinlun-icon.png) no-repeat;
    -o-background-size:100% 100%;
       background-size:100% 100%; 
}
.nocollect{
    width: 4.2667vw;
    height: 4.2667vw;
    background: url(../images/starno.png) no-repeat;
    -o-background-size:100% 100%;
       background-size:100% 100%; 

}
.collect{
    width: 4.2667vw;
    height: 4.2667vw;
    background: url(../images/staractive.png) no-repeat;
    -o-background-size:100% 100%;
       background-size:100% 100%; 
}

.tips{
    display: none;
    position: fixed;
    color: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    border-radius: 1.3333vw;
    padding: 2.6667vw 5.3333vw;
    background: #f19437;
}

/* reset.css */
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}

h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}


a:hover, a:visited, a:link, a:active {
    color: #000;
    text-decoration:none
}

/* iPhone屏幕下的btn颜色不对 */
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
input{
    webkit-appearance : none ; 
}

/* 动画效果 */
/***********select************/
select{ border:0.1rem solid rgba(0,0,0,0.2); }
option{ padding-left:4%;}


/*==========过渡效果transition==========*/
*{
transition: all 0.2s ease;
} 

{
transition: all 0.6s ease;
} 

.contact_map *{
transition: all 0s ease;
} 
 

/*==========等待效果==========*/
{
transition-property: all ;
transition-duration:2s;
transition-delay:0.6s;
}

/*==========放大效果==========*/
{
transform:scale(1.5);
}

/*==========旋转效果==========*/
{
transform: rotate(360deg);
}

/*==========移动效果==========*/
{
transform: translate(0rem,-10rem);
}

/*==========进场效果==========*/
header .search{
animation-name:opacity;
animation-duration:2s;
}

header .nav .left{animation-name:left;
animation-duration:1s;
}

{
animation-name:right;
animation-duration:2s;
}

{
animation-name:bottom;
animation-duration:1s;
}

@keyframes opacity
{
from{ opacity:0;}
to{ opacity:1;}
}

@keyframes left
{
from{left:-20rem; opacity:0;}
to{left:0rem; opacity:1;}
}

@keyframes right
{
from{right:-20rem; opacity:0;}
to{right:0rem; opacity:1;}
}

@keyframes bottom
{
from{bottom:-20rem; opacity:0;}
to{bottom:0rem; opacity:1;}
}



{width:100px;
height:100px;
background:red;
position:relative;
animation-name:myfirst;
animation-duration:5s;
animation-timing-function:linear;
animation-delay:2s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
}

@keyframes myfirst
{
0%{background:red; left:0px; top:0px;}
25% {background:yellow; left:200px; top:0px;}
50% {background:blue; left:200px; top:200px;}
75% {background:green; left:0px; top:200px;}
100%{background:red; left:0px; top:0px;}
}


/*个人中心 箭头 */
.right-arrow{
    width: 2.1333vw;
    height: 4vw;
    background: url(../images/rightarrow.png) no-repeat;
    -o-background-size:100% 100%;
       background-size:100% 100%; 
}

.tab-active{
    display: block !important;
}

/* 单选框 */
.choosen {
    /* height: 14.4vw;
    line-height: 14.4rem; */
    color: #4a4b4d;
    padding: 0 2.66667vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /* width: 60%; */
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/*单选框*/
.choosen div {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    /* line-height: 30px; */
    margin-left: 5.3333vw;
}

.choosen input[type="radio"] {
    width: 4vw;
    height:4vw;
    opacity: 0;
}

.choosen label {
    position: absolute;
    left: 0.6667vw;
    top:1.0667vw;
    width: 4vw;
    height: 4vw;
    border-radius: 50%;
    border: 1px solid #c0c0c0;
}

/*设置选中的input的样式*/
/* + 是兄弟选择器,获取选中后的label元素*/
.choosen input:checked + label {
    /* background-color: #006eb2; */
    border: 1px solid #f19437;
}

.choosen input:checked + label::after {
    position: absolute;
    content: "";
    width: 2vw;
    height: 2vw;
    /* top: 10%;
    left: 30%; */
    background:#f19437;
    border-radius: 100%;
    /* border: 2px solid #fff; */
    /* border-top: none;
    border-left: none; */
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    /* transform: rotate(45deg); */
}
.choosenword {
    margin-left: 2vw;
    display: inline-block;
    padding-top: 1.3333vw;
}

/* 头部搜索 */
.input{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    padding-left: 2.6667vw;
    border-radius: 6.6667vw;
    border:1px solid #eeeeee;
    width:60%;
    height: 50%;
}

/* iconfont */
@font-face {
   font-family: 'iconfont';
   src: url('font/iconfont.eot');
   src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
       url('font/iconfont.woff2') format('woff2'),
       url('font/iconfont.woff') format('woff'),
       url('font/iconfont.ttf') format('truetype'),
       url('font/iconfont.svg#iconfont') format('svg');
 }
 .iconfont {
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
/* empty */
.empty{padding-top: 80px;text-align: center;}
.empty .icon-empty{display: inline-block;width: 48px;height: 48px;background: url(../images/empty-icon.png) no-repeat;}
.empty p{margin-top: 2px;}