/*商品详情页*/

* {
	box-sizing: content-box;
}

body {
	background-color: #f2f2f2;
	box-sizing: content-box;
}

@media screen and (max-width: 375px) and (min-width: 321px) {
	html {
		font-size: 11px;
	}
}


/*顶部*/

.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
}

.detail-header {
	width: 90%;
	padding: 3% 5%;
	z-index: 2;
	overflow: hidden;
	box-sizing: content-box;
	-webkit-transition: background-color 0.8s;
	-moz-transition: background-color 0.8s;
	-ms-transition: background-color 0.8s;
	-o-transition: background-color 0.8s;
	transition: background-color 0.8s;
	transition: background-color 0.8s;
}

.change {
	background-color: #fff;
	box-shadow: 0 1px 0 #c8c8c8;
}

.change a {
	background-color: rgba(0, 0, 0, 0);
}

.detail-header a {
	display: block;
	float: left;
	width: 12%;
	height: 0;
	padding-bottom: 12%;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.7);
	/*overflow: hidden;*/
}

.detail-header .right {
	float: right;
	position: relative;
}
.detail-header .right span {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #FF0000;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
}
.detail-header .right img {
	float: right;
	width: 58px;
	margin: 13%;
}

.detail-header a img {
	width: 40%;
	vertical-align: middle;
	margin: 16% 20%;
}

.contaniner .detail {
	width: 100%;
}

.contaniner .detail figure {
	width: 100%;
}

.contaniner .detail figure ul {
	width: 100%;
}

.contaniner .detail figure ul li {
	width: 100%;
	height: 865px;
	overflow: hidden;
}

.contaniner .detail figure ul li a {
	width: 100%;
	display: block;
}

.contaniner .detail figure ul li img {
	width: 100%;
	display: block;
	min-height: 750px;
}
.swiper-pagination-bullet{
	width: 18px !important;
	height: 18px !important;
}
.contaniner .detail .swiper-pagination-bullet-active {
	background-color: #fff
}

.contaniner .detail .jiage {
	width: 100%;
	padding: 3% 0 0;
	background-color: #fff;
	overflow: hidden;
	margin-top: 2%;
}

