body{background: #F4F4F4;}
.list{width: 100%;text-align: center;}
.list-content{width: 1280px;margin: 0 auto;display: inline-block;padding: 40px 100px 0 100px;background: #FFFFFF;box-sizing: border-box;}

.list-content .title{height: 60px;line-height: 60px;text-align: left;font-weight: 400;color: #333;font-size: 20px;}
.list-navss{width: 100%;float: none;margin-bottom: 40px;border-bottom: 1px solid #999999;display: flex;justify-content: space-between;}
.list-navss ul{width: 50%;display: flex;justify-content: flex-start;}
.list-navss ul li a{font-weight: 400;color: #999999;font-size: 16px;margin-right: 40px;line-height: 50px;height: 50px;}
.list-navss ul .on a{color: #333333;}
.list-navss .r{float: right;max-width: 50%;}
.list-navss .r a{padding: 0 30px;line-height: 28px;height: 28px;float: right;background: #FFFFFF;border: 2px solid #977D56;box-shadow: 0px 4px 4px 0px rgba(23, 15, 10, 0.75);margin-top: 16px;font-size: 16px;color: #977D56;}
.nlogin{width: 1000px;text-align: center;padding: 100px 0;margin: 0 auto;background: #FFFFFF;}
.nlogin h4{font-size: 24px;font-weight: 700;line-height: 50px;}
.nlogin p{font-size: 14px;color: #666666;margin-bottom: 20px;}
.nlogin a{padding:5px 20px;background: #535353;color: #FFFFFF;font-size: 20px;border-radius: 20px;}

.content{width: 100%;box-sizing: border-box;padding: 0 40px;margin: 0 auto;}
.content input,.content textarea{box-sizing: border-box;margin: 0 0;padding: 0 0;border: 1px solid #DDDDDD;padding: 0 10px;
transition: all 0.5s;
-moz-transition: all 0.5s;	/* Firefox 4 */
-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
-o-transition: all 0.5s;	
}
.content input:focus,.content textarea:focus{border: 1px solid #743A3A !important;}

.coupon{width: 100%;}
.list-coupon{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.list-coupon li{width: 270px;height: 600px;background: #743A3A;position: relative;overflow: hidden;border-radius: 10px;color: #FFFFFF;box-sizing: border-box;padding: 0 20px;margin-right: 95px;margin-bottom: 40px;}
.list-coupon li:nth-child(3n){margin-right: 0;}
.list-coupon li h3{height: 45px;line-height: 45px;text-align: center;overflow: hidden;font-size: 15px;}
.list-coupon li .img{width: 230px;height: 230px;text-align: center;line-height: 230px;background: #FFFFFF;}
.list-coupon li .img img{max-width: 230px;max-height: 230px;vertical-align: middle;}
.list-coupon li .title{width: 100%;height: 56px;line-height: 20px;font-size: 14px;position: relative;color: #FFFFFF;text-align: center;letter-spacing: 0.5px;}
.list-coupon li .title::after{position: absolute;width: 32px;height: 32px;background: #FFFFFF;left: -36px;top: 50%;margin-top: -16px;content: '';border-radius: 50%;}
.list-coupon li .title::before{position: absolute;width: 32px;height: 32px;background: #FFFFFF;right: -36px;top: 50%;margin-top: -16px;content: '';border-radius: 50%;}
.list-coupon li .desc{width: 100%;height: 200px;text-align: left;background: #FFFFFF;color: #333333;font-size: 14px;box-sizing: border-box;padding: 10px 10px;overflow-x: hidden;overflow-y: auto;line-height: 25px;}
.list-coupon li .but{width: 100%;height: 65px;box-sizing: border-box;padding: 18.5px 20px;display: flex;justify-content: space-between;box-sizing: border-box;}
.list-coupon li .but a{padding: 0 30px;border-radius: 20px;border: 1px solid #FFFFFF;color: #FFFFFF;line-height: 28px;}
.list-coupon li .integral{position: absolute;left: 0;top: 55px;height: 25px;line-height: 25px;padding: 0 10px;background: #743A3A;z-index: 1;color: #FFFFFF;}
.list-coupon .on{background: #E8E1D9;color: #000;}
.list-coupon .on .title{color: #000000;}
.list-coupon .on .but{justify-content: center;}
.list-coupon .on .but a{border: 1px solid #CFA972;color: #FFFFFF;background: #CFA972;}