﻿/*产品页*/
.r_nav{ position:fixed; left:17px; top:40%;}
.rightDot{ display: block;}
.rightDot li{width:13px; height: 2px; background: #fff; overflow: hidden;  margin-bottom: 18px;}
.rightDot li.active{ width:28px; background:#fff !important;}
.section_info {width:1200px;margin:0px auto;overflow: hidden;display: table;height: 100%; cursor:pointer;}
.section_main{display: table-cell;vertical-align: middle;}
.section_info .section_left{ float:left;  width:30%;}
.section_left span{ margin-top:60px; display:block;font-size:24px;color:rgba(255,255,255,0.4);font-weight: bold;text-transform: uppercase;}
.section_left p{display: block;font-size:30px;color:#fff;line-height: 60px;}
.section_left .moremo{display: block;width:110px;line-height: 35px;font-size:12px;color:#fff;background: #14a83b;text-align: center;margin-top: 50px;}
.section_right {float: right;width: 550px;min-height: 460px;}
.section_right img{float: right;margin-top:60px;margin-right: 120px;}
/*子页banner*/
.page_banner{width:100%;overflow: hidden;height: 255px;margin-top: 85px;}
.page_banner .search_pro{display: block;margin:90px auto;width: 605px;overflow: hidden;}
.page_banner .search_pro .text{width:485px;background: #fff url("../images/search.png") 10px no-repeat;line-height: 45px;text-indent: 40px;float: left;}
.page_banner .search_pro .submit{width:120px;font-size:16px;color:#404040;text-align: center;background: #d3d3d3;line-height: 45px;float: right;}
/*栏目*/
.page_nav{ width:100%; overflow: hidden; background: #fff;}
.page_nav .nav_list{width:1200px;margin:0px auto;/* border-left:1px solid #e8e8e8; */overflow: hidden;text-align: center;display: table;}
.page_nav .nav_list li{/* float: left; */display: inline-block;margin: 0px;}
.page_nav .nav_list li a{/* width:150px; */display: block;line-height:103px;text-align: center;border-right:1px solid #e8e8e8;font-size:16px;color:#404040;padding: 0px 16px;}
.page_nav .nav_list li.on a{ background: #f5f5f5; color:#1c2975;}
.page_nav .nav_list li:hover{ background: #f5f5f5; color:#1c2975;}

.main{ width:1200px; margin:110px auto 50px auto; }
.main1{ width:1200px; margin:20px auto 50px auto; }
/*筛选*/
.main1 .choose_btn{width:100px;line-height:30px;margin:10px 0px;color:#fff;background: #14a83b;}
.choose .first.active1{ color:#1c2975!important;}
.choose{width:100%;overflow: hidden;border:1px solid #ececec;background: #fff;margin-top: 20px;}
.choose>li{position:relative;border-bottom:1px solid #ececec;line-height: 50px;overflow: hidden;}
.choose .first{float: left;color:#666666;width:100px;text-indent: 20px;}
.choose ul{ float: left; width:1000px; overflow: hidden; height: 50px;}
.choose ul li{float: left;width: 105px;margin-right: 10px;}
.choose ul li label{ display:block; cursor:pointer;}
.choose ul li.on { color:#2fab50}
.choose ul li.on a{ color:#2fab50}
.choose ul li:hover a{ color:#2fab50;}
.choose ul li input{ display:none;}
.choose .more{ position: absolute; right:9px; top:10px; font-size:12px; color:#797979; width:50px; height: 25px;line-height:24px; background: #f5f5f5; border:1px solid #e5e5e5!important; text-align: center;}
/*当前位置*/
.location{width:100%;overflow: hidden;height: 60px;line-height: 60px;color: #aaaaaa;}
.location .location_left{ float:left;  line-height: 60px; color:#aaaaaa;}
.location .back_list{float: right;background: #eeeeee; line-height:35px; color:#636363; padding:0px 20px; margin-top:10px;}
.location a{ color:#aaaaaa;}
.location a.on{ color:#626262;}

/*产品列表页*/
.product_list{ width:100%; overflow: hidden;}
.product_list li{ float:left; margin-bottom:12px; width:387px;margin-right:15px;border:1px solid #ececec;background: #fff;padding-bottom: 30px;}
.product_list li a{ display: block;}
.product_list .pro_img{margin: 60px auto 15px auto;}
.product_list .pro_img img{display: block;margin:0px auto;width: 350px;height: 350px;}
.product_list .pro_title{text-align: center;color:#2f2f2f;height: 20px;overflow: Hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;margin: 0px auto;}
.product_list .n_login{ display: none;}
.product_list em{display: block;color:#ff3000;width: 100%;text-align: center;line-height: 40px;}
.product_list .add_cart{width:122px;line-height: 30px;text-indent: 35px;border:1px solid #2fab50;color:#2fab50;background: url("../images/cart1.png") 10px no-repeat;margin: 0px auto;}
.product_list .add_cart:hover{ background:#14a83b url('../images/cart2.png') 10px no-repeat; color:#fff;}
.product_list .view{width:122px;line-height: 30px;text-align:center;border:1px solid #2fab50;color:#2fab50;margin: 30px auto 0px auto;}
.product_list .view:hover{ color:#fff; background: #14a83b;}
.product_list .spend_point{ width:122px;line-height: 30px;text-align:center;border:1px solid #2fab50;color:#2fab50;margin: 30px auto 0px auto;}
/*分页*/
.pages{ width:100%; overflow: hidden; text-align: center; margin:10px auto 60px auto;}
.pages a{ display: inline-block; width:40px; line-height: 40px; background: #ebebeb; color:#a3a3a3;}
.pages a.currentpage{ color:#fff; background: #6ec785;}
.pages a:hover{ color:#fff; background: #6ec785;}


/*商品详情页*/
.base_info{width:100%;overflow: hidden;background: #fff;padding: 12px;box-sizing: border-box;}
.faj {width: 454px;clear: both;overflow: hidden;float: left;}
/*商品详情图样式*/
#tsImgS {padding: 0px !important;display: table-cell;height: 450px;vertical-align: middle;margin: 0px auto;}
#tsImgS img{display:block;vertical-align:middle;margin: 0px auto; max-width:100%;}
.goodShow {width: 100%;height: auto;position: relative;margin: 0px auto;}
.goodShow .bigImg {width: 100%;overflow: hidden;border: 1px solid #ececec;box-sizing: border-box;display: table;}
.goodShow #bigImg { width: 100%; position: relative; }
.goodShow .bigImg a, .goodShow .bigImg a img {/* display: block; *//* width: 100% !important; *//* height:auto!important;*//* display: table; *//* vertical-align: middle; *//* margin: 0px auto; */}
.goodShow .mpc { max-width: 100%; }
.goodShow .picBot {width: 100%;height: 105px;left: 0;position: relative;margin: 10px auto;}
.goodShow .picBot div.btns {width: 30px;height: 100%;position: absolute;bottom: 0px;cursor: pointer;z-index: 9;}
.goodShow .picBot div.prev { background: url(../images/i_left.jpg) center no-repeat; left: 0; }
.goodShow .picBot div.next { background: url(../images/i_right.jpg) center no-repeat; right: 0; }
.goodShow .picBot .picList {width: 375px;height: 100%;position: absolute;top: 0;left: 45%;overflow: hidden;margin-left: -166px;}
.goodShow .picBot .picList ul { width: 100%; overflow: hidden; }
.goodShow .picBot .picList li {display: table;width: 93px;height: 93px;float: left;cursor: pointer;padding-right:5px}
.goodShow .picBot .picList a{width:100%;overflow:Hidden;height: 93px;display: table-cell;vertical-align: middle; border: 1px solid #ececec;box-sizing: border-box;}
.goodShow .picBot .picList li img {display: block;width: 100%;box-sizing:border-box;}
.goodShow .picBot .picList li.tsSelectImg a {border: 3px solid #ff5200;box-sizing: border-box;width: 100%;}
.info_right{ width:660px; float:right;}
.info_right .title p{font-size:24px;color:#343434;line-height: 60px;}
.info_right .infor ul li{color:#717171;line-height: 30px;}
/*未登录*/
.info_right .no_login{ display:none; margin-top:30px;}
.info_right .no_login ul{ width:100%; overflow:Hidden;}
.info_right .no_login ul li{min-height:30px;color:#717171;line-height: 30px;float: left; margin-right:10px}

/*已登录*/
.info_right .ok_login{ display: none;}
.info_right .sprice{line-height: 65px;background: #f8f8f8;font-size:36px;color:#fd532d;text-indent: 20px;margin: 30px auto;}
.choose_item{width:100%;overflow:Hidden;}
.info_right .gui_li{ width:100%; overflow:hidden; margin-bottom:20px;}
.info_right .gui_title{color:#9a9a9a;float:left;line-height:30px;margin-right:20px;min-width: 60px;}
.choose_item .gui_list{ float:left; }
.choose_item .gui_list li{ color:#9a9a9a; line-height:30px; border:1px solid #cccccc; padding:0px 10px; float:left; margin-right:10px;}
.choose_item .gui_list li.on{border: 1px solid #14a83b;box-sizing: border-box;}
.choose_item .gui_list li input{ display:none;}
.info_right .btn a{ line-height:50px; color:#fff; font-size:16px;  display:inline-block; text-align:center; margin-top:40px;}
.info_right .btn .add_cart{ width:240px; background:#14a83b url("../images/cart2.png") 30% no-repeat; text-indent: 30px; margin-right:15px;}
.info_right .btn .now_buy{ width:155px; background:#fd532d; }
.info_right .number{  width: 100%;  overflow: Hidden;  }
.info_right .number_change{ float: left; border:1px solid #cccccc; color:#666666;}
.info_right .number_change a{width:30px;display:inline-block;text-align: center;line-height: 30px;}
.info_right .number_change .add{ border-left:1px solid #cccccc;}
.info_right .number_change .del{border-right: 1px solid #cccccc;}
.info_right .number_change input{ width:40px; text-align:center; }
/*产品详情*/
.product_view{width:100%;overflow: hidden;background: #fff;padding-top: 10px;}
.product_view .view_title{text-indent:20px;width: 98%;overflow: hidden;line-height: 55px;background: #f8f8f8;font-size:16px;color:#14a83b;margin: 0px auto;}
.product_view .view_info{width: 95%;overflow: hidden;color:#252525;line-height: 35px;margin: 20px auto;}

.product_view .discount_li{ width:100%; overflow:hidden; margin-bottom:20px;}
.product_view .discount_li li{ float:left; margin-right:30px; font-size:30px; color:#000;}


.product_view .coupons_li{color:#7d7d7d;width: 100%;margin:0px auto;overflow: hidden;}
.product_view .coupons_li li{position: relative;margin-right:8px;padding: 5px 10px;float: left;width:235px;height: 48px;overflow: hidden;border:1px solid #eaeaea;}
.product_view .coupons_li li label{ cursor:pointer;}
.product_view .coupons_li p{width:100%;overflow:hidden;color:#23ac38;line-height: 25px;font-size: 16px;}
.product_view .coupons_li span{ display: block;  font-size:12px; color:#747474; line-height: 25px; }
.product_view .coupons_li li input{ display: none;}
.product_view .coupons_li li.on{ border:1px solid #23ac38;}
.product_view  .coupons_li li.on i{position: absolute;width:30px;height: 30px;background: url("../images/user/icon2.png") right no-repeat;right: 0px;bottom: 0px;}


/*推荐产品*/
.recommend_product{ width:100%; overflow:Hidden;}
.recommend_product .title{ width:100%; overflow:Hidden; line-height:60px; color:#626262;}
.picScroll-left{width: 100%;overflow:hidden;position:relative;}
.picScroll-left .hd{overflow:hidden;height: 65px;position: absolute;width: 100%;top: 50%;margin-top: -35px; z-index:10;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{  display:block;  width: 28px;  height: 65px;  overflow:hidden;  cursor:pointer;  background:url("../images/arrow.jpg") no-repeat;  }
.picScroll-left .hd .next{background-position: right;float: right;}
.picScroll-left .hd .next:hover{background:url("../images/arrow2.jpg") right no-repeat;}
.picScroll-left .hd .prev:hover{background:url("../images/arrow2.jpg") left no-repeat;}
.picScroll-left .hd .prev{background-position: left;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left;margin-bottom:12px;width:387px;margin-right: 17px;border: 1px solid #ececec;background: #fff;padding-bottom: 30px;}
.picScroll-left .bd ul li a{ display: block;}
.picScroll-left .bd ul .pro_img{margin: 60px auto 15px auto;}
.picScroll-left .bd ul .pro_img img{ display: block; margin:0px auto;}
.picScroll-left .bd ul .pro_title{text-align: center;color:#2f2f2f;height: 20px;overflow: Hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;margin: 0px auto;}
.picScroll-left .bd ul .n_login{ display: none;}
.picScroll-left .bd ul  em{display: block;color:#ff3000;width: 100%;text-align: center;line-height: 40px;}
.picScroll-left .bd ul  .add_cart{ width:122px;line-height: 30px;text-indent: 35px;border:1px solid #2fab50;color:#2fab50;background: url("../images/cart1.png") 10px no-repeat;margin: 0px auto;}
.picScroll-left .bd ul  .add_cart:hover{ background:#14a83b url('../images/cart2.png') 10px no-repeat; color:#fff;}
.picScroll-left .bd ul  .view{width:122px;line-height: 30px;text-align:center;border:1px solid #2fab50;color:#2fab50;margin: 30px auto 0px auto;}
.picScroll-left .bd ul .view:hover{ color:#fff; background: #14a83b;}
