@import url('common.css');
@import url('header.css');
@import url('footer.css');

/*项目样式*/
.shop_nav{background:#fff;}
.shop_nav ul{position:relative;padding:1vw;}
.shop_nav li{display: table-cell;width: 1%;}
.shop_nav li a{position:relative;display:block;text-align:center;background:transparent;border:0;padding:2.4vw 0;}
.shop_nav li a h4{display:block;padding:1.6vw 0 0;color:inherit;}
.shop_nav li a span{border-radius:50%;display:inline-block;text-align:center;width:60%;padding:1.6vw;opacity:0.6;}
.shop_nav li a span img{display:block;}
.shop_nav li a ._on{display:none;}
.shop_nav li a.mobile_bg_this ._on{display:block;}
.shop_nav li a.mobile_bg_this ._off{display:none;}

.shop_list{position:relative;}
.shop_list li{background:#fff;border-bottom:1px rgba(125,189,200,0.3) dashed;}
.shop_list li a{display:block;padding:3vw;}
.shop_list li a ._left{width:45%;float:left;}
.shop_list li a ._left div{border-radius:1vw;overflow:hidden;height:25vw;}
.shop_list li a ._left div img{height:100%;min-width:100%;max-width:initial;}
.shop_list li a ._right{width:52%;float:left;margin-left:3%;}
.shop_list li a ._right h3{padding:1vw 0;}
.shop_list li a ._right h5{color:#d02358;padding:3% 0;}
.shop_list li a ._right h5 s{margin-left:1vw;color: #bababa;}
.shop_list li a ._right small{display:block;border-top:rgba(0,0,0,0.1) 1px solid;padding:3% 0;}
.shop_list li a ._right span{background:#56a9b7;border-radius:5px;text-align:center;color:#fff;padding:1vw 0;display:block;width:80%;margin-top:4%;font-size: 3vw;}

.shop_banner{position:relative;}
.shop_banner>img{display:block;width:100%;}
.shop_banner ._breadcrumb{position:absolute;left:0;top:0;width:100%;background:rgba(255,255,255,0.8);padding:3.6vw 2vw}
.shop_banner ._breadcrumb > li {display:inline-block;color:#56a9b7;}
.shop_banner ._breadcrumb > li + li:before {padding:0 5px;color:#ccc;content:"/\00a0";}
.shop_banner ._breadcrumb li a{display:inline-block;padding:0;}
.shop_banner ._breadcrumb li a img{width:4.2vw;margin-top:-1vw;margin-right:1vw;}
.shop_banner ._title{position:absolute;bottom:6%;width:100%;text-align:center;}
.shop_banner ._title span{display:inline-block;background:#56a9b7;color:#fff;padding:4% 6%;border-radius:1vw;min-width:70%;}
.shop_banner ._title h4{padding:0 0 2.4vw;}
.shop_banner ._title h5{border-top:1px solid rgba(255,255,255,0.5);padding:1.8vw 0 0;}

.shop_info{background:#fff;padding:4vw 2vw;position:relative;}
.shop_info h4{color:#d02358;padding:3vw 0 0;}
.shop_info h4 s{margin-left:2vw;color:#bababa;}
.shop_info h5{padding:2vw 0 0;}
.shop_info a{position:absolute;right:2vw;top:18%;width:15vw;height:15vw;text-align:center;border-radius:50%;color:#aaaaaa;padding-top:2.6%;padding:1.6vw 1vw 0;}
.shop_info a img{display:inline-block;width:60%;}
.shop_info a span{display:block;font-size:3.2vw;padding-top:0.6vw;}

.shop_add{background:#f1f1f1;padding:2vw;}
.shop_add p{display:block;padding:0 0 2vw;font-size:3.2vw;}
.shop_add span{display:block;color:#56a9b7;padding:2vw 0 1vw;border-top:1px solid rgba(0, 0, 0, 0.1);}

.shop_content{padding:4vw 2vw;background:#fff;}
.shop_content>div{margin-bottom:14px;display:block;line-height:1.6;}
.shop_content div img{width:100%;display:block;}
.shop_content .title{text-align: center;}
.shop_content .title p{border-radius:50px;display:inline-block;background:#56a9b7;color:#fff;text-align:center;padding:5px 14px;}
.shop_content .prompt{text-align: center;}
.shop_content .prompt p{border-radius:50px;display:inline-block;color:#56a9b7;border:1px #56a9b7 solid;text-align:center;padding:6px 14px;}
.shop_content .center{text-align:center;}
.shop_content .colour{color:#bd035f;}
.shop_content .line{margin-left:auto;margin-right:auto;border-top:1px rgba(0,0,0,0.1) solid;height:1px;}

._buy_ul img{display:block;margin:0 auto;}
._buy_ul p{display:block;}
._buy_ul a{display:block;text-align:center;padding-bottom:10px;}
._buy_ul a span{background:#56a9b7;color:#fff;padding:2% 6%;border-radius:5px;display:inline-block;}
._buy_ul a span img{width:3.8vw;display:inline-block;margin-right:1vw;}