#toTop {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  z-index: 2000;
  bottom: 30px;
  right: 30px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background: url(https://chandowebprd.chandogroup.com/fz/top.png) no-repeat center center #fff;
  background-size: 50px;
}

#toTop:hover {
  cursor: pointer;
}

#index {
  width: 100%;
  min-height: 600px;
  text-align: center;
  background-color: #fff;
  margin: 0;
  padding-bottom: 5px;
}

/* swiper */
#index .swiper-container {
  width: 100%;
  --swiper-navigation-color: #ffffff;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 24px;
  /* 设置按钮大小 */
}

#index .swiper-container .swiper-button-prev,
.swiper-button-next {
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.2);
  margin-top: -60px;
}

#index .swiper-container .swiper-button-prev {
  background: url("../images/index/left.png") no-repeat center rgba(0, 0, 0, 0.2);
  background-size: 25px 25px;
}

#index .swiper-container .swiper-button-prev::after {
  content: "";
}

#index .swiper-container .swiper-button-next::after {
  content: "";
}

#index .swiper-container .swiper-button-next {
  background: url("../images/index/right.png") no-repeat center rgba(0, 0, 0, 0.2);
  background-size: 25px 25px;
}

#index .swiper-container .swiper-wrapper {
  width: 100%;
}

#index .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
}

#index .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
}

#index .swiper-container .swiper-pagination {
	 height: 10px;
	 position: relative;
	 padding: 10px;
	 box-sizing: border-box;
	 margin-bottom: 50px;
}

#index .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 26px;
  height: 5px;
  border-radius: 0;
  background: #bbbbbb;
}

#index .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 52px;
  background: #999999;
}

#index h3 {
  font-size: 32px;
  margin-bottom: 20px;
  font-weight: 500;
}

#index .aboutChcedo h3{
	font-size: 32px;
	margin-bottom: 0px;
	font-weight: 500;
}

#index .starShop {
  min-height: 400px;
/*  margin-bottom: 60px; */
  text-align: center;
}

.starTab{
	width: 600px;
	height: 54px;
	display: block;
	margin: 0 auto 30px;
}
.starTab span{
	float: left;
	width: 100px;
	margin: 0 10px;
	text-align: center;
	color: #808080;
	line-height: 54px;
	font-size: 18px;
	cursor: pointer;
}
.starTab span.starCur{
	color: #0F0B00;
	font-weight: bold;
	border-bottom: 2px solid #0F0B00;
}
.starContent{
	max-width: 1400px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}

.starContent ol{
	display: none;
}
.marginIndex{
	width: 100%;
}
.starFeng{
	float: left;
	width: 35%;
	/* height: 532px; */
	display: block;
	background-color: #eee;
	overflow: hidden;
}

.starFeng img{
	width: 100%;
/* 	height: 432px; */
	display:block;
}
.starChanPin{
	float: right;
	width: 64%;
	/* height: 532px; */
	display: block;
	overflow: hidden;
	margin-left: 1%;
	/* margin-bottom: 3%; */
}
.starChanPin img{
	width: 100%;
/* 	height: 394px; */
	display: block;
	overflow: hidden;
}

#index .starShop .tenStar {
  height: 30px;
  font-size: 24px;
  margin-bottom: 50px;
  font-weight: 300;
  position: relative;
  font-family: 'GBK-light';
}

#index .starShop .tenStar .goToStarList {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 115px;
}

#index .starShop .tenStar .goToStarList:hover {
  cursor: pointer;
}

#index .starShop .tenStar .goToStarList span {
  float: left;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
}

#index .starShop .tenStar .goToStarList i {
  float: right;
  display: block;
  width: 30px;
  height: 30px;
  background: url("../images/index/goToStarList.png") no-repeat center;
  margin: 0 auto;
}

#index .starShop .scrollShops {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#index  .ten_tips3 {
  display: block;
  text-align: center;
  padding-top: 2px;
  min-height: 60px;
  margin: 20px auto;
}

#index .ten_tips3 .tips3_p1 {
  height: 26px;
  overflow: hidden;
  word-wrap: break-word;
  font-size: 16px;
  font-weight: 500;
}

#index .ten_tips3 .tips3_p2 {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #444444;
  font-family: 'GBK-light';
}

#index .ten_tips3 .tips3_p3 {
  font-size: 14px;
  color: #444444;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}

#index .ten_tips3 a {
  display: block;
  width: 80px;
  height: 30px;
  border: 0;
  background: #ffffff;
  border: 1px solid #000;
  color: #444444;
  margin: 10px auto;
  font-size: 14px;
  line-height: 30px;
}
#index .ten_tips3 a:hover{
	background-color: #000000;
	color: #fff;
	font-weight: bold;
}

#index .goodShop {
  width: 1400px;
  display: block;
  margin: 0 auto 40px;
}


#index .goodShop .hufu {
  min-height: 330px;
  background: url("../images/index/goodShopBg.png") no-repeat center center;
  background-size: 100% auto;
  padding: 20px;
  display: block;
  overflow: hidden;
  margin-top: 40px;
}

#index .goodShop .hufu a {
  width: 100%;
  height: 100%;
}

#index .goodShop .hufu a img {
  width: 100%;
  display: block;
  margin: 0 auto 30px;
}
#index .goodShop .hufu ul{
	margin-left: -1%;
	margin-right: -1%;
	display: block;
}
#index .goodShop .hufu ul li {
  float: left;
  width: 25%;
  display: block;
  overflow: hidden;
}

