/**
* 主要放header 和 footer 以及一些重置公共属性和font-face
**/
ul,ol{
  list-style: none;
}
*, *::before, *::after {
  box-sizing: border-box;
  letter-spacing: normal;
}
a{
  text-decoration: none;
}
ul,ol,h1,h2,h3,h4,p{
  margin: 0;
  padding: 0;
}
/*input, input:focus, button, textarea{*/
/*  outline: none;*/
/*  border: 0 solid;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*  background-color: #fff;*/
/*}*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
a{
  color: #303133;
}
a, a:hover {
  text-decoration: none;
  cursor: pointer;
}
.show{
  display: block !important;
}
.hide{
  display: none !important;
}
.text-center{
  text-align: center;
}
*{
  font-family: SFProText-Medium, SFProText, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
body {
  margin: 0;
  padding: 0;
  font-family: SFProText-Medium, SFProText, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.Modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  visibility: hidden;
}
.Modal .content {
  position: absolute;
  left: 50%;
  top: 30%;
  width: 50%;
  padding: 50px;
  border-radius: 3px;
  background: #fff;
  transform: translate(-50%, -30%) scale(0);
}
/*modal*/
.modal, .modal-share{
  display: none;
}
.modal-share-mask{
  background-color: rgba(0,0,0,.6);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
}
.modal-share-content{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  z-index: 999;
  overflow: initial;
  background-color: #fff;
}
.modal-share-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.modal-share-content {
  width: 360px;
  padding: 24px;
  border-radius: 8px;
}
.modal-share-content .img_share_girls{
  position: absolute;
  top: -100px;
}
.modal-share-content .share-tit{
  font-size: 18px;
  font-weight: bold;
  font-family: SFProText-Bold, SFProText;
  color: #303133;
  line-height: 25px;
  text-align: center;
  padding: 0 10px;
}
.modal-share-content .addthis_toolbox{
  padding: 24px 26px 32px;
}
.modal-share-content .custom_images{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.custom_images a,.custom_images .addthis_copy_url{
  margin: 0 4%;
  width: 25% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.custom_images a img,.addthis_copy_url img{
  margin-top: 12px;
  margin-bottom: 4px;
  width: 48px;
}
.modal-share-content .share-cancel{
  width: 312px;
  height: 44px;
  background: #F0F1F5;
  border-radius: 8px 8px 8px 8px;
  font-size: 16px;
  font-family: SFProText-Medium, SFProText;
  font-weight: 500;
  color: #606266;
  line-height: 44px;
  text-align: center;
  cursor: pointer;
}