@charset "UTF-8";
.breadcrumbs {width: 100%;height: 40px;background-color: #f7f7f7;}
.breadcrumbs .bread {width: 1190px;margin: auto;line-height: 40px;font-size: 12px;color: #666;}
.breadcrumbs .bread a {color: #666;}
.breadcrumbs .bread i {font-style: normal;margin: 0 5px;font-family: "宋体";}
.pointsMall-dt .detail-con {width: 1190px;margin: auto;padding: 15px 0;}
.pointsMall-dt .detail-top {overflow: hidden;margin-bottom: 60px;}
.pointsMall-dt .detail-top .pro-img {float: left;width: 452px;}
.pointsMall-dt .l-pro-img {width: 450px;height: 450px;border: 1px solid #eee;}
.pointsMall-dt .l-pro-img img {width: 100%;height: 100%;}
.pointsMall-dt .s-pro-img {width: 100%;padding: 15px 0;overflow: hidden;}
.pointsMall-dt .s-pro-img span {float:left;width:35px;height: 70px;line-height: 70px;text-align: center;cursor: pointer;}
.pointsMall-dt .s-pro-img .prev i,
.pointsMall-dt .s-pro-img .next i {display: inline-block;width: 22px;height: 40px;background: url(../../image/pointsMall.png) no-repeat;margin-top: 15px;}
.pointsMall-dt .s-pro-img .prev i {background-position: 2px -21px;float: left;}
.pointsMall-dt .s-pro-img .next i {background-position: -26px -21px;float: right;}
.pointsMall-dt .s-pro-img .prev:hover i {background-position: 2px -62px;}
.pointsMall-dt .s-pro-img .next:hover i {background-position: -26px -62px;}
.pointsMall-dt .s-pro-img .pro-box {position: relative;float: left;width: 380px;height: 70px;overflow:hidden;}
.pointsMall-dt .s-pro-img .scroll-list {width: 10000em; position: absolute;}
.pointsMall-dt .s-pro-img .scroll-list li {float: left;width: 66px;height: 66px;border: 2px solid #fff;margin: 0 3px;cursor: pointer;}
.pointsMall-dt .s-pro-img .scroll-list li:hover {border-color: #ffd800;}
.pointsMall-dt .s-pro-img .scroll-list li img {width: 100%;height: 100%;}
.pointsMall-dt .pro-exchange {position: relative;float: left;width: 718px;height: 452px;margin-left: 20px;}
.pointsMall-dt .pro-exchange h2 {color: #333;font-size: 18px;font-weight: normal;}
.pointsMall-dt .pro-exchange p {color: #ff8c00;font-size: 14px;margin-bottom: 16px;}
.pointsMall-dt .pro-exchange .points-num {padding: 0 20px;height: 80px;line-height: 80px;color: #999;font-size: 14px;background: url(../../image/exchange-bg.png) no-repeat;background-size: 100% 100%;}
.pointsMall-dt .pro-exchange .points-num span {font-size: 30px;color: #ff8c00;vertical-align: -5px;margin-left: 18px;}
.pointsMall-dt .pro-exchange .remaining-num {padding: 16px 20px;font-size: 14px;color: #999;}
.pointsMall-dt .pro-exchange .remaining-num span {color: #333;margin-left: 20px;}
.pointsMall-dt .pro-exchange .exchange-num {padding: 0 20px;font-size: 14px;color: #999;}
.pointsMall-dt .pro-exchange .exchange-num .num-sel {display: inline-block;width: 128px;height: 30px;border: 1px solid #ddd;overflow: hidden;vertical-align: -10px;margin-left: 18px;}
.pointsMall-dt .pro-exchange .exchange-num i {float: left;width: 30px;height: 30px;cursor: pointer;background: url(../../image/pointsMall.png) no-repeat;}
.pointsMall-dt .pro-exchange .exchange-num i:hover {background-color: #eee;}
.pointsMall-dt .pro-exchange .exchange-num .num-sel-de {border-right: 1px solid #ddd;background-position: -49px -14px;}
.pointsMall-dt .pro-exchange .exchange-num .num-sel-pl {border-left: 1px solid #ddd;background-position: -71px -14px;}
.pointsMall-dt .pro-exchange .exchange-num input {float: left;width: 66px;height: 30px;line-height: 30px;text-align: center;border: none;outline: none;}
.pointsMall-dt .pro-exchange .exchange-btn {padding: 0 20px;margin-top: 40px;}
.pointsMall-dt .pro-exchange .exchange-btn a {position: relative;display: inline-block;width: 240px;height: 45px;line-height: 45px;text-align: center;background-color: #fdd900;color: #444;font-size: 18px;overflow: hidden;}
.pointsMall-dt .pro-exchange .exchange-btn em {position: relative;}
.pointsMall-dt .pro-exchange .exchange-btn a:hover {background-color: transparent;background-color: #fdd900 \9;}
.pointsMall-dt .pro-exchange .exchange-btn a:before {content: "";position: absolute;width: 46px;height: 46px;border-radius: 50% 50%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-color: #fdd900;visibility: hidden;-webkit-transform: scale(.25);transform: scale(.25);-webkit-transition: all .5s ease-out;transition: all .5s ease-out;}
.pointsMall-dt .pro-exchange .exchange-btn a:hover:before {visibility: visible;-webkit-transform: scale(5.5);transform: scale(5.5);}
.pointsMall-dt .pro-exchange .pro-operating {padding: 0 20px;position: absolute;bottom: 0;left: 0;font-size: 14px;}
.pointsMall-dt .pro-exchange .pro-operating ul {zoom: 1;}
.pointsMall-dt .pro-exchange .pro-operating ul:after {content: '';display: block;clear: both;}
.pointsMall-dt .pro-exchange .pro-operating li {float: left;color: #999;cursor: pointer;margin-right: 30px;}
.pointsMall-dt .pro-exchange .pro-operating li:hover {color: #333;}
.pointsMall-dt .pro-exchange .pro-operating em,
.pointsMall-dt .pro-exchange .pro-operating .bds_more {display: inline-block;width: 20px;height: 20px;background: url(../../image/pointsMall.png) no-repeat;margin-left: 8px;vertical-align: -5px;}
.pointsMall-dt .pro-exchange .pro-operating .favorite-pro i {font-style: normal;}
.pointsMall-dt .pro-exchange .pro-operating .favorite-pro em {background-position: -56px -41px;}
.pointsMall-dt .pro-exchange .pro-operating .favorite-pro.active em {background-position: -85px -41px;}
.pointsMall-dt .pro-exchange .pro-operating .share-pro span {float: left;}
.pointsMall-dt .pro-exchange .pro-operating .share-pro .bds_more {background-position: -113px -41px;margin: 0 0 0 8px;padding: 0;}
.pointsMall-dt .detail-main {overflow: hidden;}
.pointsMall-dt .hot-exchange {float: left;width: 298px;border: 1px solid #e5e5e5;}
.pointsMall-dt .hot-exchange-tit {height: 48px;text-align: center;background-color: #e5e5e5;}
.pointsMall-dt .hot-exchange-tit img {margin-top: 15px;}
.pointsMall-dt .hot-exchange-list li {text-align: center;padding: 20px 22px;border-top: 1px solid #e5e5e5;}
.pointsMall-dt .hot-exchange-list li:first-child {border-top: none;}
.pointsMall-dt .hot-exchange-list li img {width: 180px;height: 180px;}
.pointsMall-dt .hot-exchange-list li div {font-size: 14px;color: #ff8c00;}
.pointsMall-dt .hot-exchange-list li div span {font-size: 24px;margin-right: 5px;}
.pointsMall-dt .hot-exchange-list li p {font-size: 14px;color: #333;line-height: 16px;}
.pointsMall-dt .main-con {float: right;width: 850px;}
.pointsMall-dt .main-con-nav {width: 100%;height: 52px;background-color: #f7f7f7;}
.pointsMall-dt .main-con-nav .nav-box {width: 100%;margin: auto;overflow: hidden;}
.pointsMall-dt .main-con-nav span,.pointsMall-dt .main-con-nav .submit-btn {width: 200px;height: 52px;line-height: 52px;text-align: center;font-size: 16px;color: #666;cursor: pointer;}
.pointsMall-dt .main-con-nav span {float: left;}
.pointsMall-dt .main-con-nav span:hover {background-color: #ffd800;}
.pointsMall-dt .main-con-nav .submit-btn {display: none;float: right;background-color: #ffd800;}
.pointsMall-dt .main-con-nav .cur {background-color: #ffd800;}
.pointsMall-dt .main-con-bd {padding: 20px 50px;}
.pointsMall-dt .main-con-bd img {width: 100%;}
.pointsMall-dt .main-con.fixed .main-con-nav {position: fixed;top: 0;left: 0;}
.pointsMall-dt .main-con.fixed .nav-box {width: 1190px;}
.pointsMall-dt .main-con.fixed .submit-btn {display: block;}
.pointsMall-dt .main-con.fixed .main-con-bd {padding: 72px 50px 20px;}
ul, ol, li{list-style: none;}