#index .goodShop .hufu ul li:last-child {
  margin-right: 0;
}

#index .goodShop .hufu ul li img {
  width: 93%;
  display: block;
}

#index .goodShop .zhongcao {
  display: block;
  margin: 70px 0;
  border-radius: 10px;
  box-shadow: 1px 1px 1px 1px #eee;
  overflow: hidden;
}

#index .goodShop .zhongcao a:hover {
  color: #0f0b00;
}

#index .goodShop .zhongcao img {
  width: 100%;
}

#index .goodShop .zhongcao p {
  color: #0f0b00;
  font-size: 20px;
  line-height: 70px;
  text-align: left;
  padding-left: 30px;
}

#index .goodShop .questionnaire {
  height: 290px;
  background: url(../images/index/questionnaireBg.png) no-repeat center;
  background-size: 100%;
  position: relative;
}

#index .goodShop .questionnaire .p {
  position: absolute;
  left: 90px;
  top: 70px;
  text-align: left;
  font-size: 28px;
  /* font-weight: 600; */
}

#index .goodShop .questionnaire .queBtn {
  display: block;
  width: 175px;
  height: 30px;
  line-height: 30px;
  color: #0f0b00;
  border: 1px solid #0f0b00;
  position: absolute;
  left: 90px;
  top: 170px;
}
.subPinpai{
	width: 100%;
	display: block;
	height: auto;
	position: relative;
	overflow: auto;
	margin: 40px auto 10px;
}
.subPinpaiImg{
	width: 1100px;
	display: block;
	height: 451px;
	overflow: hidden;
}
.subPinpaiImg img{
	display: none;
}
.subPinpaiImg img.dis{
	display: block;
}
.subPinBottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: rgba(255, 255, 255, 0.2);
	display: block;
	z-index: 999;
}
.subPinBox{
	width: 320px;
	height: 80px;
	margin: 10px auto;
}
.subPinBottom ol{
	float: left;
	text-align: center;
	width: 160px;
	cursor: pointer;
}
.subPinBottom ol img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	padding: 10px;
	background: rgba(255, 255, 255, 0.5);
}
.subPinBottom ol.cursubbg img{
	background: rgba(255, 255, 255, 1);
}

.aboutChcedo {
   width: 1400px;
   margin: 0 auto 46px;
   display: block;
   overflow: hidden;
}

.aboutChcedo .video {
  width: 100%;
  position: relative;
  margin-bottom: 46px;
  margin-top: 46px;
  min-height: 510px;
  background-color: #a4c5c7;
}

.aboutChcedo .onevideo {
  width: 100%;
  height: 100%;
}
.aboutChcedo .onevideo510 {
  height: 510px;
  display: block;
}

@media screen and (max-device-width:1380px){
	.starContent{
		max-width: 1200px;
		margin: 0 auto;
		display: block;
		overflow: hidden;
		width: 100%;
	}
	#index .goodShop {
	  width: 1200px;
	  display: block;
	  margin: 0 auto 40px;
	}
	
	.aboutChcedo {
	   width: 1200px;
	   margin: 0 auto 46px;
	   display: block;
	   overflow: hidden;
	}
}

.aboutChcedo .video .menbanV {
  width: 100%;
  height: 100%;
  background: url(https://chandowebprd.chandogroup.com/images/about_pc.jpg) no-repeat center rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}

.aboutChcedo .video .menbanV img {
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.aboutChcedo .video .menbanV img:hover {
  cursor: pointer;
}

.aboutChcedo .aboutList {
 display: block;
 overflow: hidden;
 padding-bottom: 40px;
 margin: 0;
 margin-left: -0.5%;
 margin-right: -0.5%;
 padding: 0;
}


.aboutChcedo .aboutList li {
  float: left;
/*  width: 456.66px; */
  width: 32.33%;
  height: auto;
  display: block;
  margin: 0 0.5% 15px;
  overflow: hidden;
}

.aboutChcedo .aboutList li:nth-child(3n) {
  margin-right: 0;
}

.aboutChcedo .aboutList li img {
  width: 100%;
  display: block;
}

#index .menban {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 999;
  display: none;
}

#index .menban .box {
  width: 360px;
  height: 480px;
  border-radius: 30px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 40px;
  box-sizing: border-box;
  background: url("../images/index/activitybg.png") no-repeat bottom center;
  background-size: 360px;
  background-color: #ffffff;
}

#index .menban .box .close {
  position: absolute;
  left: 50%;
  bottom: -55px;
  transform: translateX(-50%);
}

#index .menban .box .close i {
  display: block;
  width: 2px;
  margin-left: 17px;
  height: 20px;
  background: #ffffff;
}

#index .menban .box .close .closeBtn {
  display: block;
  width: 35px;
  height: 35px;
  background: url("../images/membershipClub/closePintsMenban.png") no-repeat center;
  background-size: 100%;
}

#index .menban .box .close .closeBtn:hover {
  cursor: pointer;
}

#index .menban .box .title {
  width: 150px;
  margin: 0 auto 30px;
  padding: 40px 0 20px 0;
  border-bottom: 1px solid #090305;
}

#index .menban .box .title p {
  font-size: 24px;
  color: #000000;
  font-weight: 600;
}

