/*main css*/
.sucaijiayuan-list{width:700px;margin:0px auto;}
.sucaijiayuan-list .dressing{float:left;_display:inline;margin-top:15px;}
.sucaijiayuan-list .dressing_wrap, .sucaijiayuan-list .dressing_wrapB{position: relative;_zoom: 1;border-radius: 2px;background: #F1F1F1;border-style: solid;border-width: 1px;}
.sucaijiayuan-list .skinimg{z-index: 2;border-style: solid;border-width: 2px;border-color: #fff;}
.sucaijiayuan-list .skinimg a{display: block;overflow: hidden;}
.sucaijiayuan-list .skinimg img{display: inline-block;}
.sucaijiayuan-list .skinimg .loading{border-radius: 0;width: 31px;height: 31px;padding-left: 97px;padding-top: 59px;}
.sucaijiayuan-list .dressing_wrap{border-color: #d8d8d8;-webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,1);box-shadow: 0 3px 6px -4px rgba(0,0,0,1);background: #FFF;border: 1px solid #c4c4c4;border-radius: 2px;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.21);box-shadow: 0 0 5px 0 rgba(0,0,0,.21);}
.sucaijiayuan-list .information_area{margin-bottom: 11px;}
.sucaijiayuan-list .information_area_wrap{margin: auto;position: relative;}
.sucaijiayuan-list .item, .sucaijiayuan-list .tipinfo{padding: 3px 10px 0 10px;}
.sucaijiayuan-list .information_area h4, .sucaijiayuan-list .W_vline, .sucaijiayuan-list .price{margin-top: 6px;}
.sucaijiayuan-list .information_area h4 a{cursor: default;}
.sucaijiayuan-list .price{color: #333;}
.sucaijiayuan-list .price a:hover{text-decoration: underline;}
.sucaijiayuan-list .op a{color: #0989d1;}
.sucaijiayuan-list .W_vline{color: #999;margin-right: 8px;margin-left: 10px;}
.sucaijiayuan-list .t_open{margin-top: 5px;}
.sucaijiayuan-list .price{color:#f80;font:normal 12px/normal 'microsoft yahei';}
.sucaijiayuan-list .skinimg img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-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);}}
@-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);}}
.sucaijiayuan-list .dressing_hover .information_area{-webkit-animation: flipInY 300ms .1s ease both;-moz-animation: flipInY 300ms .1s ease both;}

@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1;}}
@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0;}
40%{-moz-transform:perspective(400px) rotateY(-10deg);}
70%{-moz-transform:perspective(400px) rotateY(10deg);}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1;}}
/*头部*/

.head{position: fixed;top: 0;width: 100%;left: 0;z-index: 3;box-shadow: 0px 1px 5px -1px rgba(0,0,0,.5);}

.head .top{padding: 0 .5rem;height: 2rem;background-color: #fff;background-size: 4.5rem;}
.head .top .top-icon{display:block;width:1.4rem;height:1.4rem;background-size:.8rem}
.head .top .top2{background-size:.8rem}
.head .top .topleft{width:70%;display:-webkit-flex;dispalsy:flex;justify-content:flex-start;}
.head .top .topcenter{width:38%;display:-webkit-flex;dispalsy:flex;justify-content:center;}
.head .top .topright{width:30%;display:-webkit-flex;dispalsy:flex;justify-content:flex-end;}
.head .top .top2 img{height:1.4rem;width:auto;line-height: 2rem;margin-top: 0.3rem;}
.head .top .top-nav img{height:1rem;width:auto;line-height: 2rem}
.top-tel{background:url(/static/image/mo_03.png) no-repeat center}


.top-nav{/*position:relative;background:url(../images/mo_05.png) no-repeat center*/}

.top-pd-nav{position:absolute;top:2rem;left:0;z-index:4;display:none;width:100%;background:rgba(0,0,0,.85)}
.top-pd-nav:before{position:absolute;top:-.4rem;right:.82rem;display:block;width:0;height:0;border-right:.4rem solid transparent;border-bottom:.4rem solid rgba(0,0,0,.85);border-left:.4rem solid transparent;content:''}
.top-pd-nav .top-pd-nav-item{margin:.8rem .5rem;border-bottom:1px solid #fff;font-size:0;line-height:1.65}
.top-pd-nav .top-pd-nav-item h3{position:relative;margin:.5rem 0;padding-left:.4rem;color:#fff;font-size:.65rem}
.top-pd-nav .top-pd-nav-item h3:after{position:absolute;top:50%;left:0;display:block;margin-top:-.25rem;width:2px;height:.5rem;background:#ff8a00;content:''}
.top-pd-nav .top-pd-nav-item a{display:inline-block;margin:0 .5rem .5rem 0;padding:.12rem .26rem;border:1px solid #fff;border-radius:.16rem;color:#fff;font-size:.52rem}
/*头部 end*/

/*尾部*/
.footer{background: #333333;padding-bottom: 3.5rem;}
.footer h2{font-size: .8rem;text-align: center;font-weight: 700;color: #fff;padding-top: .8rem;}
.footer .top{color: #5C5C5C;font-size: .65rem;text-align: center;border-bottom: 1px solid #5C5C5C;line-height: 2.65rem;}
.footer .top a{display: inline-block;font-size: .65rem;color: #FFF;margin: 0 .6rem;}
.footer .phone{color: #a3a3a3;font-size: .6rem;text-align: center;padding-top: .75rem;line-height: .9rem;}
.footer .phone span{font-size: .75rem;display: block;background-position-x: left;width: 4.25rem;text-align: right;margin: 0 auto;line-height: 1.3rem;background-size: 1rem;}
.footer .phone a{color: #ef6816;font-size: 1.05rem;font-weight: bold;line-height: 1.3rem;}
.footer .cp{color: #7d7d7d;line-height: .8rem;font-size: .45rem;text-align: center;padding-top: .6rem;}
.footer .btn{display: block;width: 4.95rem;line-height: 1.45rem;font-size: .8rem;text-align: center;margin: 0 auto;color: #e0etel:133461571950e0;border:1px solid #858585;border-radius: .725rem;margin-top: .7rem;}

.f_bottom{left: 0;position: fixed;z-index: 3;border-top: 1px solid #c6c6c6;background: #FFF;width:100%;bottom: 0;}
.f_bottom a{display: block;float: left;text-align: center;color: #000000;font-size: .45rem;width: 3.15rem;height: 2.45rem;padding-top: 1.5rem;background-position-y: .3rem;background-size: 1.25rem;}
.f_bottom a:nth-child(1){width: 33%;background-image: url("/static/image/bot_i_1.png");}
.f_bottom a:nth-child(2){width: 34%;background-image: url("/static/image/bot_i_2.png");}
.f_bottom a:nth-child(3){width: 33%;background-image: url("/static/image/bot_i_3.png");}
.f_bottom a:nth-child(4){width: 6.55rem;line-height: 2.45rem;font-size: .75rem;color: #FFF;background: #0D85D5;padding-top: 0;}
/*尾部 end*/