@charset "UTF-8";
.pointsMall-top {width: 100%;height: 360px;background-size: cover;margin-bottom: 60px;}
.pointsMall-top .con-box {width: 1190px; margin: auto; position: relative;z-index: 4;}

.pointsMall-top .account-credits {float: right;width: 290px;min-height: 360px;padding: 15px 0 0px 0;text-align: center;background: url(../../image/home-credits-bg.png) no-repeat;background-size: 100% 100%;box-sizing: border-box;}
.pointsMall-top .account-credits .avatar-img {display: inline-block;width: 100px;height: 100px;border-radius: 50px;overflow: hidden;}
.pointsMall-top .account-credits .avatar-img img {width: 100%;height: 100%;}
.pointsMall-top .account-credits p {font-size: 18px;color: #333;}
.pointsMall-top .account-credits .credits-box {position: relative;display: inline-block;width: 240px;height: 92px;margin-top: 16px;background: url(../../image/home-credits-bg-s.png) no-repeat;background-size: 100% 100%;}
.pointsMall-top .account-credits .credits-tit {position: absolute;top: -15px;width: 100%;}
.pointsMall-top .account-credits .credits-tit h3 {font-size: 16px;color: #666;line-height: 100%;}
.pointsMall-top .account-credits .credits-tit p {font-size: 14px;color: #999;}
.pointsMall-top .account-credits .credits-num {font-size: 48px;line-height: 40px;color: #ffb12e;}
.pointsMall-top .account-credits .exchange-records {position: static;white-space:nowrap;margin-left:15px;font-size: 14px;color: #ffb12e;text-decoration: underline;cursor: pointer;}
.pointsMall-top .account-credits .login-btn {display: none;position: relative;width: 200px;height: 46px;line-height: 46px;background-color: #fdd900;color: #444;font-size: 16px;margin-top: 55px;cursor: pointer;overflow: hidden;}
.pointsMall-top .account-credits .login-btn em {position: relative;}
.pointsMall-top .account-credits .login-btn:hover {background-color: transparent;background-color: #fdd900 \9;}
.pointsMall-top .account-credits .login-btn: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-top .account-credits .login-btn:hover:before {visibility: visible;-webkit-transform: scale(4.5);transform: scale(4.5);}
.pointsMall-top .account-credits.notlogin {padding-top: 40px;}
.pointsMall-top .account-credits.notlogin .credits-box {display: none;}
.pointsMall-top .account-credits.notlogin .tip-wrp {display: none;}
.pointsMall-top .account-credits.notlogin .progress-wrp {display: none;}
.pointsMall-top .account-credits.notlogin .login-btn {display: inline-block;}
.pointsMall-hot {width: 1190px;margin: 0 auto 60px;overflow: hidden;}
.pointsMall-hot .hot-left {float: left;width: 110px;height: 602px;}
.pointsMall-hot .hot-right {float: right;width: 1080px;height: 601px;border-bottom: 1px solid #e5e5e5;}
.pointsMall-hot .hot-list {overflow: hidden;margin-left: 2px;}
.pointsMall-hot .hot-list li {float: left;width: 300px;height: 300px;text-align: center;padding: 24px 28px 20px;border: 1px solid #e5e5e5;margin-left: -1px;border-bottom: none;box-sizing: border-box;}
.pointsMall-hot .hot-list li a {display: inline-block;}
.pointsMall-hot .hot-list li h2 {font-size: 18px;color: #333;text-align: left;font-weight: normal;}
.pointsMall-hot .hot-list li p {font-size: 14px;color: #ff8c00;text-align: left;margin-bottom: 6px;}
.pointsMall-hot .hot-list li p span {font-size: 24px;}
.pointsMall-hot .hot-list li .hot-pro-img {position: relative;width: 180px;height: 180px;}
.pointsMall-hot .hot-list li .hot-pro-img img {width: 100%;height: 100%;-webkit-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;}
.pointsMall-hot .hot-list li:hover .hot-pro-img img {width: 106%;height: 106%;margin-top: -3%;margin-left: -3%;}
.pointsMall-hot .hot-list li:first-child {width: 480px;height: 600px;}
.pointsMall-hot .hot-list li:first-child .hot-pro-img {width: 400px;height: 400px;}
.pointsMall-hot .hot-list li:first-child p {margin-bottom: 36px;}
.pointsMall-pro {width: 1190px;margin: auto;border: 1px solid #e5e5e5;}
.pointsMall-nav .nav-tab {height: 68px;}
.pointsMall-nav .nav-tab span {position: relative;float: left;padding: 0 20px;line-height: 68px;font-size: 16px;color: #666;cursor: pointer;}
.pointsMall-nav .nav-tab span i {display: none;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 0;height: 0;border-bottom: 10px solid #f7f7f7;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.pointsMall-nav .nav-tab span.cur {color: #ffb12e;font-weight: bold;}
.pointsMall-nav .nav-tab span.cur i {display: block;}
.pointsMall-nav .nav-tab span:hover {color: #ffb12e;}
.pointsMall-nav .nav-tab .exchange-flow {position: relative;}
.pointsMall-nav .nav-tab .exchange-flow:hover .exchange-flow-sel {display: block;}
.pointsMall-nav .nav-tab .exchange-flow-sel {display: none;position: absolute;top: 100%;left: 0;width: 200px;background: #fff;font-weight: normal;}
.pointsMall-nav .nav-tab .exchange-flow-sel li {height: 40px;line-height: 40px;padding: 0 28px;font-size: 14px;color: #666;}
.pointsMall-nav .nav-tab .exchange-flow-sel li.active {background: #fdd900;}
body {background: #fff !important;}
.pointsMall-nav .searchInputcss {float: left;padding: 22px 0;}
.pointsMall-nav .searchInputcss input {font-size: 16px;outline: none;}
.pointsMall-nav .searchInputcss input::-webkit-input-placeholder {color: #ccc;}
.pointsMall-nav .searchInputcss input:-moz-placeholder {color: #ccc;}
.pointsMall-nav .searchInputcss input:-ms-input-placeholder {color: #ccc;}
.pointsMall-nav .searchInputcss i {display: inline-block;width: 20px;height: 20px;background: url(../../image/pointsMall.png) no-repeat -95px 0;vertical-align: -5px;margin-right: 12px;}
.pointsMall-nav .nav-filter {background-color: #f7f7f7;zoom: 1;}
.pointsMall-nav .nav-filter:after {content: '';display: block;clear: both;}
.pointsMall-nav .nav-filter span {float: left;padding: 0 28px;line-height: 40px;font-size: 14px;color: #666;cursor: pointer;}
.pointsMall-nav .nav-filter span.cur {background-color: #ffd800;}
.pointsMall-nav .nav-filter span:hover {background-color: #ffd800;}
.pointsMall-nav .nav-filter span.can-exchange:hover {background-color: #f7f7f7;}
.pointsMall-nav .nav-filter .down-arrow-icon,
.pointsMall-nav .nav-filter .up-arrow-icon {display: none;width: 12px; height: 14px; background: url(../../image/pointsMall.png) no-repeat;vertical-align: -1px;margin-left: 6px;}
.pointsMall-nav .nav-filter .down-arrow-icon {background-position: 1px 1px;}
.pointsMall-nav .nav-filter .up-arrow-icon {background-position: -13px 1px;}
.pointsMall-nav .nav-filter .down-icon,
.pointsMall-nav .nav-filter .up-icon {display: none;width: 12px; height: 9px; background: url(../../image/pointsMall.png) no-repeat;vertical-align: -1px;margin-left: 6px;}
.pointsMall-nav .nav-filter .down-icon {background-position: -29px -6px;}
.pointsMall-nav .nav-filter .up-icon {background-position: -29px 1px;}
.pointsMall-nav .nav-filter span.cur .down-arrow-icon,
.pointsMall-nav .nav-filter span.cur .up-arrow-icon,
.pointsMall-nav .nav-filter span.cur .down-icon,
.pointsMall-nav .nav-filter span.cur .up-icon {display: inline-block;}
.pointsMall-nav .nav-filter .check-input {position: relative;display: inline-block;}
.pointsMall-nav .nav-filter .check-input input {position: absolute;margin-top:13px;}
.pointsMall-nav .nav-filter .uncheck-icon,
.pointsMall-nav .nav-filter .check-icon {position: relative;display: inline-block;width: 16px; height: 16px; background: url(../../image/pointsMall.png) no-repeat;vertical-align: -2px;margin-right: 6px;background-color: #f7f7f7;}
.pointsMall-nav .nav-filter .uncheck-icon {background-position: -48px 1px;}
.pointsMall-nav .nav-filter .check-icon {background-position: -71px 1px;}
.pointsMall-nav .nav-filter .integral-range {position: relative;}
.pointsMall-nav .nav-filter .integral-range ul {display: none;position: absolute;top: 40px;left: 0;width: 200px;background-color: #f7f7f7;}
.pointsMall-nav .nav-filter .integral-range li {width: 100%;height: 40px;line-height: 40px;color: #666;font-size: 14px;padding: 0 28px;box-sizing: border-box;}
.pointsMall-nav .nav-filter .integral-range li.cur {background-color: #fdd900;}
.pointsMall-nav .nav-filter .integral-range li:hover {background-color: #fdd900;}
.pointsMall-list ul {overflow: hidden;}
.pointsMall-list li {float: left;width: 25%;padding: 39px 25px;text-align: center;box-sizing: border-box;}
.pointsMall-list li a {display: inline-block;}
.pointsMall-list li .list-img {display: inline-block;width: 220px;height: 220px;margin-bottom: 30px;}
.pointsMall-list li .list-img img {width: 100%;height: 100%;-webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;}
.pointsMall-list li:hover .list-img img {width: 106%;height: 106%;margin-top: -3%;margin-left: -3%;}
.pointsMall-list li .list-info {padding: 10px 0;border-top: 1px solid #e5e5e5;}
.pointsMall-list li .list-info div {font-size: 14px;color: #ff8c00;}
.pointsMall-list li .list-info span {font-size: 24px;}
.pointsMall-list li .list-info p {height: 32px;font-size: 14px;line-height: 16px;color: #444;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pointsMall-pro.fixed .pointsMall-nav{position: fixed;width: 1190px;top: 0;left: 0;right: 0;margin: auto;background-color: #fff;}
.pointsMall-pro.fixed .pointsMall-list {padding-top: 108px;}
.pointsMall-page {width: 1190px;margin: auto;overflow: hidden;padding: 20px 0;}
.pointsMall-page #infoPage {height: 40px;}
.pointsMall-page #infoPage ul li {height: 40px;line-height: 40px;font-size: 14px;color: #666;}
.pointsMall-page #infoPage .everyPage {width: 40px;height: 40px;line-height: 40px;border: 1px solid #e5e5e5;font-size: 14px;color: #666;margin-left: -1px;}
.pointsMall-page #infoPage .upPage, .pointsMall-page #infoPage .downPage {width: 100px;height: 40px;line-height: 40px;border: 1px solid #e5e5e5;font-size: 14px;color: #666;margin-left: -1px;}
.pointsMall-page #infoPage .nowPage {width: 40px;height: 40px;line-height: 40px;background-color: #ffd800;border: 1px solid #ffd800;margin-left: -1px;color: #666;}
.pointsMall-page #inputPage {/*width: 40px;height: 40px;*/padding: 6px;border: 1px solid #e5e5e5;}
.pointsMall-page #infoPage .goToPage {width: 60px;height: 40px;border: 1px solid #e5e5e5;background-color: transparent;color: #666;}
.pointsMall-page #infoPage .goToPage:hover {background-color: #ffd800;}
.pointsMall-page #page-skip {margin-left: 30px;}

.progress-wrp{background-color:#fff;padding:19px}
.progress-wrp .number-wrp{
	position:relative;
}
.progress-wrp .number-wrp .number-item{top:-42px;position:absolute;display:inline-block;text-align:center;left:20%;font-size:12px;color:#fff;border-radius:10px;width:50px;line-height:30px;background:#FF9F5F;}
.progress-wrp .number-wrp .number-item.left{left:10%;background: #FED52F;}
.progress-wrp .number-wrp .number-item.left::before{display:inline-block;content:'';content:'';display:inline-block;width:0;height:0;border-top:8px solid #FED52F;border-right:8px solid transparent;border-left:8px solid transparent;position:absolute;bottom:-7px;left:50%}
.progress-wrp .number-wrp .number-item.mid{left:40%;background: #FF8876;}
.progress-wrp .number-wrp .number-item.mid::before{display:inline-block;content:'';content:'';display:inline-block;width:0;height:0;border-top:8px solid #FF8876;border-right:8px solid transparent;border-left:8px solid transparent;position:absolute;bottom:-8px;left:50%}
.progress-wrp .number-wrp .number-item.right{left:80%;background-color:#FF9650;}
.progress-wrp .number-wrp .number-item.right::before{display:inline-block;content:'';content:'';display:inline-block;width:0;height:0;border-top:8px solid #FF9650;border-right:8px solid transparent;border-left:8px solid transparent;position:absolute;bottom:-8px;left:50%}
.progress-wrp .progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.progress-wrp .progress-bar img{width:25px;height:25px;position:absolute;z-index:2;top:-6.5px;right:-18px;}
.progress-wrp .progress-bar .bar{width:257px;height:14px;background-color:#f3f3f3;position:relative;}
.progress-wrp .progress-bar .bar.active{background:#FFF7DB}
.progress-wrp .progress-bar .bar.active .bar-top{background-color:#FFC21D;}
.progress-wrp .progress-bar .bar .bar-top{width:72px;height:14px;background-color:#e1e1e1;position:relative;z-index:1;border-radius:7px}
.tip-wrp{background-color:#fff;padding:9px 24px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:24px}
.tip-wrp .tip{font-size:12px;color:#FF8C00;}
.tip-wrp .xs-btn{width:70px;line-height:30px;height:30px;border:none;color:#fff;font-size:11px;background-image:-webkit-gradient(linear,left bottom,left top,from(#FF6D1F),to(#FFF215));background-image:-o-linear-gradient(bottom,#FF6D1F 0,#FFF215 100%);background-image:linear-gradient(0deg,#FF6D1F 0,#FFF215 100%);border-radius:12.5px;margin-left:7.5px}
.tip-wrp .popover-down{
	top:92%;
	left:70px;
}
.tip-wrp .popover-down:before{ 
	border-bottom: 10px solid #fff;
}
.tip-wrp .popover-down:after {
    border-bottom: 15px solid #fff;
}
.S_focus .S_focus_pre,
.S_focus .S_focus_next,
.S_focus .S_focus_nav li {background:url(../../image/S_focus_button.png) no-repeat;}

.S_focus {width:100%; min-width:1190px; height:360px; position:relative;}
.S_focus .S_focus_mb {position:absolute; left:0; top:0; width:100%; height:360px; overflow:hidden;}
.S_focus .S_focus_mb img {position:absolute; left:50%; top:0; margin-left:-960px;}
.S_focus .S_focus_nav {position:absolute; bottom:10px; left:50%; width:1190px; margin-left:-595px; z-index:3;text-align: center;}
.S_focus .S_focus_nav ul {/* float:right; */ display: inline-block;}
.S_focus .S_focus_nav li {float:left; width:14px; height:14px; border-radius:14px; margin:0 5px; background-position:0 -51px; cursor:pointer;}
.S_focus .S_focus_nav li.S_current {border-color:#fff; background-position:-15px -51px;}
.S_focus .S_focus_pre,
.S_focus .S_focus_next {position:absolute; left:50%; top:155px; width:50px; height:50px; display:none; cursor:pointer; z-index:3;}
.S_focus .S_focus_pre {margin-left: -510px;background-position:-51px 0;}
.S_focus .S_focus_next {margin-left: 168px;background-position:0 0;}
.pointsMall-nav .nav-filter .integral .down-arrow-icon, .pointsMall-nav .nav-filter .integral .up-arrow-icon{border:none!important;}

.gift-btn.scan .popover-down {
    left: -80px;
}

.gift-btn.popover .popover-down {
    z-index: 2;
    background-color: #fff;
    width: 240px;
    height: 240px;
    padding: 0 40px 38px;
}

.gift-btn .popover-down {
    width: 450px;
    top: 42px;
    left: -76px;
    color: #666;
    white-space: normal;
    line-height: 1.5;
}