#index .menban .box .content {
  font-size: 16px;
  line-height: 26px;
}

#index .menban .box .content p {
  width: 235px;
  margin: 0 auto;
}

#search {
  min-height: 600px;
  /* color: #0f0b00; */
}

#search .search {
  width: 950px;
  height: 50px;
  margin: 50px auto 0;
}

#search .search input {
  float: left;
  width: 900px;
  height: 50px;
  border: 1px solid #cccccc;
  text-indent: 16px;
  box-sizing: border-box;
}

#search .search button {
  float: left;
  width: 50px;
  height: 50px;
  border: 0;
  background: #0f0b00;
}

#search .searchContainer {
  overflow: hidden;
}

/* 初始搜索页 */
#search .searchList {
  width: 950px;
  margin: 70px auto 150px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

#search .searchList dt {
  margin-bottom: 30px;
  font-size: 18px;
}

#search .searchList dt span {
  margin: 0 5px;
}

#search .searchList dt i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/index/star.png) no-repeat center;
}

#search .searchList dd {
  padding: 20px 0;
  font-size: 20px;
}

#search .searchList dd:hover {
  cursor: pointer;
  background: rgba(44, 18, 7, 0.2);
}

/* 查询为0搜索页 */
#search .searchZero {
  width: 950px;
  margin: 40px auto 0;
  text-align: left;
}

#search .searchZero a {
  color: #0f0b00;
}

#search .searchZero a:hover {
  color: #0f0b00;
}

#search .searchZero .list {
  height: 230px;
  /* border-bottom: 1px solid #e5e5e5; */
}

#search .searchZero .list span {
  font-size: 16px;
}

#search .searchZero .list p {
  text-align: center;
  overflow: hidden;
}

#search .searchZero .list p img {
  display: block;
  margin: 50px auto 25px;
}

#search .searchZero .list p span {
  font-size: 20px;
}

#search .searchZero .aboutSearch {
  overflow: hidden;
}

#search .searchZero .aboutSearch span {
  display: block;
  margin: 0 0 40px 0;
  padding-top: 50px;
  font-size: 18px;
  border-top: 1px solid #e5e5e5;
}

#search .searchZero .aboutSearch ul {
  overflow: hidden;
}

#search .searchZero .aboutSearch ul li {
  float: left;
  margin: 0 22px 10px 0;
}

#search .searchZero .aboutSearch ul li:nth-child(3n) {
  margin-right: 0;
}

#search .searchZero .aboutSearch ul li div {
  width: 300px;
  height: 300px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
}

#search .searchZero .aboutSearch ul li div img {
  width: 100%;
}

#search .searchZero .aboutSearch ul li p {
  padding: 26px 0 20px 10px;
}

#search .searchZero .aboutSearch ul li b {
  font-weight: 600;
  padding-left: 10px;
  font-size: 17px;
}

#search .searchZero .recommendSearch {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 50px;
}

#search .searchZero .recommendSearch span {
  display: block;
  margin: 50px 0 40px 0;
  font-size: 18px;
}

#search .searchZero .recommendSearch ul li {
  width: 100%;
  margin-bottom: 20px;
}

#search .searchZero .recommendSearch ul li img {
  width: 100%;
}

/* 查询有结果 */
#search .searchAll {
  width: 950px;
  margin: 40px auto 0;
  overflow: hidden;
  text-align: left;
}

#search .searchAll a {
  color: #0f0b00;
}

#search .searchAll a:hover {
  color: #0f0b00;
}

#search .searchAll span {
  display: block;
  margin: 0 0 40px 0;
  font-size: 18px;
}

#search .searchAll ul {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}

#search .searchAll ul li {
  float: left;
  margin: 0 22px 50px 0;
}

#search .searchAll ul li:nth-child(3n) {
  margin-right: 0;
}

#search .searchAll ul li div {
  width: 300px;
  height: 300px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
}

#search .searchAll ul li div img {
  width: 100%;
}

#search .searchAll ul li p {
  padding: 26px 0 20px 10px;
  width: 290px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#search .searchAll ul li b {
  font-weight: 600;
  padding-left: 10px;
  font-size: 17px;
}

#search .searchAll dl {
  width: 950px;
  min-height: 10px;
  padding: 40px 0;
}

#search .searchAll dl dd {
  width: 100%;
}

#search .searchAll dl dd img {
  width: 100%;
  height: 300px;
}

#search .searchAll dl dd p {
  font-size: 18px;
  padding: 30px 0;
}

/* 肌肤测试 */
#skinTest {
  position: relative;
  overflow: hidden;
}

/* 引导页 */
#skinTest {
  padding-top: 30px;
}

#skinTest .guideimg {
  width: 100%;
  height: 423px;
  overflow: hidden;
  background: url("../images/goodShop/chooseTitle.png") no-repeat center;
  background-size: 100%;
}

#skinTest .guide .title {
  margin-top: 70px;
}

#skinTest .guide .title h3 {
  font-size: 32px;
  line-height: 47px;
}

#skinTest .guide .tips {
  width: 312px;
  height: 186px;
  border-top: 1px solid #e5e5e5;
  margin: 32px auto 0;
}

#skinTest .guide .tips p {
  width: 100%;
  height: 78px;
  font-size: 18px;
  line-height: 40px;
  margin-top: 32px;
}

