@charset "utf-8";

/*公共部分 s*/
.wrap {width: 1200px;margin:0 auto;}
.main {margin-top: 30px;}
.adwrap a ,.adwrap img {display: block;}
.adwrap img {margin:0 auto 10px;}
.adwrap.ad-mg0 img {margin:0;}


/*主图*/
.picScroll {width: 420px;margin-right: 30px;}
.picScroll .picFocus .big {display: block;width:418px;height: 418px;border:1px solid #f2f2f2;}
.picScroll .picFocus .big , .picScroll .picFocus .big a ,.picScroll .picFocus .big a img {}
.picScroll .picFocus .cloud-fdj {position: absolute;right:0;bottom:0;display: block;width: 25px;height: 25px;background: url(../images/fdj.png) no-repeat;}

.picFocus ,..picFocus .big ,.picFocus .big li img {width: 100%;height: 100%;}
.picFocus .big li{float: left; vertical-align:middle; }

.picFocus .small { width:100%; height: 94px; padding-top:5px;  overflow:hidden; }
.picScroll .small .picScroll-left {position: relative;}
.picScroll .small .picScroll-left .bd {width: 370px; height: 90px;margin: 0 26px;overflow: hidden;}
.picScroll .small .picScroll-left .hd {position: absolute;top:50%;left:0;width: 100%;height: 0;}
.picScroll .small .picScroll-left .hd .btn {position: absolute;margin-top: -22px;display: block; width: 20px; height: 45px; background: url(../images/icon2.png) 0 0 no-repeat; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all .2s; transition: all .2s;cursor: pointer;}
.picScroll .small .picScroll-left .hd .prev {left:0;background-position: -2px -90px;}
.picScroll .small .picScroll-left .hd .next {right:0;background-position: -37px -90px;}
.picScroll .small .picScroll-left .hd .btn:hover {opacity: 1; filter: alpha(opacity=100); }

.picFocus .small ul{ margin-right:-5px;overflow:hidden; zoom:1; }
.picFocus .small ul li{float:left;  text-align:center;  }
.picFocus .small ul li{display: block;width: 64px;height: 64px;margin:12px 5px;}
.picFocus .small ul li img{display: block;width: 60px;height: 60px;border:2px solid #fff;cursor:pointer; margin-right:5px; transition: border-color .3s;}
.picFocus .small ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .small ul li.on img{border-color:#000; }



/*基本信息*/
.baseInfo {width: 520px;}
.baseInfo .title {margin-bottom: 10px;font-size: 24px;color: #333;}

.baseInfo .row {margin:18px 0;overflow: hidden;clear: both;}
.baseInfo .left ,.baseInfo .txt {font-size: 14px;color: #666;}
.baseInfo .row .sort {width: 50px;}
.baseInfo .price {line-height: 45px;}
.baseInfo .color {line-height: 50px;}
.baseInfo .nub {line-height: 26px;}

/*价格*/
.baseInfo .product_price_new {margin-right: 20px;font-size: 30px;color: #ff4400;}
.baseInfo .product_price_old {font-size: 14px;color: #999;text-decoration: line-through;}
.baseInfo .buyPeople ,.baseInfo .pf {margin-left: 25px;padding-left: 30px;font-size: 12px;background: url(../images/icon_list_04.png) no-repeat;}
.baseInfo .buyPeople {background-position: -10px -30px;}
.baseInfo .pf {background-position: -10px -65px;}
.baseInfo .buyPeople:hover {background-position: -10px -100px;}
.baseInfo .pf:hover {background-position: -10px -134px;}

.baseInfo .fcr {margin:0 4px;color: #fd4d87;font-weight: bold;}

/*颜色*/
.baseInfo .color a {position: relative;display: inline-block;float: left;width: 50px;height: 50px;margin-right: 5px;background: url(../images/detail_color_bg.png) no-repeat;}
.baseInfo .color a img {display: block;width: 44px;height: 44px;border: 3px solid transparent;transition: border-color .15s;}
.baseInfo .color a i ,
.baseInfo .size a i {position: absolute;bottom:2px;right:2px;width: 11px;height: 11px;background: url(../images/icon_list_04.png) -16px -14px no-repeat;visibility:hidden;}
.baseInfo .color a.active {background: url(../images/icon_list_04.png) ;}
.baseInfo .color a.active img {border-color: #ff2a00;}
.baseInfo .color a.active i ,
.baseInfo .size a.active i {visibility: visible;}

/*数量*/
.baseInfo .nub .btn-box {display:inline-block;float:left;width:100px;height:24px;margin-right: 5px;border:1px solid #ddd;}
.baseInfo .nub .buynum {display:inline-block;float:left;width:50px;height:24px;text-align: center;border:1px solid #ddd;color:#333;font-weight: normal;border: 0;}
.baseInfo .nub .btn-box span {display:inline-block;float:left;width:24px;height:24px;background: url(../images/detailbglist.png) no-repeat;}
.baseInfo .nub .btn-box span.btn-dec {border-right:1px solid #ddd;background-position:-24px 0;}
.baseInfo .nub .btn-box span.btn-dec.cannot {background-position:-24px -24px;}
.baseInfo .nub .btn-box span.btn-add {border-left:1px solid #ddd;background-position:0 0;}
.baseInfo .nub .btn-box span.btn-add.cannot {background-position:0 -24px;}
.baseInfo .nub .btn-box span a {display:block;width:100%;height:100%;}

.baseInfo .nub .errmsg {display: none;margin-left: 10px;color: #ff4400;}

/*尺码*/
.baseInfo .size .txt a {position: relative;display: inline-block;float: left;border:2px solid #fff;margin-right: 10px;font-size: 12px;}
.baseInfo .size .txt a span {display: block;padding: 2px 6px;border:1px solid #dcdcdc;}
.baseInfo .size .txt a.active {border:2px solid #ff2a00;}
.baseInfo .size a i {bottom:0;right:-1px;}
.baseInfo .size .txt a.active span {border-color: #fff;}

/*优惠信息*/
.baseInfo .yh p {color: #ff4400;}
.baseInfo .yh p span {margin:0 10px 0 5px;}

/*操作*/
.baseInfo .btnBox {margin-top: 35px;}
.baseInfo .btnBox a {display: inline-block;float: left;padding:8px 22px;color: #fff;font-size: 18px;border:1px solid #e3e3e3;border-radius:4px;margin-right: 15px;}
.baseInfo .btnBox a.joinCartBtn {padding-left:40px;background-color: #40bff5;border-color: #40bff5;background-image:url(../images/cart2.png);background-repeat: no-repeat;background-position: 10px 10px;}
.baseInfo .btnBox a.go {background: #fea528;border-color: #fea528;}
.baseInfo .btnBox a.joinCartBtn:hover {background-color: #2DB0E7;border-color: #2DB0E7;}
.baseInfo .btnBox a.go:hover {background: #F0910C;border-color: #F0910C;}
.baseInfo .btnBox a.collect {color: #666;}
.baseInfo .btnBox a.collect.disabled {color: #2DB0E7;}
.baseInfo .btnBox a.collect:hover {background: #eee;}

/*分享*/
#shear {margin-top: 40px;line-height: 44px;}
#shear span {margin-right: 12px;}

/*店铺信息*/
.shop {width: 200px;}
.shop .shop-info {border:1px solid #ffe2a3;}
.shop .shop-info .hd {position: relative;height: 60px;background: url(../images/show_rank.png) center center repeat-x;}
.shop .shop-info .hd .rank-medal {position: absolute;right:8px;top:-15px;width: 48px;height: 64px;}
.rank-medal-gold {background: url(../images/rank-medal-gold.png) no-repeat;}
.shop .shop-info .bd {padding: 15px;}
.shop .shop-info .bd .shopName {margin-bottom: 20px;font-size: 16px;color: #000;}
.shop .shop-info .bd p {line-height: 26px;margin-bottom: 10px;color: #666;overflow: hidden;}
.shop .shop-info .bd .qqSpeak {display: inline-block;width: 77px;height: 25px;background: url(../images/qq_speak.png) no-repeat;vertical-align: top;}
.shop .shop-info .bd p .sort {float: left;}
.shop .shop-info .bd p .txt {float: left;width: 130px;overflow: hidden;}
.shop .shop-info .bd .btn {height: 30px;line-height: 30px;margin:30px 0 5px 0;text-align: center;}
.shop .shop-info .bd .btn a {padding:4px 8px;border:1px solid #ededed;background: #fafafa;font-size: 14px;color: #333;transition: all .25s;}
.shop .shop-info .bd .btn a:hover {background: #E2E2E2;}


/*****商品分类 + 商品详情 + 商品评论/******/
.part02 {margin-top: 25px;}
/*左侧产品分类*/
.part02 .broadsideCarate {width:198px;margin-right: 20px;padding-bottom: 30px;}
.part02 .broadsideCarate .inner {width: 198px;border: 1px solid #e9e9e9;border-top: 2px solid #ff6600;background: #fafafa;}
.part02 .broadsideCarate .title {height: 45px;line-height: 40px;font-size: 16px;color: #333;background: url(../images/shadow.png) 11px bottom no-repeat;}
.part02 .broadsideCarate .title ,
.part02 .broadsideCarate .list li {padding-left: 25px;}
.part02 .broadsideCarate .list li {height: 30px;line-height: 30px;}
.part02 .broadsideCarate .list li a {font-size: 14px;color: #666;}
.part02 .broadsideCarate .list li a:hover {color: #ffaa00;}


/*右侧商品详情及评价*/
.shopDetailInfo {width: 980px;}
.myTab {width: 980px;border:1px solid #ddd;background:#fff;z-index: 1;}
.myTab.fixed_s {opacity: 0.9;filter:alpha(opacity=90);}
.tab-nav {overflow: hidden;}
.tab-nav li {position:relative;float: left;}
.tab-nav li a {position:relative;display:block;padding:15px 30px;font-size:14px;color:#666;border-right:1px solid #ddd;z-index: 2;} 
.tab-nav li a:hover {color: #ffaa00;}
.tab-nav li.active a {background: #ffaa00;color: #fff;}
.myTab .btmline {position:absolute;bottom:0;width:100%;height:2px;background:#d2d2d2;}
.shop-detail-box {margin-top: 20px;}
.shop-detail-box img {display:block;margin:0 auto;max-width: 100%;}


/*商品评论*/

.fixed_s {
	position: fixed!important;
	top: 0;
	z-index:1100;
}

.product_pj {margin-top: 50px;}
.product_pj .title {height: 45px;line-height: 45px;padding-left: 25px;font-size: 16px;color: #fff;background:#f9f9f9 url(../images/tbg.png) left center no-repeat;}
.pjia ,.assess ,.formBox {padding-left: 80px;}
/*手写评价*/
.pjia {margin-top: 45px;margin-bottom: 22px;}
.pjia div.rate{ display:block;line-height:30px; height:30px; width:100%;overflow: hidden;}
.pjia div.rate .sort { float: left;width: 38px;text-align: right;margin-right: 20px;}
.pjia div.rate ul{ float:left; margin-top:4px;padding-left: 40px;}
.pjia div.rate .rankcode ,.pjia div.rate .ranktxt {margin-left: 15px;font-weight: bold;color: #fc7e34;}

.rating-level,.rating-level a{background:url(../images/star.png) no-repeat scroll 1000px 1000px;}
.rating-level{background-position: 0px 0px; width: 110px; height: 23px; position: relative; z-index: 1000;}
.rating-level li{display: inline;}
.rating-level a{line-height: 23px; height: 23px; position: absolute; top: 0px; left: 0px;text-indent: -999em; *zoom: 1;}
.rating-level a.one-star{width: 20%; z-index: 6;}
.rating-level a.two-stars{width: 40%;z-index: 5;}
.rating-level a.three-stars{width: 60%; z-index: 4;}
.rating-level a.four-stars{width: 80%; z-index: 3;}
.rating-level a.five-stars{width: 100%; z-index: 2;}
.rating-level .current-rating,.rating-level a:hover{background-position:0 -42px;}
.rating-level a.one-star:hover,.rating-level a.two-stars:hover,.rating-level a.one-star.current-rating,.rating-level a.two-stars.current-rating{background-position:0 -42px;}
.rating-level .three-stars .current-rating,.rating-level .four-stars .current-rating,.rating-level .five-stars .current-rating{background-position:0 -42px;}


.assess textarea {width: 876px;height: 111px;padding:12px;background: url(../images/txt_bg.png) center center no-repeat;border: 1px solid #fff;outline:0;transition: all .25s ease-in; resize: none;color:#999;font-size: 14px;overflow: hidden;}
.assess textarea:focus {box-shadow: 0 0 10px #ffaa00;border:1px solid #ffaa00;background: none;border-radius:4px;color:#333;}
.formBox {margin-top: 10px;}
.formBox .loginBefore {line-height: 26px;overflow: hidden;}
.formBox .loginBefore span ,.formBox .loginBefore label ,.formBox .loginBefore a {float: left;}
.formBox .loginBefore .in {padding:2px 4px;border:1px solid #ccc;}
.formBox .loginBefore label {margin-left: 10px;}
.formBox .loginBefore label input {position: relative;top:1px;margin-right:5px;}
.formBox .loginBefore a {margin-left: 15px;}
.formBox .loginBefore a.qLogin {padding-left: 25px;background: url(../images/icon_list_04.png) -8px -183px no-repeat;}
.formBox .loginBefore .sp2 {margin-left: 10px;}


.formBox .loginAfter .btn {position: relative;display: inline-block;width: 66px;}
.formBox .loginAfter {height: 32px;line-height: 32px;}
.strLen .btn a {padding:6px 20px;border:1px solid #e9e9e9;color: #666;transition: all .3s;}
.strLen .btn a:hover {background:#ffaa00;color:#fff;}
.formBox .loginAfter.disabled a:hover {background: #ccc;cursor: no-drop;}
.formBox .loginAfter .error {position: absolute;left:66px;top:0;width: 0;height:32px;margin-left: 30px;opacity:0;filter:alpha(opacity=0);color: #333;transition: width .5s ,margin-left .7s , opacity .8s , color .8s;overflow:hidden;}
.loginAfter.disabled .btn:hover .error {width: 300px;margin-left: 20px;opacity:1;filter:alpha(opacity=100);color: #ff4400;}
.strLen {float: right !important;color: #999;}
#strLen_now ,#strLen_now2 {color: #ff6600;float: none;}


/*评论部分*/
.product_pl {padding-top: 50px;}
.product_pl .tab-head {height: 48px;line-height: 48px;border:1px solid #ccc;}
.product_pl .tab-head ul li {float: left;}
.product_pl .tab-head ul li a {display: block;padding:0 30px;border-right: 1px solid #ccc;font-size: 16px;color: #666;}
.product_pl .tab-head ul li.on a {background: #ffaa00;color: #fff;}

#commontBox {margin-top: 22px;}
.product_pl .tab-body .flbox {display: none;}
.product_pl .tab-body .flbox.on {display: block;}
.product_pl .tab-body .infolist li {padding:10px 0;}
.product_pl .tab-body .infolist li .pic ,
.product_pl .tab-body .infolist li .pic img {display: block;width: 60px;height:60px;border-radius:50%;margin-right: 20px;}
.product_pl .tab-body .infolist li .txt {width: 840px;font-size: 14px;padding-bottom: 15px;border-bottom: 1px solid #e0e0e0;}
.product_pl .tab-body .infolist li .txt .uName {margin-bottom: 10px;}
.product_pl .tab-body .infolist li .txt .uName ,
.product_pl .tab-body .infolist li .txt .uAddres {display: block; overflow: hidden; float:left;  white-space: nowrap; text-overflow: ellipsis;}
.product_pl .tab-body .infolist li .txt .uAddres {margin-left:20px; color:#999; float:left; }
.product_pl .tab-body .infolist li .txt .uContent {
clear:both;
	line-height: 26px;
}
.product_pl .tab-body .infolist li .txt .uContent .text {
	height:auto;
	transition:height .5s;
	overflow:hidden;
	margin-bottom:10px;
}
.product_pl .tab-body .infolist li .txt .uContent .text.hAuto {
	height: auto !important;
}
.product_pl .tab-body .infolist li .txt .uContent .showMore {
	float: right;
	margin: 15px 0 0;
	padding-right:25px;
	color: #666;
	background: url(../images/icon.png) right -382px no-repeat;
	transition: all .3s;
}
.product_pl .tab-body .infolist li .txt .uContent .showMore.up {
	background-position: right -411px;
}
.product_pl .tab-body .infolist li .txt .uContent .showMore:hover {
	color: #333;
	background-position: right -378px;
}
.product_pl .tab-body .infolist li .txt .uContent .showMore.up:hover {
	background-position: right -418px;
}


/*分页*/
.pab {margin-top: 35px;text-align: center;height: 36px;line-height: 34px;}
.pab .pgl ,.pab .pgcount{display: inline-block;*display:inline;
 *zoom:1;}
.pab .pgl li {float: left;display: block;width: 38px;height: 38px;margin:0 4px;background: #fafafa;border:1px solid #ccc;color: #666;}
.pab .pgl li.go {width:70px;}
.pab .pgl li.connect {background: none;border: none;}
.pab .pgl li a {display: block;}
.pab .pgl li.active {background: #fdeaa6;}
.pab .pgl li.active a {color: #fff;font-weight: bold;}
.pab .pgcount {margin-left: 10px;font-family: "宋体";color: #888;}
.pab .gopgno {width:20px;padding:2px 4px;margin:0 2px;border:1px solid #ccc;position: relative;top: 2px;*top:4px;}
.pgcount li {float: left;}
.pab .gobtn {padding:6px 12px;border:1px solid #ccc;border-radius:4px;background: #f8f8f8;color: #444;}

.pab ul {display: inline-block;}
.pab ul {*display:inline;*zoom:1;}
.pab ul li {float: left;display: block;margin:0 4px;background: #f5f5f5;border:1px solid #ccc;color: #666;}
.pab ul li.hideMore {border: none;background: none;}
/*.pab ul li:first-child {border: none;background: none;}*/
.pab ul li a {display: block;padding:0 13px;font-size: 14px;}
.pab ul li a.focus {background: #ffaa00;color: #fff;font-weight: bold;}
.pab ul li a.First_ ,.pab ul li a.Previous_ {color: #888;}



.icon-jump {
	animation: icon-jump .2s;
	-o-animation: icon-jump .2s;
	-moz-animation: icon-jump .2s;
	-webkit-animation: icon-jump .2s;
}

@-webkit-keyframes icon-jump {
  0% {
	top: 0;
  }

  50% {
	top: -10px;
    -webkit-animation-timing-function: ease-in-out;
  }

  100% {
	top: 0;
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes icon-jump {
  0% {
	top: 0;
  }

  50% {
	top: -10px;
    -webkit-animation-timing-function: ease-in-out;
  }

  100% {
	top: 0;
    -webkit-animation-timing-function: ease-in-out;
  }
}