/* 网站导航 */
header{overflow: hidden; padding: 10px 0; width: 100%;}
.logo{}

/* 网站导航 */
.nav{ width: 960px;}
.nav ul{padding: 26px 0;}
.nav ul li{ float: left; width: 120px; font-size: 16px; text-align: center; position: relative;}
.nav ul li i{ position: absolute; background: url(../images/hot.png) no-repeat; width: 30px; height: 19px; right: 22px; top:-18px;}
.nav ul a li{color: #666;}
.nav ul a:hover li{color: #111;}

/* BANNER */
.banner{background: url(../images/member_banner.jpg) no-repeat center; height: 350px;}

/* 登录口状态 */
.login{ width: 300px; height: 350px; background: #124785;}
.login .loginbox{overflow: hidden; padding: 20px;}
.login .loginbox h2{ color: #FFF; font-size: 16px; margin: 60px 0;}
.login .loginbox h2 span{ display: block; margin: 10px 0;}
.login .loginbox h2 span b{ color: #fdbe35;}
.login .loginbox h3{ color: #FFF; font-size: 22px; border-bottom: 1px solid #FFF; margin: 20px 0; padding-bottom: 20px; m}
.login .loginbox dd{overflow: hidden; margin: 20px 0 40px 0;}
.login .loginbox dd a{ float: left; border: 1px solid #FFF; border-radius: 4px; color: #FFF; width: 116px; font-size: 16px; height: 36px; line-height: 36px; margin-right: 20px;}
.login .loginbox dd a i{color: #fdbe35; font-size: 20px; padding:0 6px 0 10px;}
.login .loginbox p{ display: block; text-align: center;color: #FFF;}
.login .loginbox p a{color: #FFF; font-size: 14px;}
.login .loginbox li{margin: 20px 0;}
.login .loginbox li span{float: left; color: #FFF;font-size: 14px; width: 60px; line-height: 36px;}
.login .loginbox li input{ border: 1px solid #FFF; height: 24px; line-height: 24px;padding: 5px; color: #FFF;}
.login .loginbox li .yzm{ width: 70px;}
.login .loginbox li .tijiao{background: #fdbe35;cursor: pointer; border-radius: 8px; width: 100%; text-align: center; border: 0; height: 40px; line-height: 40px; padding: 0; color: #000;}


.login_bg{background: url(../images/login_bg.jpg) no-repeat center; background-size: 100% 100%;}
.dengluk{background: url(../images/login_bg1.png) no-repeat center; width: 1200px; height: 778px; margin: 0 auto; margin-top: 3%;}
.dengluk h2{ color: #333; font-size: 28px; font-weight: bold; text-align: center; margin-bottom: 40px;}
.dengluk ul{padding: 185px 48px 0 780px;}
.dengluk ul li{margin-bottom: 45px;}
.dengluk ul li input{border: 0; background:none;width: 325px; height: 40px; line-height: 40px;padding: 5px; margin-left: 37px; font-size: 16px;}
.dengluk ul li .yzm{ width: 200px;}
.dengluk ul li .tijiao{background: #2580e6;cursor: pointer; margin-left: 0; border-radius: 40px; width: 100%; text-align: center;font-size: 18px; height: 50px; line-height: 50px; padding: 0; color: #FFF;}


/* 商品兑换区 */
.shop{overflow: hidden; padding: 50px 0;}
.shop ul{}
.shop ul li{float: left; background: #FFF;border: 1px solid #E7E7E7; width: 230px; margin-right: 10px;  margin-bottom: 20px;}
.shop ul li:nth-of-type(5n+0){margin-right: 0;}
.shop ul li dd{height: 180px; }
.shop ul li dd img{max-width: 100%; }
.shop ul li .text{padding: 10px; border-top: 1px solid #E7E7E7;}
.shop ul li .text h2{ font-size: 16px;}
.shop ul li .text span{font-size: 14px; color: #999; line-height: 28px;}
.shop ul li .text p{float: left; width: 50%;padding: 6px 0;}
.shop ul li .text .jf{ color: #f74a43;}
.shop ul li .text .jf b{font-size: 18px;}
.shop ul li .text .dh{ text-align: right; color: #c8c8c8;}


/* 积分明细 */
.jifen{overflow: hidden;position: relative; background: #FFF;margin: 50px 0; padding: 30px;}
.tabs{height: 50px; border-bottom: 1px solid #E7E7E7;}
.tabs li{height:50px;line-height:50px;float:left; width: 180px; text-align: center;}
.tabs li a {display: block; font-size: 16px;}
.tabs .thistab {border-bottom: 2px solid #2580e6; color: #2580e6;}
.tabs .thistab a{color: #2580e6;}
.tabs span{position: absolute; font-size: 17px; right: 30px; top:110px;}
.tabs span b{color: #2580e6; font-size: 22px;}

.tab_conbox{margin-top: 80px;}
.tab_conbox.mt{margin-top: 30px;}
.tab_con{width: 100%; display:none;}

.jf_biao{ width: 100%;}
.jf_biao dl{overflow: hidden;}
.jf_biao dl dd{ float: left; width: 23.1%; border-bottom: 1px solid #E7E7E7;border-left: 1px solid #E7E7E7; padding-left: 20px; font-size: 18px; height: 70px; line-height: 70px;}
.jf_biao dl dd:nth-of-type(4n+0){border-right: 1px solid #E7E7E7;}
.jf_biao dl dd.bt{ border-top: 1px solid #E7E7E7; color: #999;}
.jf_biao dl dd i{color: #2580e6;}
.jf_biao dl dd em{color: #f74a43;}

/* 我的订单 */
.orderBox{overflow: hidden; border: 1px solid #E7E7E7; padding: 30px; margin-bottom: 30px;}
.order_danhao{overflow: hidden;font-size: 18px; line-height: 40px;}
.order_danhao h4{ float: left;}
.order_danhao h5{font-size: 22px; color: #333;}
.order_danhao span{ float: right;}
.order_danhao span.blue{color: #2580e6;}
.order_danhao span.red{color: #f74a43;}
.order_danhao span.huise{color: #999999;}


.order_biao{overflow: hidden; border: 1px solid #E7E7E7; margin: 15px 0;}
.order_biao dl{}
.order_biao dl dd{ float: left; width: 18.14%; height: 100px; text-align: center; font-size: 16px; padding: 10px;}
.order_biao dl dd img{ border: 1px solid #E7E7E7; width: 140px; height: 90px;}
.order_biao dl dd.bb{ border-bottom: 1px solid #E7E7E7; color: #666;font-size: 15px; height: 30px; line-height: 30px; }
.order_biao dl dd.text_left{ text-align: left; }
.order_biao dl dd.red{color: #f74a43;}

.order_heji{color: #666; text-align: right;}
.order_heji span{color: #f74a43;}
.order_heji span b{font-size: 18px;}

.order_queren{border-top: 1px solid #E7E7E7;margin-top: 20px; width: 100%;}
.order_queren a{float: right; color: #FFF; background: #2580e6; border-radius: 6px; width: 140px;font-size: 16px; height: 40px; line-height: 40px; text-align: center; margin-top: 20px;}

/* 结算/请填写收货信息 */
.jiesuan{overflow: hidden;position: relative; background: #FFF;margin: 50px 0; padding: 30px;}
.shouhuo{overflow: hidden; padding: 30px;border: 1px solid #E7E7E7; margin-bottom: 30px;}
.shouhuo h4{font-size: 22px; color: #333; margin-bottom: 20px;}
.shouhuo ul{}
.shouhuo ul li{overflow: hidden;display: block; font-size: 16px;}
.shouhuo ul li span{float: left;height: 40px; line-height: 40px;}
.shouhuo ul li input{float: left; border-bottom: 1px solid #E7E7E7; width: 380px; height: 40px; line-height: 40px;color: #999; font-size: 15px;}

/* 兑换成功 */
.duihuan{overflow: hidden; padding:50px  30px;border: 1px solid #E7E7E7; margin-bottom: 30px; text-align: center; }
.duihuan i{display: block; color: #52d887; font-size: 60px;}
.duihuan span{overflow: hidden; display: block;color: #666; margin: 40px 0;font-size: 16px;}
.duihuan span b{display: block;color: #52d887;}
.duihuan dl{display: inline-block; text-align: center;}
.duihuan dl dd{ float: left; border: 1px solid #E7E7E7; border-radius: 6px; padding: 7px 35px; font-size: 16px; margin: 0 10px;}
.duihuan dl dd:last-child{ border: 1px solid #2580e6; background: #2580e6;}
.duihuan dl dd:last-child a{color: #FFF;}

/* 物流信息 */
.wuliu{overflow: hidden;position: relative; background: #FFF;margin: 50px 0; padding: 30px;}

.wuliulc{overflow: hidden; padding: 30px;border: 1px solid #E7E7E7; margin-bottom: 30px;}
.wuliulc h3{font-size: 22px; color: #333; text-align: center;}
.wuliulc ul{overflow: hidden; margin: 40px 0;}
.wuliulc ul li{float: left; width: 269px;}
.wuliulc ul li i{float: left; border: 1px solid #999; color: #999; width: 34px; height: 34px; line-height: 34px; border-radius: 50%; font-size: 24px; text-align: center; margin-right: 10px;}
.wuliulc ul li .active{border: 1px solid #2580e6; color: #2580e6;}
.wuliulc ul li .active_h{border: 1px solid #2580e6; color: #FFF; background: #2580E6;}
.wuliulc ul li .jd{float: left;}
.wuliulc ul li .jd span{display: block; font-size: 16px; line-height: 34px;}
.wuliulc ul li .jd span::after{
	content:'';
	position: absolute;
	height: 5px;
	width: 120px;
	border-radius: 4px;
	background: #2580e6;
	margin-top: 15px;
}
.wuliulc ul li:last-child .jd span::after{display: none;}
.wuliulc ul li .jd time{display: block; color: #999;}
.wuliulc .btn{background: #2580e6;border-radius: 6px;font-size: 16px; margin: 0 auto; width: 140px; height: 38px; line-height: 38px; text-align: center;}
.wuliulc .btn a{color: #FFF;}

.shouhuoxx{overflow: hidden; padding: 30px;border: 1px solid #E7E7E7; margin-bottom: 30px;}
.shouhuoxx h3{font-size: 22px; color: #333; margin-bottom: 20px;}
.shouhuoxx ul{}
.shouhuoxx ul li{overflow: hidden;display: block; font-size: 16px;height: 40px; line-height: 40px;}
.shouhuoxx ul li span{float: left; color: #999;}


/* 积分详情页 */
.pro-desc{overflow: hidden;background: #FFF;margin: 50px 0; padding: 30px;}
.preview{width:400px; }
/* 小图 */
.smallImg{position:relative; height:80px; width:400px; overflow:hidden; margin-top: 20px;}
.scrollbutton{width:24px; height:80px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/img_left.jpg) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/img_right.jpg) no-repeat; margin-left:376px; margin-top:-80px;}

#imageMenu {height:80px; width:376px; float:left;}
#imageMenu li {height:80px; width:84px;float:left; margin-left: 4px;}
#imageMenu li img{width:78px; height:78px;border: 1px solid #E7E7E7; cursor: pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:78px; height:78px; border:1px solid #258aea;}
/* 大图 */
.bigImg{position:relative; width:400px; height:400px; border: 1px solid #E7E7E7;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}

/* 积分详情页右边文概况 */
.pro-text{ width:710px; margin-left: 30px;}
.pro-text h1{color: #2580e6; font-size: 20px; font-weight: bold;line-height: 30px;}
.pro-text h3{font-size: 18px;line-height: 28px; color: #333; margin: 20px 0;}
.pro-text p{font-size: 15px;line-height: 28px; color: #333; margin-bottom: 30px;}
.pro-text .jf{ color: #f74a43; font-size: 14px;}
.pro-text .jf b{font-size: 26px;}
.pro-text .sl { margin: 20px 0;}
.pro-text .sl span{float: left; color: #999; line-height: 36px;}
.pro-text .sl input {float: left; height: 36px; width: 140px; font-size: 16px;}
.pro-text .btn{color: #FFF; background: #2580e6; border-radius: 6px; width: 220px;font-size: 18px; height: 50px; line-height: 50px; text-align: center; cursor: pointer;}

/* 积分详情页内容 */
.Details{overflow: hidden;background: #FFF;margin: 50px 0;}
.Details h3 {height: 44px;line-height: 44px;color: #2580e6;border-bottom: 1px solid #2580e6;font-weight: bold;font-size: 18px;padding-left: 30px;}
.Details_contact{overflow: hidden;padding: 30px; line-height: 28px; font-size: 16px;}
.Details_contact img{max-width: 100%;}