#skinTest .guide button {
  display: block;
  width: 270px;
  height: 43px;
  border: 1px solid #0f0b00;
  background: 0;
  /* margin-bottom: 130px; */
  font-size: 20px;
  font-weight: 600;
  outline: none;
}

#skinTest .guide button.startTest {
  margin: 0 auto 80px;
}

#skinTest .guide button.searchResult {
  margin: -60px auto 80px;
  display: none;
}

/* 问卷页 */
#skinTest #questionnaireBox {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

#skinTest #questionnaireBox .questionnaire {
  width: 1100px;
  height: 480px;
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 46px 40px;
  box-sizing: border-box;
  display: none;
}

#skinTest #questionnaireBox .questionnaire .close {
  width: 18px;
  height: 18px;
  background: url("../images/goodShop/close.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 32px;
  top: 32px;
}

#skinTest #questionnaireBox .questionnaire .close:hover {
  cursor: pointer;
}

#skinTest #questionnaireBox .questionnaire .btns {
  margin-top: 70px;
}

#skinTest #questionnaireBox .questionnaire .btns button {
  width: 176px;
  height: 42px;
  border: 1px solid #0f0b00;
  font-size: 18px;
  background: 0;
  margin: 0 5px;
}

#skinTest #questionnaireBox .questionnaire .btns button:hover {
  font-weight: 600;
}

#skinTest #questionnaireBox .questionnaire .btns button.pre {
  cursor: default;
  font-weight: 500;
}

#skinTest #questionnaireBox .questionnaire .btns .submit,
.next {
  display: none;
}

#skinTest #questionnaireBox .questionnaire .active {
  text-align: left;
}

#skinTest #questionnaireBox .questionnaire .active h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 80px;
}

#skinTest #questionnaireBox .questionnaire .active dl {
  display: inline-block;
  width: 100%;
  height: 164px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
  text-align: center;
}

#skinTest #questionnaireBox .questionnaire .active dl dd {
  display: inline-block;
  width: 160px;
  min-height: 35px;
  padding: 7px 30px 7px 10px;
  margin: auto 20px;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#skinTest #questionnaireBox .questionnaire .active dl dd.actived {
  border: 1px solid #0f0b00;
  font-weight: 600;
  background: url("../images/goodShop/choose.png") no-repeat right center;
  background-size: 20px 20px;
}

#skinTest #questionnaireBox .questionnaire .active dl dd:hover {
  cursor: default;
  border: 1px solid #0f0b00;
  font-weight: 600;
  background: url("../images/goodShop/choose.png") no-repeat right center;
  background-size: 20px 20px;
}

/* 测试结果页 */
#skinTest .result {
  width: 1100px;
  height: 985px;
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 46px 40px;
  box-sizing: border-box;
  display: none;
}

#skinTest .result .close {
  width: 18px;
  height: 18px;
  background: url("../images/goodShop/close.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 32px;
  top: 32px;
}

#skinTest .result .close:hover {
  cursor: pointer;
}

#skinTest .result h3 {
  text-align: left;
  font-size: 20px;
  line-height: 80px;
  text-indent: 38px;
}

#skinTest .result .resultContent {
  width: 100%;
  height: 692px;
  padding: 30px 0 50px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  text-align: left;
}

#skinTest .result .resultContent .img {
  width: 1020px;
  height: 206px;
  overflow: hidden;
  position: relative;
}

#skinTest .result .resultContent .img .imgTitle {
  position: absolute;
  left: 100px;
  top: 50px;
}

#skinTest .result .resultContent .img .imgTitle .title1 {
  font-size: 24px;
}

#skinTest .result .resultContent .img .imgTitle .title2 {
  font-size: 38px;
  font-weight: 500;
  line-height: 80px;
  text-indent: -20px;
}

#skinTest .result .resultContent .img img {
  display: block;
  width: 100%;
}

#skinTest .result .resultContent ul li {
  margin-top: 24px;
}

#skinTest .result .resultContent ul li p {
  line-height: 30px;
}

#skinTest .result .resultContent ul li p b {
  font-weight: 600;
}

#skinTest .result .resultContent h3 {
  font-size: 20px;
  text-indent: 0;
  line-height: 92px;
}

#skinTest .result .resultContent .recommendList {
  width: 100%;
  height: 170px;
  overflow-y: auto;
  box-sizing: border-box;
}

#skinTest .result .resultContent .recommendList::-webkit-scrollbar {
  width: 5px;
}

#skinTest .result .resultContent .recommendList::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 10px;
}

#skinTest .result .resultContent .recommend {
  width: 100%;
  height: 128px;
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  padding: 18px 12px;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 0;
}

#skinTest .result .resultContent .recommend .img {
  float: left;
  width: 94px;
  height: 94px;
  overflow: hidden;
  background: none;
}

#skinTest .result .resultContent .recommend .img img {
  display: block;
  width: 100%;
}

#skinTest .result .resultContent .recommend .price {
  float: left;
  margin-left: 22px;
}

#skinTest .result .resultContent .recommend .price p {
  font-size: 18px;
}

#skinTest .result .resultContent .recommend .price span {
  font-size: 16px;
  line-height: 70px;
}

#skinTest .result .resultContent .recommend .btn {
  float: right;
  width: 138px;
  height: 24px;
  border: 1px solid #0f0b00;
  background: 0;
  margin: 34px 28px 0 0;
}

