
.main-pop *{
  flex-shrink:unset;
  box-sizing:unset;
  text-decoration:none;
}

.main-pop{
  position: absolute;
  top: 25px;
  right: 10px;
  border-top: none;
  z-index: 3;
  flex-shrink:unset;
  box-sizing:unset;
}

.float-pop {
  width: 160px;
  border-top: none;
  z-index: 3;
  transition: .3s width;
}

.float-pop .pop-title {
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #1B7BFF ;
  border-radius:3px 3px 0 0;
}

.float-pop .pop-title h4 {
  padding-left: 12px;
  color: #FFFFFF;
}

.float-pop .pop-btn {
  margin-right: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.float-pop .pop-btn .stretch {
  width: 1vw;
  height: 1vw;
  cursor: pointer;
}

.float-pop .pop-btn .close {
  width: 14px;
  height: 14px;
  cursor: pointer;
  margin-left: 8px;
}

.float-pop .pop-content {
  display: flex;
  flex-direction: column;
}


.float-pop .pop-content .pop-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #FFF;
  border-top: 1px solid #1073C9;
  padding: 5px;
}

.float-pop .pop-content .pop-item * {
  margin-bottom: 5px;
}

.float-pop .pop-content .pop-item :last-child {
  margin-bottom: 0;
}

.float-pop .pop-content .pop-item p, .float-pop .pop-content .pop-item h4 {
  color: #1B7BFF;
  font-weight: bold;
  line-height: 20px;
}

.float-pop .pop-content .pop-item img {
  width: 150px;
  height: 150px;
}

.float-pop .pop-content .info p {
  color: #333333;
  font-weight: normal;
  word-break: break-all;
  padding: 5px 10px;
}

.float-pop.narrow {
  width: 3.13vw;
  right: 0;
  border-radius: 7px;
  cursor: pointer;
  transition: .3s width;
}

.float-pop.narrow .pop-title {
  position: relative;
  height: 9vw;
  border-radius:3px;
}

.float-pop.narrow .pop-title h4 {
  padding: 23px 1.1vw 10px;
  font-size:0.9vw;
}

.float-pop.narrow .pop-btn {
  position: absolute;
  top: 9px;
  right: 1.1vw;
  margin-right: 0;
}

.tool-pop{
	float:right;
	margin-top:0.37vw;
}


@media (max-width: 768px) {

	.main-pop *{
	  flex-shrink:unset;
	  box-sizing:unset;
	}

	.main-pop{
	  position: absolute;
	  top: 25px;
	  right: 0;
	  border-top: none;
	  z-index: 3;
	  flex-shrink:unset;
	  box-sizing:unset;
	}

	.float-pop {
	  width: 180px;
	  border: 3px solid #1B7BFF ;
	  border-top: none;
	  z-index: 3;
	  transition: .3s width;
	}

	.float-pop .pop-title {
	  width: 100%;
	  height: 32px;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  background-color: #1B7BFF ;
	}

	.float-pop .pop-title h4 {
	  padding-left: 12px;
	  color: #FFFFFF;
	}

	.float-pop .pop-btn {
	  margin-right: 3px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}

	.float-pop .pop-btn .stretch {
	  width: 16px;
	  height: 16px;
	  cursor: pointer;
	}

	.float-pop .pop-btn .close {
	  width: 14px;
	  height: 14px;
	  cursor: pointer;
	  margin-left: 8px;
	}

	.float-pop .pop-content .pop-item {
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
	  background-color: #FFF;
	  padding: 5px;
	}

	.float-pop .pop-content .pop-item * {
	  margin-bottom: 5px;
	}

	.float-pop .pop-content .pop-item :last-child {
	  margin-bottom: 0;
	}

	.float-pop .pop-content .pop-item p, .float-pop .pop-content .pop-item h4 {
	  font-weight: bold;
	  line-height: 20px;
	  font-size:3.5vw;
	}

	.float-pop .pop-content .pop-item img {
	  width: 150px;
	  height: 150px;
	}

	.float-pop .pop-content .info p {
	  color: #333333;
	  font-weight: normal;
	  word-break: break-all;
	  padding: 5px 10px;
	}

	.float-pop.narrow {
	  width: 34px;
	  right: 0;
	  border-radius: 5px 0 0 5px;
	  cursor: pointer;
	  transition: .3s width;
	}

	.float-pop.narrow .pop-title {
	  position: relative;
	  height: 120px;
	}

	.float-pop.narrow .pop-title h4 {
	  padding: 20px 5px 5px 10px;
	  font-size:12px;
	}

	.float-pop.narrow .pop-btn {
	  position: absolute;
	  top: 9px;
	  right: 9px;
	  margin-right: 0;
	}

	.tool-pop{
		display:none;
		float:right;
		margin-top:3px;
	}

}

