/*reset*/
html {
	width: 100%;
	height:100%;
	-webkit-backface-visibility:hidden;
	-webkit-transform-origin:top;
	-moz-transform-origin:top;
	-ms-transform-origin:top;
	-o-transform-origin:top;
	transform-origin:top;
	-webkit-transition:all .75s ease;
	-moz-transition:all .75s ease;
	-o-transition:all .75s ease;
	-ms-transition:all .75s ease;
	transition:all .75s ease;
}
body{
	background: #fff;
	width: 100%;
	max-width: 750px;
}
ul,li { list-style: none;padding: 0;margin: 0;}
img{
	max-width: 100%;
	max-height: 100%;
}
button{
	padding: 0;
	border: none;
	outline: none;
}
input{
	outline: none;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
}
em{
	font-style: normal;
}
label{
	margin-bottom: 0;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix:after{
	content: '';
	clear: both;
	display: block;
	width: 100%;
}
.inb{
	display: inline-block;
}
p{
	margin: 0;
	line-height: initial;
}
.boxsha{
	box-shadow: 0 1px 16px rgba(0,0,0,.15);
}

/*public*/
/*首页 public*/
.am-navbar-default .am-navbar-nav{
    height: 100%;
    background: url(../images/tab_bac.png) no-repeat center 100%;
    background-size: 100% 49px;
   /* background-size: 138%;*/
    overflow: inherit;
}
.am-navbar-default a{
	color: #b4b4b4;
}
.am-navbar-default a:focus,.am-navbar-default a:hover{
	color: #787878 !important;
	text-decoration: none;
}
.am-slider-default .am-control-nav{
	display: none;
}
.active-slider {
    background: transparent;
    box-shadow: none;
}
.am-slider-default .am-direction-nav a.am-next:before,.am-slider-default .am-direction-nav a:before,.am-slider-d2 .am-slider-more,.am-slider-d2 .am-control-nav{
	display: none;
}
.am-slider-d2{
	box-shadow: none;
}
.am-navbar-nav a img{
	width: 20px;
	height: 18px;
	margin: 8px auto 3.5px;
}
.mar-bot30{
	margin-bottom: 30px !important;
}
.one-content{
	margin: 0 42px;
}
.two-content{
	margin: 0 10px;
}
.am-navbar-default a .lf-img{
	/*width: 40px !important;
	height: 40px !important;
	margin: -18px auto 0;*/
	width: 72.5px;
    height: 72.5px;
    max-width: 72.5px !important;
    max-height: 72.5px !important;
    margin: -47px auto 0;
}
/*鉴别拉菲public*/
.am-header{
	height: 80px;
	line-height: 80px;
	padding: 0;
}
.am-header-default{
	background: transparent;
}
.am-header-default .am-header-nav>a{
	min-width: 11px;
}
.am-header .am-header-left{
	left: 0;
}
.three-content{
	margin: 0 16.5px;
}
/*菲常学园2public*/
.am-list-news-default{
	margin: 0;
}
.am-list-news-default .am-list .am-list-item-desced{
	padding: 10px 0 12px;
	position: relative;
}
.am-list-news-hd{
	height: 63px;
	padding-top: 26px;
}
.am-list-news-hd a h2{
	color: #333;
	font-size: 13px;
}
.am-list>li{
	border: none;
}
.am-list .am-list-item-desced a, .am-list .am-list-item-thumbed a{
	color: #333;
	font-size: 14px;
}
.am-list-news-default .am-list-item-hd a{
    display: inline-block;
    white-space: nowrap;
    width: 58%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
/*预约public*/
.am-form-group{
	display: flex;
	height: 45px;
	font-size: 12px;
	margin-bottom: 0;
	border-bottom: 1px solid #d9d9d9;
}
.am-form-group label{
	width: 22vw;
	line-height: 45px;
}
.am-form-success label{
	color: #333;
}
.am-form-group input,.am-form-group select{
	color: #acacac;
	background: initial;
	padding: 0 !important;
	text-align: right;
	font-size: 10px !important;
	border: none !important;
}
.am-form-group select{
	direction: rtl;
}
.am-form-tex{
	display: block;
	height: initial;
	border-bottom: none;
}
.am-form-tex label{
	display: block;
	width: 100%;
	height: 45px;
}
.am-form-tex textarea{
	height: 76px;
}
.am-btn-secondary{
	display: block;
	width: 87px;
	height: 32px;
	font-size: 15px;
	background: #c09b5c;
	margin: 43px auto 0;
	border-radius: 60px;
	border: none;
}
.am-btn-secondary:hover{
	background: #c09b5c;
}
/*赚取葡币规则public*/
.four-content{
	padding: 0 21.5px;
}
/*赚取葡币规则public*/
.five-content{
	margin: 0 5px;
}
.six-content{
	padding: 0 16.5px;
}
.bacwhi{
	background: white;
}


/*首页*/
.my-profile{
	color: white;
	padding-top: 117.5px;
	padding-bottom: 15px;
}
.my-profile-pic{
	width: 72.5px;
	height: 72.5px;
	border-radius: 50%;
	border: 4px solid white;
	background: url('../images/my-profile-pic.png');
	background-size: cover;
	text-align: center;
	vertical-align: middle;
	margin-right: 15px;
	position: relative;
}
.my-profile-pic .snow{
	width: 44px;
	position: absolute;
    left: 0;
    right: 0;
    top: -7px;
    margin: auto;
}	

.homepage-list{
	height: 71.5px;
	background: white;
	border-radius: 6px;
}
.homepage-list ul{
	display: flex;
}
.homepage-list li{
	flex: 1;
	font-size: 10px;
	text-align: center;
}
.homepage-list li a{
	color: #787878;
}
.homepage-list li .img{
	height: 22.5px;
	margin-top: 17px;
	margin-bottom: 8px;
}

.am-titlebar-default{
	height: 31px;
	line-height: 31px;
	border-bottom: none;
}
.am-titlebar-default .am-titlebar-title:before{
	display: none;
}
.am-titlebar-default .am-titlebar-title{
	color: #454545;
	font-size: 12px;
	padding-left: 0;
}
.am-titlebar-default .am-titlebar-nav a:last-child{
	color: #454545;
	font-size: 10px;
}

.lyceum li .lyceum-list{
	position: relative;
}
.lyceum li .lyceum-list:before{
	content: '';
	clear: both;
	width: 100%;
	height: 100%;
	display: block;
	background: url('../images/lyceum-snow.png') no-repeat top;
	background-size: 100%;
	position: absolute;
	top: -15px;
}
.lyceum-list-l{
	width: 174px;
	width: 49%;
	font-size: 10px;
	padding: 9.6vw 4.4vw 0;
	box-sizing: border-box;
	position: absolute;
}
.lyceum-list-l p{
	font-size: 1.4rem;
}
.lyceum-list-l span{
	display: block;
	color: #767676;
	margin-top: 11px;
	margin-bottom: 10.5px;
}
.lyceum-list-l img{
	display: inline-block !important;
	width: 20vw !important;
}
.lyceum-list-l a{
	color: #b99e60;
	font-size: .8rem;
    margin-left: 1.6vw;
    margin-top: 2.26vw;
    display: block;
    float: right;
}
.lyceum-list-r{
	width: 191.5px;
	width: 51%;
	height: 100%;
	background: url('../images/lyceum-pic1.png');
	background-size: cover;
}

.store li{
	margin-bottom: 38px;
	box-shadow: none;
	box-shadow: 0 5px 11px -7px rgba(0,0,0,.15);
}
.store-list{
	height: 177.5px;
}
.store-list-l,.store-list-r{
	height: 100%;
	text-align: center;
}
.store-list-l{
	width: 43%;
	padding: 12px 0 8px;
	padding: 23.5px 0 8px;
}
.store-list-r{
	width: 57%;
	color: #b99e60;
	padding-top: 9.3vw;
	padding-right: 30px;
}
.store-list-r>div{
	position: relative;
}
.store-list-r em{
	position: absolute;
    top: 11px;
    right: 7.2vw;
}
.store-list p{
    line-height: 5.33vw;
    color: #4f4f4f;
    text-align: center;
    font-size: 13px;
    margin-bottom: 3.2vw;
    text-overflow: -o-ellipsis-lastline !important;
 	overflow: hidden !important;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	line-clamp: 2;
  	-webkit-box-orient: vertical;
}
.store-list-r a{
	font-size: 13px;
	border-radius: 60px;
	border: 1px solid #b99e60;
	padding: 3px 13px;
	margin: 8px auto 0;
}
.store-list b{
	font-size: 22px;
	font-weight: normal;
}
.store-list em{
	font-weight: normal;
	font-size: 10px;
}
.store-list b,.store-list a{
	color: #b99e60;
}

.other li{
	margin-bottom: 14px;
	/*box-shadow: 0 1px 16px rgba(0,0,0,.15);*/
	box-shadow: 0 5px 11px -7px rgba(0,0,0,.15);
}

.list-box{
	height: 44vw;
	background: white;
	box-shadow: 0 1px 16px rgba(0,0,0,.15);
}

.active-slider{
	margin-top: 150px;
}

.store{

}

.bac{
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: -1;
}

/*鉴别拉菲*/
.identify-word{
	text-align: center;
	color: #b99e60;
	margin-top: 76.2vw;
}

/*报名页面1*/
.apply-btn{
	padding-top: 143vw;
}
.apply-btn a{
	display: block;
	width: 140px;
	height: 32.5px;
	line-height: 32.5px;
	color: white;
	background: #c09b5c;
	text-align: center;
	border-radius: 60px;
	margin: 0 auto 17.5px;
}

/*菲常学园2*/
.activity{
	background: white;
	border-radius: 16px;
	padding: 0 17px;
	box-shadow: 0 1px 16px rgba(0,0,0,.15);
}
.current-activity{
	margin-bottom: 20px;
	position: relative;
}
.am-list-news-default span,.am-list-news-default button{
	color: #b99e60;
	font-size: 12px;
}
.am-list-news-default span{
	position: absolute;
	right: 79px;
	bottom: 15.5px;
}
.am-list-news-default button{
	float: right;
	width: 67px;
	height: 24px;
	color: white;
	background: #b99e60;
	border-radius: 60px;
}
.past-activity button{
	background: #b5b5b5;
}

/*报名详情页4*/
.detail-page-a a{
	width: 137.5px;
	height: 34px;
	line-height: 34px;
	color: white;
	background: #c6a461;
	text-align: center;
	border-radius: 60px;
	position: absolute;
	top: 107.5vw;
	left: 0;
	right: 0;
	margin: auto;
}
.detail-list{
	margin: 0 19px;
}
.detail-list li{
	height: 185px;
	color: #666666;
	font-size: 12px;
	background: white;
	border-radius: 6px;
	margin-bottom: 28px;
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
	position: relative;
}
.detail-list li:nth-child(2){
	color: #000;
	line-height: 28px;
	background: transparent;
	font-size: 10px;
	box-shadow: none;
	text-align: center;
}
.detail-list li div{
	position: absolute;
	left: 9px;
	bottom: 17px;
}

/*报名须知*/
.subscribe-a a{
	display: block;
	width: 226px;
	height: 32px;
	line-height: 32px;
	color: white;
	background: #c09b5c;
	text-align: center;
	border-radius: 60px;
	margin: auto;
}

/*葡币商城*/
.store-box{
    width: 100%;
	height: 237.5px;
	background: #c7ae75;
	padding-top: 35px;
	position: relative;
}
.store-box1{
	color: white;
	text-align: center;
}
.store-box1 img{
	display: block;
	width: 47px;
	margin: 0 auto;
}
.store-box1 b{
	color: #f7f0df;
	font-size: 35px;
	line-height: initial;
}
.store-box1-em{
	display: block;
	width: 31.5px;
	height: 12.5px;
	line-height: 12.5px;
	color: #ddd1b8;
	text-align: center;
	font-size: 10px;
	border: 1px solid #ddd1b8;
	border-radius: 3px;
	margin-left: 10px;
    position: absolute;
    margin-left: 10px;
    left: 0;
    right: -120px;
    margin: auto;
    bottom: 12px;
}
.store-box2{
	width: 100%;
	font-size: 12px;
	color: #f5ecd8;
	padding-left: 21.5px;
	position: absolute;
	bottom: 61px;
}
.store-box2>div{
	width: 105.5px;
	height: 22.5px;
	line-height: 22.5px;
	font-size: 10px;
	border-radius: 60px 0 0 60px;
	color: #ede1c5;
	background: rgba(255,255,255,.2);
	padding-left: 10px;
	box-sizing: initial;
}
.store-box2 img{
	width: 12px;
	margin-right: 6px;
}

/*兑换*/
.conversion{
	height: 343.5px;
	box-shadow: none;
	margin-bottom: 0;
}
.conversion2{
	font-size: 14px;
	margin: 0 19px 21px;
	padding: 0 17.5px 14px;
	background: white;
	border-radius: 6px;
}
.conversion2 p{
	color: #000;
	width: 55vw;
}
.conversion2 span{
	font-size: 12px;
	color: #999;
	float: right;
}
.conversion2 .text{
	margin-top: 19px;
}
.conversion2 .text b{
	font-size: 15px;
	color: #cdad6c;
}
.conversion2 .text img{
	width: 15px;
	margin-right: 6.5px;
}
.conversion2 .text button{
	float: right;
	width: 105px;
	height: 27.5px;
	color: white;
	font-size: 15px;
	border-radius: 6px;
	background: #ccad6c;
}
.conversion-details{
	text-align: center;
	background: white;
	font-size: 14px;
}
.conversion-details h2{
	height: 82.5px;
	line-height: 82.5px;
	color: #c3a15d;
	font-size: 16px;
	position: relative;
}
.conversion-details h2:before,.conversion-details h2:after{
	content: '';
	clear: both;
	display: block;
	width: 132.5px;
	height: 4px;
	position: absolute;
}
.conversion-details h2:before{
  	background-image: linear-gradient(to right, #f8f4ed , #e0ceaa);
	top: 37px;
}
.conversion-details h2:after{
	right: 0;
  	background-image: linear-gradient(to left, #f8f4ed , #e0ceaa);
	top: 37px;
}
.conversion-details div{
	color: #000;
	font-size: 12px;
}

/*赚取葡币规则*/
.am-header .am-header-title a{
	font-size: 14px;
}
.at-present{
	color: #cbac6a;
	padding: 0 40px;
	position: absolute;
	top: 26.66vw;
}
.at-present p{
	font-size: 14px;
}
.at-present h1{
	line-height: initial;
    font-size: 3.6rem;
    font-weight: normal;
    margin-top: 1.5vw;
}
.record-box{
    position: absolute;
    top: 210px;
    width: 100%;
}
.record-list>p{
	height: 52.5px;
	line-height: 57.5px;
	font-size: 14px;
}
.record-list ul{
	background: white;
	box-shadow: 0 1px 6px rgba(0,0,0,.1);
}
.record-list ul li{
	height: 75px;
	font-size: 14px;
	border-bottom: 1px solid #dbdbdb;
	padding-top: 22px;
	position: relative;
}
.record-list ul li:last-child{
	border: none;
}
.record-list ul li span{
	line-height: initial;
	display: block;
	color: #999;
	margin-top: 6px;
}
.record-list ul li div{
	position: absolute;
	top: 27.5px;
	right: 0;
}
.record-list .plus{
	color: #c3a05b;
}

/*我的学园*/
.my-academy-list{
	padding: 0 15px;
	margin-top: 22.6vw;
}
.my-academy-list li{
	height: 19.2vw;
	font-size: 14px;
	background: white;
	border-radius: 6px;
	margin-bottom: 10px;
	display: flex;
	box-shadow: 0 0 8px rgba(0,0,0,.1);
}
.my-academy-list li>div{
	flex: 1;
	text-align: center;
	position: relative;
}
.my-academy-list li p,.my-academy-list li em{
	color: #999;
	line-height: 72px;
}
.my-academy-list .underway{
	color: #caa765;
}
.my-academy-list li>div .spa{
	position: absolute;
	width: 100%;
	top: 17px;
}
.my-academy-list span{
	display: block;
	font-size: 12px;
}
.my-academy-list li:first-child{
	background: transparent;
	position: relative;
	box-shadow: none;
}
.my-academy-list li:first-child div{
	width: 90px;
	height: 37px;
	background: white;
	font-size: 15px;
	border-radius: 6px;
	box-shadow: 0 0 6px rgba(0,0,0,.1);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.my-academy-list li:first-child div:nth-child(2){
	left: 0;
	right: 0;
}
.my-academy-list li:first-child div:nth-child(3){
	right: 0;
}
.my-academy-list li:first-child div p{
	color: #caa765;
	line-height: 37px;
}

/*我的*/
.my-profile .pen{
	width: 16.5px;
	position: absolute;
	bottom: -2px;
    right: -2px;
}
.my-at-present{
	width: 121px;
	height: 27.5px;
	line-height: 27.5px;
	font-size: 10px;
	color: #b89f60;
	background: rgba(255,255,255,.8);
	border-radius: 60px 0 0 60px;
	position: absolute;
	right: 0;
	top: 102.5px;
}
.my-at-present .img{
	width: 37.5px;
	height: 100%;
	text-align: center;
	display: inline-block;
}
.my-at-present .img img{
	width: 48%;
}
.my-list1{
	margin-top: 20px;
	margin-bottom: 11.5px;
	padding-bottom: 7.5px;
}
.my-list li{
	padding-top: 10px;
}
.my-list li:last-child .text{
	border-bottom: none;
}
.my-list a{
	width: 100%
	height: 40px;
	display: flex;
}
.my-list .img{
	width: 25px;
	padding-bottom: 8px;
}
.my-list .img img{
	width: 16px;
}
.my-list .text{
	flex: 1;
	font-size: 14px;
	color: #454545;
	border-bottom: 1px solid #dbdbdb;
	padding-top: 5px;
}
.my-list .text span{
	float: right;
	color: #a3a3a3;
}
.my-set{
	height: 50px;
	line-height: 50px;
}
.my-set a{
	height: 100%;
}
.my-set .img{
	padding-bottom: 0;
	position: relative;
}
.my-set .img img{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.my-set .text{
	padding-top: 0;
	border: none;
}

/*修改个人信息*/
.header-pic{
	width: 142.5px;
	height: 142.5px;
	background: url('../images/change_pic.png');
	background-size: 100%;
	border-radius: 50%;
    position: absolute;
    top: 157.5px;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
}
.header-pic section>div{
	width: 100%;
	height: 100%;
	color: white;
	background: rgba(0,0,0,.5);
	font-size: 12px;
	text-align: center;
	position: absolute;
}
.header-pic section>div>img{
	width: 37px;
	margin: 57.5px auto 17.5px;
}
.header-pic section>div>p{
	font-size: 12px;
	color: white;
}

/*我的订单*/
.layui-tab{
	margin: 0;
	text-align: center !important;
}
.layui-tab-title{
	display: flex;
	height: 37px;
	background: white;
	border-radius: 0 0 6px 6px;
	border-bottom: none;
	overflow: hidden;
}
.layui-tab-title li{
	flex: 1;
	line-height: 37px;
	font-size: 12px;
}
.layui-tab-brief>.layui-tab-title .layui-this{
	color: inherit;
}
.layui-tab-title .layui-this:after{
	height: inherit;
	bottom: -1px;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
	/*display: none;*/
	border-bottom: 2px solid #b89f60;
}
.layui-tab-content{
	background: white;
	border-radius: 6px;
	font-size: 12px;
	text-align: initial;
	padding: 0 17.5px 9px;
	margin: 17px 5px 0;
}
.order-header p{
	height: 35px;
	line-height: 35px;
	color: #969696;
	font-size: 12px;
	border-bottom: 1px solid #e9e9e9;
}
.order-header p span{
	float: right;
	font-size: 14px;
}
.order-content{
	height: 75px;
	display: flex;
	border-bottom: 1px solid #e9e9e9;
}
.order-content .img{
	width: 50px;
	height: 100%;
	margin-right: 13px;
	position: relative;
}
.order-content .img img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.order-content .text{
	flex: 1;
	color: #a8a8a8;
	padding-top: 17px;
}
.order-content .text-top{
	font-size: 14px;
}
.order-content .text-top p{
	color: #333;
}
.order-content .text p{
	float: left;
    display: inline-block;
    white-space: nowrap;
    width: 50vw;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.order-content .text span{
	float: right;
}
.order-money{
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #a8a8a8;
	text-align: right;
}
.order-money span{
	color: #333;
	font-size: 14px;
}
.order-money div{
	display: inline-block;
	margin-left: 13px;
}
.order-btn{
	text-align: right;
}
.order-btn li{
	float: left;
	margin-left: 8px;
	font-size: 10px;
}
.order-btn li:last-child button{
	color: #b89f60;
	border-color: #b89f60;
}
.order-btn button{
	width: 58.5px;
	height: 23px;
	color: #999;
	background: white;
	border-radius: 60px;
	border: 1px solid #999;
}

/*收货地址*/
.address{
	padding: 0 15px;
}
.address li{
	background: white;
	font-size: 14px;
	border-radius: 6px;
	margin-top: 24px;
	padding: 13px;
}
.address li .address-peo,.address li .address-text{
	display: flex;
}
.address .img{
	width: 13px;
	margin-right: 8px;
}
.address .text{
	flex: 1;
}
.address li .address-text{
	margin: 11px 0 33px;
}
.address-selec input,.address-selec label{
	vertical-align: middle;
}
.address-selec button{
	width: 49px;
	height: 23px;
	font-size: 14px;
	color: #c09d53;
	background: white;
	border: 1px solid #c09d53;
	border-radius: 4px;
	margin-left: 14px;
}
.address .add{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	color: white;
	background: #cbac6a;
	font-size: 16px;
}

/*帮助与反馈*/
.am-panel-group .am-panel{
	border: none;
	background: initial;
	position: relative;
}
.am-panel-hd{
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	border-radius: 6px;
	box-shadow: 0 1px 6px rgba(0,0,0,.11);
	padding: 0 10px;
}
.am-panel-hd>img{
  width: 20px;
  height: 19.5px;
  margin-right: 8px;
  margin-top: 13px;
}
.am-panel-hd h4{
	flex: 1;
	display: inline-block;
}
.am-panel-default>.am-panel-hd{
	color: #cdae6d;
	background: white;
	margin: 0 4.5px;
	display: flex;
}
.am-panel-hd h4 img{
	width: 18.5px;
	position: absolute;
	top: 14px;
	right: 10px;
}
.am-panel-hd .am-panel-title:after {
	content: '';
	clear: both;
	display: block;
	width: 18.5px;
	height: 45px;
	position: absolute;
	background: url('../images/up.png') no-repeat center;
	background-size: 100%;
	top: 0;
	right: 10px;
}

.am-panel-hd .am-panel-title.am-collapsed:after{
	background-image: url('../images/down.png');
}
.am-panel-hd .am-panel-title.am-collapsed img{
	display: none !important;
}

.am-panel-group .am-panel-hd+.am-panel-collapse .am-panel-bd{
	border-top: none;
	color: #969696;
	background: #fff;
	font-size: 10.5px;
	line-height: 23px;
	margin-top: 15px;
}
.am-panel-bd{
	padding: 5px 15px 10px;
}

/*wine*/
.wine-logo{
	margin-top: 52.3vw;
	text-align: center;
}
.wine-logo img{
	width: 86px;
}
.wine-title h1{
	height: 35px;
	line-height: 35px;
	font-size: 1.25rem;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
.wine-title h1:after{
	content: '';
	clear: both;
	display: block;
	width: 293.5px;
	height: 2px;
    background-image: radial-gradient(#b99e60, transparent); 
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.wine-list{
	margin: 0 40px;
}
.wine-list li{
	background: #f1f1f1;
	margin-bottom: 61px;
	border-radius: 6px;
	/*overflow: hidden;*/
	position: relative;
}
.wine-list li .img{
	height: 172.5px;
}
.wine-list li .img img{
	width: 100%;
}
.wine-list li .text{
	padding: 0 20px 30px;
}
.wine-list li .text h3{
	text-align: center;
	height: 65px;
	line-height: 65px;
	position: relative;
	transform-style: preserve-3d;
}
.wine-list li .text h3:before{
	content: '';
	clear: both;
	display: block;
	width: 91.5px;
	height: 6.5px;
	background: #b99e60;
	border-radius: 60px;
	position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateZ(-1px);
}
.wine-list li .text span{
	line-height: 27px;
	font-size: 10px;
	color: #000;
}
.wine-list li a{
	color: #c0a973;
	font-size: 12px;
	position: absolute;
	right: 7px;
	bottom: 10px;
}