#skinTest .result .resultContent .recommend .btn a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 24px;
  color: #0f0b00;
  text-align: center;
}

#skinTest .result .reset,
.save {
  width: 176px;
  height: 42px;
  background: 0;
  margin: 50px 10px 0;
  border: 1px solid #0f0b00;
  font-size: 18px;
  font-weight: 600;
}

/* 好物 */
#content .recommendTitle {
  padding: 30px 0 50px;
  text-align: center;
  display: block;
}

#content .recommendTitle h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

#content .recommendTitle p {
  font-size: 16px;
  line-height: 26px;
}

#content .recommendList {
  padding: 5px 0 0 2px;
  margin-bottom: 95px;
  overflow: hidden;
}

#content .recommendList li {
  width: 250px;
  float: left;
  margin: 0 10px;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 0 5px 1px #cccccc;
  text-align: left;
  overflow: hidden;
}

/* #content .recommendList li:nth-child(4n) {
  margin-right: 0
} */

#content .recommendList li .box {
  width: 100%;
  /* height: 350px; */
  overflow: hidden;
  position: relative;
}

#content .recommendList li .box img {
  width: 100%;
  border-radius: 10px;
}

#content .recommendList li .box .menban {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

#content .recommendList li .box .menban .play_ico {
  display: block;
  width: 44px;
  height: 44px;
  background: url("../images/goodShop/play_button.png") no-repeat center;
  position: absolute;
  left: 26px;
  bottom: 26px;
}

#content .recommendList li .title {
  width: 100%;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  padding: 10px 10px;
  box-sizing: border-box;
}

#content .recommendList li .recommend {
  width: 100%;
  font-size: 12px;
  color: #999999;
  padding: 0px 10px 10px;
  box-sizing: border-box;
}

#content .recommendList li span {
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  padding: 5px 10px 0;
  box-sizing: border-box;
  display: inline-block;
}

#content .recommendList li .shareBox {
  float: right;
  margin: 5px 10px 0 0;
  width: 20px;
  height: 20px;
  position: relative;
}

#content .recommendList li .shareBox i {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/caizhuang/share.png") no-repeat center;
  background-size: 14px;
}

#content .recommendList li .shareBox .sharedialog {
  width: 190px;
  height: 30px;
  background: #ffffff;
  box-shadow: 0 0 5px #0f0b00;
  position: absolute;
  left: -165px;
  top: 20px;
  padding: 0;
  display: none;
}

#content .recommendList li .shareBox:hover {
  cursor: pointer
}

#content .recommendList li .shareBox:hover .sharedialog {
  display: block;
}

#content .recommendList li .shareBox .sharedialog .shareLeft {
  float: left;
  line-height: 28px;
  font-size: 12px;
  padding-top: 0;
}

.bdshare_popup_box {
  display: none !important;
}

.topImg {
  width: 1100px;
  text-align: left;
}

.topImg img, video {
  width: auto;
  height: 560px;
  display: block;
  margin: 0 auto;
}

#content .swiper-container .swiper-pagination {
  height: 80px;
  position: relative;
  padding-top: 38px;
  box-sizing: border-box;
}

#content .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 26px;
  height: 5px;
  border-radius: 0;
  background: #bbbbbb;
}

#content .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 52px;
  background: #999999;
}

.topImg {
  overflow: hidden;
  padding-bottom: 20px;
}

.topImg .imgTip {
  font-size: 22px;
  line-height: 60px;
  margin-top: 10px;
}

.topImg .userName {
  float: left;
  font-size: 18px;
  color: #4c4c4c;
  margin-right: 30px;
}

.topImg .time {
  float: left;
  font-size: 18px;
  color: #4c4c4c;
}


.shareBox {
  float: left;
  position: relative;
  width: 50px;
  height: 26px;
  margin-left: 30px;
}

.shareBox:hover {
  cursor: pointer;
}

.shareBox i {
  display: block;
  width: 26px;
  height: 26px;
  background: url("../images/caizhuang/share.png") no-repeat center;
  background-size: 20px;
}

.shareBox:hover .sharedialog {
  display: block;
}

.shareBox .sharedialog {
  width: 210px;
  height: 26px;
  box-shadow: 0 0 5px #0f0b00;
  position: absolute;
  left: 30px;
  top: -5px;
  padding: 5px 0 5px 15px;
  display: none;
}

.shareBox .sharedialog .shareLeft {
  float: left;
  line-height: 28px;
  font-size: 14px;
}

.titleList {
  text-align: left;
  margin: 0 0 100px;
  overflow: hidden;
}

.titleList p {
  line-height: 22px;
}

.titleList p img {
  margin: 10px 0;
}

.titleList li {
  font-size: 17px;
  line-height: 30px;
  margin-top: 20px;
}

.imgList {
  margin-top: 96px;
  overflow: hidden;
}

.imgList dd {
  float: left;
  margin: 0 17px 18px 0;
}

.imgList dd:nth-child(3n) {
  margin-right: 0;
}

.imgList dd img {
  width: 355px;
}

.bottom {
  width: 100%;
  padding: 50px 0;
  text-align: left;
  border-top: 1px solid #e5e5e5;
  /* overflow: hidden; */
  margin-top: 60px;
}

.bottom h3 {
  font-size: 30px;
  margin-bottom: 50px;
}

.bottom ul {
  width: 100%;
}

