.cm-main { background-color: #cc7351;}
.cm-top { background: url(https://www.newvast.com/images/adv-comm/20210101/cm-top-en.jpg) no-repeat center top; height: 556px;}
.cm-contain { width: 1243px; min-height: 200px; background-color: #e08f62; padding-left: 43px; border: 2px solid #f8d6b1; border-radius: 15px; margin: 0 auto 40px; position: relative; overflow: hidden;}
.cm-mgt { margin-top: -70px;}
.cm-tit { font-size: 28px; font-weight: 700; text-align: center; padding: 25px 0; color: #fff;}
.cm-list { padding: 10px 0 30px;}
.cm-list li { float: left; margin: 0 15px 15px 0; width: 228px; height: 365px; background-color: #fff; border-radius: 10px; transition: all 0.3s; cursor: pointer; position: relative; overflow: hidden;}
.cm-info { padding: 0 10px;}
.cm-list .cm-mid { width: 592px; height: 220px;}
.cm-img { padding: 0 0 10px 0;}
.cm-info a { display: block; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical; height: 36px; line-height: 18px; font-size: 14px;}
.cm-price { display: block; color: #ff4610; font-size: 16px; font-weight: 700; padding: 10px 0 5px 0;}
.cm-info del { display: block; font-size: 13px; color: #999;}
.cm-off { display: inline-block; padding: 4px 15px; font-size: 14px; font-weight: 700; color: #fff; background-color: #ff9c01; margin-top: 10px;}
.cm-mid .cm-img { float: left; width: 220px; padding: 0 0 0 10px;}
.cm-mid .cm-info { float: left; width: 335px; padding: 20px 10px 0 10px;}
.cm-mid .cm-info a { font-size: 18px; height: 40px; line-height: 20px; color: #999;}
.cm-mid .cm-price { font-size: 24px; padding: 20px 0 5px 0;}
.cm-mid .cm-info del { color: #aaa;}
.cm-ban { margin: 0 auto 40px; padding: 15px 15px 15px 30px; width: 1245px; height: 170px; border: 2px solid #f8d6b1; border-radius: 15px; background: #e08f62 url(https://www.newvast.com/images/adv-comm/20201225/coupon_left.png) no-repeat 18px center;}
.ban-text { float: left; width: 850px; height: 170px; background-color: #fff; text-align: center;}
.ban-text strong { display: block; color: #356965; font-size: 32px; font-weight: 700; padding: 50px 0 10px;}
.ban-text span { display: block; color: #6c6c6c; font-size: 18px;}
.ban-coupon { float: left; width: 395px; height: 170px; background: url(https://www.newvast.com/images/adv-comm/20201225/coupon_right.png) no-repeat left center; text-align: center; cursor: pointer;}
.ban-coupon em { display: block; padding: 40px 0 15px; font-size: 20px; font-weight: 700; color: #fff;}
.ban-coupon .ban-btn { display: inline-block; padding: 10px 30px; background-color: #7d422c; border-radius: 20px; color: #fff; font-size: 16px;}
.ban-coupon .coupon { display: block; padding: 15px 0 0 0; font-size: 18px; color: #fff;}
.ban-list { padding: 10px 0 0 0;}
.ban-list li { overflow: hidden; width: 1200px; margin-bottom: 10px; height: 285px; transition: all 0.3s; cursor: pointer; border-radius: 3px;}
.ban-list .apple { background: url(https://www.newvast.com/images/adv-comm/20201225/apple.jpg) no-repeat;}
.ban-list .samsung { background: url(https://www.newvast.com/images/adv-comm/20201225/samsung.jpg) no-repeat;}
.ban-list .oppo { background: url(https://www.newvast.com/images/adv-comm/20201225/oppo.jpg) no-repeat;}
.ban-list .huawei { background: url(https://www.newvast.com/images/adv-comm/20201225/huawei.jpg) no-repeat;}
.ban-list .xiaomi { background: url(https://www.newvast.com/images/adv-comm/20201225/xiaomi.jpg) no-repeat;}
.ban-list .oneplus { background: url(https://www.newvast.com/images/adv-comm/20201225/oneplus.jpg) no-repeat;}
.list-nav { float: left; width: 714px; height: 285px;}
.list-info { float: left; margin-right: 15px; width: 208px; padding: 25px 10px;}
.list-info span { display: block;}
.list-info em { display: inline-block; height: 20px; line-height: 20px; padding-top: 10px; vertical-align: middle;}
.list-info .cm-pri { font-size: 14px; font-weight: 700; color: #333; margin-right: 20px;}
.list-info .cm-num { font-size: 13px; color: #f60;}
.cm-bot { padding: 20px 0 30px; text-align: center;}
.cm-bot a { display: block; color: #fff; font-size: 18px; text-transform: uppercase;}
.mid-list { padding: 10px 0 30px;}
.cm-dl { float: left; width: 570px; height: 290px; padding: 25px 0 0 20px; margin: 0 20px 20px 0; background-color: #fff; border-radius: 3px;}
.cm-dl dt { float: left; width: 100%; position: relative; padding-bottom: 15px;}
.cm-dl dt strong { display: block; font-size: 18px; margin-bottom: 5px;}
.cm-dl dt a { display: block; width: 100px; height: 20px; line-height: 20px; color: #999;}
.cm-dl dt span { display: block; position: absolute; top: 0; right: 0; background-color: #f4e1d0; color: #d48543; padding: 8px 20px; border-radius: 20px 0 0 20px; font-weight: 700; font-size: 13px;}
.cm-dl dd { float: left; width: 177px; margin-right: 10px; position: relative;}
.cm-dl dd a { display: block; position: relative; width: 100%; height: 100%;}
.cm-dl dd span { display: block;}
.cm-dl .mid-pri { text-align: center; font-size: 14px; font-weight: 700; color: #333; padding-top: 15px;}
.cm-dl .mid-num { padding: 3px 10px; position: absolute; left: 0; top: 0; border-radius: 0 20px 20px 0; background-color: #f00; color: #fff;}
.cm-mark { position: absolute; width: 177px; height: 177px; left: 0; top: 0; background-color: #000; opacity: 0.04; z-index: 10;}
.cm-mark:hover { opacity: 0.08;}
.list-info img:hover { opacity: 0.9;}
.bot-list { padding: 10px 43px 30px 0;}
.bot-list li { margin-bottom: 15px; height: 232px; transition: all 0.3s;}
.bot-list .armband { background: url(https://www.newvast.com/images/adv-comm/20201225/armband.jpg) no-repeat;}
.bot-list .stand { background: url(https://www.newvast.com/images/adv-comm/20201225/stand.jpg) no-repeat;}
.bot-list .wallet { background: url(https://www.newvast.com/images/adv-comm/20201225/wallet.jpg) no-repeat;}
.list-nav a, .list-info a, .bot-list li a { display: block; width: 100%; height: 100%;}
.cm-list li:hover, .ban-list li:hover, .bot-list li:hover { transform: translateY(-5px);}
.cm-blank { height: 80px;}
.snow-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 99999;}