.contaniner .detail .jiage dt {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.serial-number {
	position: absolute;
	bottom: -2px;
	right: 5px;
	color: #999;
	font-size: 14px;
}

.contaniner .detail .jiage dt h3 {
	float: left;
	width: 94%;
	padding: 0 3%;
	font-weight: normal;
	font-size: 28px;
	color: #333;
	text-align: justify;
	margin-bottom: 5px;
	height: 100%;
}
.contaniner .detail .jiage dt .mtitle{
	width: 94%;
	padding: 0 3%;
	font-size: 22px;
	color: #999;
}

.contaniner .detail .jiage dt .collect {
	float: left;
	width: 20%;
	text-align: center;
	border-left: solid 1px #c8c8c8;
	margin-left: -1px;
}

.contaniner .detail .jiage dt .collect img {
	width: 30%;
}

.contaniner .detail .jiage dt .collect p {
	color: #666;
	font-size: 12px;
}

.contaniner .detail .jiage dd {
	clear: both;
	width: 90%;
	padding: 2% 5%;
}

.contaniner .detail .jiage dd {
	clear: both;
	width: 90%;
	padding: 2% 5%;
}
.contaniner .detail .jiage dd .kc{
	position: relative;
	left: -10px;
}
.contaniner .detail .jiage dd p span{
	display: inline-block;
	line-height: 30px;
	color: #666;
	font-size: 24px;
}
.contaniner .detail .jiage dd p span{
	margin-right: 6px;
}
.contaniner .detail .jiage dd p span:last-child{
	position: absolute;
	right: -30px;
	top: 2px;
	color: #333;
	font-size: 24px;
}
.contaniner .detail .jiage dd p span a{
	color: #333;
}
.kc{
	color: #999;
	margin-top: 20px;
}
/*.contaniner .detail .jiage dd i {
	color: #333;
	font-size: 20px;
}*/

.contaniner .detail .jiage dd b {
	font-size: 34px;
	color: #FC605A;
	font-weight: normal;
}
.contaniner .detail .jiage dd b label{
	font-size: 26px;
	color: #FF0000;
	/*font-weight: bold;*/
}
.contaniner .detail .jiage .contaniner .detail .jiage dd {
	clear: both;
	width: 90%;
	padding: 2% 5%;
}

.contaniner .detail .jiage dd del {
	color: #999;
	font-size: 24px;
	margin: 0 2%;
	text-decoration: line-through;
}

.contaniner .detail .jiage dd {
	clear: both;
	width: 90%;
	padding: 2% 5%;
}

.contaniner .detail .jiage dd small {
	color: #999;
	font-size: 12px;
	margin: 0 2%;
}

.contaniner .detail .jiage dd {
	clear: both;
	width: 90%;
	padding: 2% 5% 0;
}
.contaniner .detail .jiage dd p{
	line-height: 2;
}
.contaniner .detail .jiage dd .login-tip{
	line-height: 1.6;
	background: #eae9e9;
	padding: 5px 3px;
	font-size: 22px;
	margin-top: 20px;
	
}
.contaniner .detail .jiage dd .login-tip a{
	color: #666;
}

.contaniner .detail .jiage dd input[type="button"] {
	font-size: 13px;
	border: none;
	background-color: #333;
	color: #fff;
	border-radius: 0.2em;
	padding: 1% 3%;
	padding-left: 7%;
	background-image: url(../images/send4.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 10% center;
	font-weight: bold;
}

.contaniner .detail .chose {
	width: 100%;
	margin-top: 2%;
}

.contaniner .detail .chose ul {
	width: 94%;
	padding: 3%;
	border-bottom: solid 1px #c8c8c8;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}

.contaniner .detail .chose .goods-num {
	border: none;
}

.contaniner .detail .chose ul h3 {
	font-size: 28px;
	color: #666;
	font-weight: normal;
	margin-bottom: 2%;
}

.contaniner .detail .chose ul li {
	width: 28%;
	padding: 2% 0;
	text-align: center;
	border: solid 1px #c8c8c8;
	float: left;
	margin: 2%;
	border-radius: 5px;
	font-size: 24px;
	color: #666;
}
.contaniner .detail .chose ul li p{
	color: #FF0000;
}
.contaniner .detail .chose ul #show-img{
	display: block;
	width: 20%;
	position: absolute;
	right: 30px;
	top: 7px;
	padding: 0;
	border: 0;
	display: none;
}
.contaniner .detail .chose ul #show-img img{
	width: 68%;
}
.contaniner .detail .chose ul .chose-active {
	border: 1px solid #fc6761;
	background: url(../images/xz.png) right bottom no-repeat;
	background-size: 50px;
}

.contaniner .detail .diy {
	width: 90%;
	display: block;
	background-color: #fff;
	padding: 3% 5%;
	margin-top: 2%;
	color: #666;
	font-size: 13px;
	background-image: url(../images/right.png);
	background-repeat: no-repeat;
	background-size: 2%;
	background-position: 95%;
}

.contaniner .detail .diy b {
	color: #ff9cc4;
	font-weight: normal;
	font-size: 18PX;
	margin-right: 5PX;
}

.contaniner .detail .done-tip {
	width: 90%;
	display: block;
	background-color: #fff;
	padding: 3% 5%;
	margin-top: 2%;
	color: #666;
	font-size: 13px;
}

.contaniner .detail .same {
	overflow: hidden;
	width: 100%;
	background-color: #fff;
	margin-top: 2%;
	padding-bottom: 3%;
}

.contaniner .detail .same a {
	width: 100%;
	display: block;
}

.contaniner .detail .same span {
	width: 100%;
	display: block;
	border-bottom: solid 1px #c8c8c8;
	background-color: #fff;
	padding: 3% 5% 3% 2%;
	margin-bottom: 2%;
	color: #666;
	font-size: 26px;
	background-image: url(../images/more.png);
	background-repeat: no-repeat;
	background-size: 6%;
	background-position: 85%;
}

.contaniner .detail .same li {
	text-align: center;
	float: left;
	width: 23%;
	margin-right: 1%;
}

.contaniner .detail .same .one {
	margin-left: 2%;
}

.contaniner .detail .same li:last-child {
	margin-right: 2%;
}

.contaniner .detail .same li img {
	/*width: 96%;*/
	min-height: 168px;
	max-height: 260px;
}

.contaniner .detail .same li p {
	color: #FC605A;
	font-size:24px;
	margin-top: 2%;
}

.contaniner .detail .detail-article {
	width: 100%;
	margin-top: 2%;
	overflow: hidden;
	background-color: #fff
}

.contaniner .detail .detail-article nav {
	width: 100%;
}

.contaniner .detail .detail-article nav ul {
	width: 94%;
	padding: 5% 3%;
	overflow: hidden;
	display: table;
}

.contaniner .detail .detail-article nav ul li {
	display: table-cell;
	width: 50%;
	text-align: center;
	font-size: 28px;
	color: #333;
	border: solid 1px #333;
	padding: 3% 0;
}

.contaniner .detail .detail-article nav ul li:first-child {
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}

.contaniner .detail .detail-article nav ul li:last-child {
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}

.contaniner .detail .detail-article nav ul .article-active {
	background-color: #333;
	color: #fff;
}

.contaniner .detail .detail-article .talkbox {
	width: 100%;
}

.contaniner .detail .detail-article .talk {
	width: 100%;
}

.contaniner .detail .detail-article .talk li {
	width: 90%;
	padding: 3% 5%;
	overflow: hidden;
	border-bottom: solid 1px #c8c8c8;
}

.contaniner .detail .detail-article .talk li figure {
	float: left;
	width: 14%;
	height: 0;
	padding-bottom: 14%;
	border-radius: 50%;
	overflow: hidden;
}

.contaniner .detail .detail-article .talk li figure img {
	width: 100%;
}

.contaniner .detail .detail-article .talk li dl {
	float: left;
	width: 80%;
	padding-left: 6%;
}

.contaniner .detail .detail-article .talk li dl dt {
	width: 100%;
	overflow: hidden;
}

.contaniner .detail .detail-article .talk li dl dt * {
	float: left;
}

.contaniner .detail .detail-article .talk li dl dt p {
	color: #666;
	font-size: 1.169em;
}

.contaniner .detail .detail-article .talk li dl dt time {
	color: #999;
	font-size: 1.169em;
	margin-left: 3%;
	margin-top: 1%;
}

.contaniner .detail .detail-article .talk li dl dt .star {
	float: right;
	width: 30%;
	display: table;
}

.contaniner .detail .detail-article .talk li dl dt .star span {
	display: table-cell;
	width: 20%;
}

.contaniner .detail .detail-article .talk li dl dt .star span img {
	width: 100%;
}

.contaniner .detail .detail-article .talk li dl dd {
	font-size: 24px;
	margin-top: 3%;
	color: #333;
}

.contaniner .detail .detail-article .talk li dl small {
	font-size: 1.169em;
	margin-top: 3%;
	color: #999;
}

.contaniner .detail .detail-article .talk li dl .picbox {
	width: 100%;
	margin-top: 3%;
	height: 5em;
	overflow: hidden;
}

.contaniner .detail .detail-article .talk li dl .picbox img {
	width: 20%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.detail-footer {
	width: 92%;
	background-color: #fff;
	border-top: solid 1px #c8c8c8;
	padding: 3% 4%;
	box-sizing: content-box;
}

.goods-num .num-select {
	padding: 5px 10px;
}

.goods-num button {
	width: 56px;
	height: 56px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 30px;
}

.goods-num input {
	width: 60px;
	height: 56px;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 30px;
}

.goods-num button:active {
	background: #ccc;
	border: 1px solid #DEDEDE;
	color: #fff;
}


/*详情页底部*/

.detail-footer .go-car {
	width: 55%;
	display: block;
	float: left;
}

.detail-footer .buy {
	width: 40%;
	margin-left: 5%;
	font-size: 28px;
	display: block;
	float: left;
	background-color: #FC605A;
	color: #fff;
	text-align: center;
	padding: 4% 0;
	border-radius: 0.4em;
}

.detail-footer .go-car input[type="button"] {
	width: 90%;
	font-size: 28px;
	border: solid 1px #fc605a;
	color: #fc605a;
	background-color: rgba(0, 0, 0, 0);
	padding: 7% 0;
	padding-left: 10%;
	border-radius: 0.4em;
	background-image: url(../images/shopcart.png);
	background-repeat: no-repeat;
	background-size: 20%;
	background-position: 6%
}


/*diy定制部分*/

.goods-diy {
	display: none;
}

.goods-diy .infom {
	padding: 10px 20px;
}

.infom button {
	margin: 0 0 10px 30px;
	padding: 5px 10px;
	background: #666;
	border: 1px solid #666;
	border-radius: 3px;
	color: #fff;
}

.infom p {
	margin-bottom: 20px;
}

.infom p:last-child {
	margin-bottom: 0;
}

.infom select {
	width: 80px;
	height: 22px;
}

.infom input {
	height: 22px;
	width: 180px;
	border: 1px solid #ccc;
}


/*测量和提示部分*/

.done-tip p {
	margin-bottom: 10px;
}

.size-table,
.size-type {
	color: #F579AB;
}

.size-tips {
	font-size: 12px;
}

.done-tip p span {
	margin-right: 20px;
}

.done-tip p i img {
	vertical-align: middle;
}


/*尺寸介绍及测量方法弹层部分*/

.msg,
.msg1 {
	display: none;
}

.introduce {
	position: fixed;
	left: 0;
	top: 10%;
	width: 96%;
	background: #fff;
	z-index: 9999;
	text-align: left;
	padding: 2%;
	height: 80%;
	overflow: auto;
	min-height: 534px;
}

.introduce h2 {
	font-size: 24px;
	color: #333;
	padding-bottom: 4%;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 20px;
	margin-bottom: 10px;
}

.introduce section {
	margin-top: 6%;
}

.introduce section h4 {
	color: #414141;
}

.introduce section p {
	color: #999;
	font-size: 14px;
}

.bg {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 9998;
	background: #6f6f6f;
	opacity: 0.5;
}

.cancel a {
	position: fixed;
	right: -2%;
	top: 8.5%;
	font-size: 20px;
	color: #666;
	z-index: 10000;
	padding: 10px;
}

.type-tip {
	font-size: 17px;
	color: #DD0707;
}


/*商品介绍部分*/

.talkbox1 {
	padding: 5px 16px;
}
.talkbox1 table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #b0b0b0;
	margin-bottom: 10px;
}
.talkbox1 table td{
	padding: 20px 15px;
	color: #666;
}
.talkbox1 table td p{
	color: #333;
	line-height: 1.6;
}
.talkbox1 table td:nth-child(odd){
	background: #DEDEDE;
	width: 24%;
	color: #000;
}
.talkbox1 p {
	margin: 20px 0;
	color: #999;
	line-height: 1.8;
}
.talkbox1 p img{
	width: 100%;
}
.talkbox1 .talkbox1-tip {
	color: #f5a7c6;
}


/*底部*/

.fixed-contb {
	margin-bottom: 20%;
}

.fixed-footer {
	position: fixed;
	bottom: 0;
	left: 0;
}


/*评论页*/

.top-header {
	z-index: 1;
	width: 100%;
	background-color: #fff;
	display: table;
	border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}

.top-header a {
	display: table-cell;
}

.top-header .icona {
	width: 8.5%;
	padding-left: 5%;
	vertical-align: middle;
}

.top-header img {
	width: 100%;
}

.top-header h3 {
	font-size: 22px;
	color: #333;
	margin: 0 30%;
	display: table-cell;
	font-weight: normal;
	text-align: center;
	padding: 0.7em 0;
}

.top-header .iconb {
	width: 11%;
	padding-right: 5%;
	vertical-align: middle;
}

.fixed-cont {
	margin-top: 20%;
	margin-bottom: 2%;
}

.assess {
	width: 100%;
}

.assess p {
	width: 92%;
	padding: 4%;
	overflow: hidden;
	background-color: #fff;
	margin-top: 4%;
}

.assess p img {
	float: left;
	width: 30%;
}

.assess p textarea {
	float: right;
	text-align: justify;
	width: 65%;
	border: none;
	font-size: 15px;
	color: #666;
	-webkit-appearance: none;
	resize: none;
	height: 115px;
	overflow: hidden;
}

.assess ul {
	width: 90%;
	padding: 3% 5%;
	background-color: #fff;
	overflow: hidden;
	margin-top: 3%;
}

.assess ul li {
	float: left;
	font-size: 1.35em;
	color: #666;
	line-height: 1.8;
}

.assess ul .assess-right {
	float: right;
	width: 36%;
	overflow: hidden;
}

.assess ul .assess-right img {
	width: 20%;
	display: block;
	float: left;
}

.assess-footer {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}

.assess-footer li {
	position: relative;
	float: left;
	width: 70%;
	padding: 3% 0;
}

.assess-footer li label {
	width: 80%;
	padding-left: 20%;
	font-size: 1.35em;
	color: #666;
	display: block;
	background: url(../images/check.png) no-repeat;
	background-size: 6%;
	background-position: 10%;
	-moz-user-select: none;
}

.assess-footer li .assd {
	width: 80%;
	padding-left: 20%;
	font-size: 1.35em;
	color: #666;
	display: block;
	background: url(../images/checke.png) no-repeat;
	background-size: 6%;
	background-position: 10%
}

.assess-footer li input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	top: 40%;
	left: 0;
}

.assess-footer input[type="button"] {
	float: right;
	width: 30%;
	padding: 3% 0;
	text-align: center;
	color: #fff;
	background-color: #fc605a;
	border: none;
	font-size: 1.35em;
}