.bottom ul li .recommendContent {
  width: 100%;
  height: 160px;
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  margin-bottom: 50px;
  padding: 20px 15px;
  box-sizing: border-box;
  overflow: hidden;
}

.bottom ul li .recommendContent .img {
  float: left;
  width: 118px;
  height: 118px;
  overflow: hidden;
}

.bottom ul li .recommendContent .img img {
  display: block;
  width: 100%;
}

.bottom ul li .recommendContent .price {
  float: left;
  margin-left: 28px;
}

.bottom ul li .recommendContent .price p {
  font-size: 20px;
}

.bottom ul li .recommendContent .price span {
  font-size: 18px;
  line-height: 80px;
}

.bottom ul li .recommendContent .btn {
  float: right;
  width: 143px;
  height: 24px;
  border: 1px solid #0f0b00;
  background: 0;
  margin: 47px 15px 0 0;
}

.bottom ul li .recommendContent .btn a {
  display: block;
  width: 100%;
  height: 100%;
  color: #0f0b00;
  line-height: 24px;
  text-align: center;
}

.bottom .evaluate {
  width: 100%;
  height: 100px;
  border: 1px solid #f7f7f5;
  margin-bottom: 50px;
  padding: 34px 330px;
  box-sizing: border-box;
  overflow: hidden;
}

.bottom .evaluate dd {
  float: left;
  width: 118px;
  height: 30px;
  text-align: center;
}

.bottom .evaluate dd i {
  float: left;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-left: 22px;
  margin-right: 10px;
}

.bottom .evaluate dd span {
  font-size: 18px;
  line-height: 30px;
}

.bottom .evaluate .like i {
  background: url("../images/caizhuang/like.png") no-repeat center;
  background-size: 100%;
}

.bottom .evaluate .news i {
  background: url("../images/caizhuang/news.png") no-repeat center;
  background-size: 100%;
}

.bottom .evaluate .shareBox i {
  background: url("../images/caizhuang/share.png") no-repeat center;
  background-size: 27px;
}

.bottom .evaluate .shareBox {
  position: relative;
}

.bottom .evaluate .shareBox:hover .sharedialog {
  display: block;
}

.bottom .evaluate .shareBox .sharedialog {
  width: 210px;
  height: 30px;
  box-shadow: 0 0 5px #0f0b00;
  position: absolute;
  left: 60px;
  top: -5px;
  padding: 5px 0 5px 15px;
  display: none;
}

.bottom .evaluate .shareBox .sharedialog .shareLeft {
  float: left;
  line-height: 28px;
  font-size: 14px;
}

/* 购物车模块 */
.contentHead {
  width: 100%;
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid #cccccc;
  position: relative;
}

.contentHead i {
  display: inline-block;
  width: 10px;
  height: 20px;
  background: url("../images/specialServices/back.png") no-repeat center;
  position: absolute;
  left: 0;
  top: 30px;
}

.contentHead span {
  font-size: 18px;
  font-weight: 600;
}

.contentHead i:hover {
  cursor: pointer;
}

/* 空购物袋 */
.cart_0 {
  overflow: hidden;
  display: none;
}

.cart_0 .img {
  width: 76px;
  height: 70px;
  margin: 177px auto 0;
}

.cart_0 .img img {
  display: block;
  width: 100%;
}

.cart_0 p {
  font-size: 20px;
  line-height: 76px;
}

/* 有商品 */
.cart_1 {
  display: none;
  text-align: left;
  position: relative;
  min-height: 600px;
}

.cart_1 .title {
  height: 110px;
  line-height: 110px;
}

.cart_1 .title span {
  float: left;
  font-size: 20px;
  font-weight: 600;
}

.cart_1 .title .manage {
  float: right;
  background: 0;
  border: 0;
  font-size: 16px;
  margin-top: 45px;
}

.cart_1 .title .finish {
  float: right;
  background: 0;
  border: 0;
  margin-top: 45px;
  font-size: 16px;
  font-weight: 600;
  display: none;
}

.cart_1 .cartList li {
  width: 100%;
  height: 206px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 30px;
}

.cart_1 .cartList li div {
  overflow: hidden;
}

input[type="checkbox"]::after {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: -4px 0 0 -4px;
}

input[type="checkbox"]:checked::after {
  /* content: "✓"; */
  background: url("../images/cart/choose.png") no-repeat center;
  background-color: #0f0b00;
}

.cart_1 .cartList li .check {
  float: left;
  margin: 67px 0 0 4px;
}

.cart_1 .cartList li .shop {
  float: right;
  width: 1066px;
  height: 150px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  background: #f9f9f9;
  padding: 20px 15px;
  position: relative;
}

.cart_1 .cartList li .shop .img {
  float: left;
  width: 108px;
  height: 108px;
  background: #ffffff;
  overflow: hidden;
}

.cart_1 .cartList li .shop .img img {
  display: block;
  margin: auto;
  width: 100%;
}

.cart_1 .cartList li .shop .shopInfo {
  float: left;
  margin-left: 22px;
}

.cart_1 .cartList li .shop .shopInfo p {
  line-height: 1;
}

.cart_1 .cartList li .shop .shopInfo p.name {
  font-size: 19px;
  font-weight: 600;
}

.cart_1 .cartList li .shop .shopInfo p.size {
  font-size: 14px;
  color: #555555;
  line-height: 70px;
}

.cart_1 .cartList li .shop .shopInfo p.price {
  font-size: 14px;
  font-weight: 600;
}

.cart_1 .cartList li .shop .step {
  width: 75px;
  height: 24px;
  display: inline-block;
  position: absolute;
  z-index: 9;
  left: 330px;
  bottom: 30px;
}

.cart_1 .cartList li .shop .step input {
  width: 45px;
  height: 20px;
  font-weight: 600;
  border: 0;
  padding: 0;
  background: none;
  text-align: center;
  margin: 0 15px;
}

.cart_1 .cartList li .shop .step i {
  display: block;
  width: 15px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: 0;
  font-weight: 600;
}

.cart_1 .cartList li .shop .step i:hover {
  cursor: pointer;
}

.cart_1 .cartList li .shop .step i.reduce {
  left: 0;
}

.cart_1 .cartList li .shop .step i.plus {
  right: 0;
}

.cart_1 .cartList li p {
  display: block;
  line-height: 55px;
}

.cart_1 .cartList li p span {
  float: right;
}

.cart_1 .cartList li p span i {
  font-weight: 500;
  margin: 0 20px;
}

/* 全选合计 */
.cart_1 .bottom {
  width: 100%;
  height: 150px;
  padding-top: 20px;
  box-sizing: border-box;
  background: #ffffff;
  /* position: fixed;
bottom: 0;
left: 0;
z-index: 1000; */
}

.cart_1 .bottom .box {
  width: 1100px;
  margin: 0 auto;
}

.cart_1 .bottom label {
  float: left;
  font-size: 20px;
  line-height: 50px;
  font-weight: 600;
}

.cart_1 .bottom label .allCheck {
  margin-left: 4px;
}

.cart_1 .bottom label span {
  margin-left: 15px;
}

/* 结算 */
.cart_1 .bottom .totalPay {
  float: right;
  margin-top: 6px;
}

.cart_1 .bottom .totalPay p {
  line-height: 44px;
  font-size: 17px;
  font-weight: 600;
  float: left;
}

.cart_1 .bottom .totalPay p b {
  font-weight: 600;
}

.cart_1 .bottom .totalPay .pay {
  float: right;
  width: 160px;
  height: 44px;
  font-size: 20px;
  border: 0;
  background: #0f0b00;
  color: #ffffff;
  margin-left: 16px;
  padding: 0;
}

.cart_1 .bottom .totalPay .pay a {
  display: block;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 20px;
  line-height: 44px;
}

/* 管理 */
.cart_1 .bottom .manageBtns {
  float: right;
  display: none;
}

.cart_1 .bottom .manageBtns button {
  width: 154px;
  height: 44px;
  background: none;
  border: 1px solid #0f0b00;
  font-size: 17px;
  margin-left: 10px;
  margin-top: 6px;
}

.cart_1 .bottom .manageBtns .addCollection {
  font-weight: 600;
}

/* 结算 */

/* 收货人信息 */
.addressInfo {
  margin-top: 50px;
  width: 100%;
  height: 126px;
  border: 1px solid #cdcdcd;
  padding: 0 35px;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}

.addressInfo .loc {
  float: left;
  margin-top: 29px;
}

.addressInfo .noAddress {
  float: left;
  line-height: 126px;
  width: 260px;
  color: #000000;
  margin-left: 20px;
}

.addressInfo .noAddress a {
  background: none;
}

.addressInfo span {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 56px;
  margin: 12px 70px 0 0;
}

.addressInfo p {
  width: 400px;
  font-size: 16px;
  color: #636363;
  line-height: 28px;
  position: relative;
}

.addressInfo p .address_ico {
  display: block;
  width: 12px;
  height: 16px;
  position: absolute;
  left: -20px;
  top: 6px;
  background: url("../images/cart/maps_flags.png") no-repeat center;
}

.addressInfo a {
  position: absolute;
  top: 0;
  right: 40px;
  width: 80px;
  height: 126px;
  background: url("../images/cart/goToAddress.png") no-repeat center;
  background-size: 9px 16px;
}

/* 商品信息 */
.settlementList {
  margin-top: 50px;
  text-align: left;
}

.settlementList li {
  width: 100%;
  height: 206px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 30px;
}

.settlementList li div {
  overflow: hidden;
}

.settlementList li .check {
  float: left;
  margin: 67px 0 0 4px;
}

.settlementList li .shop {
  float: right;
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  background: #f9f9f9;
  padding: 20px 15px;
  position: relative;
}

.settlementList li .shop .img {
  float: left;
  width: 108px;
  height: 108px;
  background: #ffffff;
  overflow: hidden;
}

.settlementList li .shop .img img {
  display: block;
  margin: auto;
  width: 100%;
}

.settlementList li .shop .shopInfo {
  float: left;
  margin-left: 22px;
}

.settlementList li .shop .shopInfo p {
  line-height: 1;
}

.settlementList li .shop .shopInfo p.name {
  font-size: 19px;
  font-weight: 600;
}

.settlementList li .shop .shopInfo p.size {
  font-size: 14px;
  color: #555555;
  line-height: 70px;
}

.settlementList li .shop .shopInfo p.price {
  font-size: 14px;
  font-weight: 600;
}

.settlementList li .shop .step {
  width: 75px;
  height: 24px;
  display: inline-block;
  position: absolute;
  z-index: 9;
  left: 330px;
  bottom: 30px;
}

.settlementList li .shop .step input {
  width: 45px;
  height: 20px;
  font-weight: 600;
  border: 0;
  padding: 0;
  background: none;
  text-align: center;
  margin: 0 15px;
}

.settlementList li .shop .step i {
  display: block;
  width: 15px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: 0;
  font-weight: 600;
}

.settlementList li .shop .step i.reduce {
  left: 0;
}

.settlementList li .shop .step i.plus {
  right: 0;
}

.settlementList li p {
  display: block;
  line-height: 55px;
}

.settlementList li p span {
  float: right;
}

.settlementList li p span i {
  font-weight: 500;
  margin: 0 20px;
}

/* 发票 */
.invoice {
  width: 100%;
  height: 48px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  margin-top: 50px;
  padding: 0 20px;
}

.invoice span {
  float: left;
  font-weight: 600;
  line-height: 48px;
}

.invoice a {
  float: right;
  font-weight: 500;
  line-height: 48px;
  color: #4c4c4c;
}

.invoice a i {
  float: right;
  width: 9px;
  height: 48px;
  background: url("../images/cart/goToInvoice.png") no-repeat center;
  background-size: 9px 15px;
  margin-left: 20px;
}

/* 积分 */
.points {
  width: 100%;
  height: 58px;
  line-height: 58px;
  border-bottom: 1px solid #ebebeb;
  text-align: left;
  text-indent: 150px;
}

/* 留言 */
.tips textarea {
  margin-top: 30px;
  width: 100%;
  height: 80px;
  border-color: #e0e0e0;
  font-size: 16px;
  line-height: 28px;
  padding: 10px 20px;
  box-sizing: border-box;
  resize: none;
}

/* 商品 */
.shopBox {
  height: 147px;
  border-bottom: 1px solid #ebebeb;
}

.shopBox .shop {
  width: 100%;
  height: 48px;
  background: #f9f9f9;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  margin-top: 50px;
  padding: 0 20px;
}

.shopBox .shop span {
  float: left;
  font-weight: 600;
  line-height: 48px;
}

.shopBox .shop b {
  float: right;
  font-weight: 600;
  line-height: 48px;
}

.shopBox .shop b i {
  font-weight: 600;
}

/* 去支付 */
.payFor {
  width: 100%;
  height: 180px;
}

.payFor b {
  float: left;
  font-size: 19px;
  font-weight: 600;
  line-height: 48px;
  margin-top: 65px;
}

.payFor b i {
  font-weight: 600;
}

.payFor .pay {
  float: right;
  width: 158px;
  height: 44px;
  border: 0;
  background: #0f0b00;
  margin-top: 60px;
  font-size: 17px;
  color: #ffffff;
}

.payFor .pay a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 17px;
  line-height: 50px;
  color: #ffffff;
}

/* 支付 */

/* 支付首页 */
.payIndex {
  /* display: none; */
}

.payIndex .price {
  font-size: 22px;
  line-height: 122px;
  margin-top: 40px;
}

.payIndex .price b {
  font-size: 24px;
  font-weight: 600;
}

.payIndex .payways {
  width: 100%;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
}

.payIndex .payways li {
  width: 100%;
  height: 90px;
  font-size: 19px;
  line-height: 90px;
  border-top: 1px solid #ececec;
  padding-right: 68px;
  box-sizing: border-box;
}

.payIndex .payways li:first-child {
  border: 0;
}

.payIndex .payways li i {
  float: left;
  width: 32px;
  height: 90px;
  margin: 0 22px;
}

.payIndex .payways li.weChart i {
  background: url("../images/cart/weChart_ico.png") no-repeat center;
}

.payIndex .payways li.alipay i {
  background: url("../images/cart/alipay_ico.png") no-repeat center;
}

.payIndex .payways li span {
  float: left;
}

.payIndex .payways li input {
  float: right;
  width: 22px;
  height: 22px;
  margin-top: 34px;
}

.payIndex .bottom {
  width: 100%;
  height: 170px;
  border-top: 1px solid #ebebeb;
  margin-top: 210px;
}

.payIndex .bottom .confirm {
  float: right;
  width: 152px;
  height: 52px;
  background: #0f0b00;
  border: 0;
  color: #ffffff;
  font-size: 17px;
  margin-top: 50px;
}

/* 支付成功 */
.paySuccess,
.payDefault {
  display: none;
}

.paySuccess p,
.payDefault p {
  font-size: 22px;
  line-height: 112px;
  margin-top: 84px;
}

.paySuccess .keepGoing,
.paySuccess .gobackIndex,
.payDefault .repay,
.payDefault .goOrder {
  display: block;
  width: 222px;
  height: 45px;
  border: 0;
  background: none;
  font-size: 17px;
  box-sizing: border-box;
  margin: 16px auto 0;
}

.paySuccess .keepGoing,
.payDefault .repay {
  background: #0f0b00;
  color: #ffffff;
  margin-top: 22px;
}

.payDefault .repay {
  margin-top: 50px;
}

.paySuccess .keepGoing a,
.payDefault .repay a {
  color: #ffffff;
}

.paySuccess .gobackIndex,
.payDefault .goOrder {
  border: 1px solid #0f0b00;
  margin-bottom: 180px;
}

.paySuccess a,
.payDefault a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 45px;
}