*{margin: 0;padding: 0;}
.father{width: 100%;background: #1e0866;}
.pic-wid{width: 100%;}
.mt1{margin:10px 0;}
.mt2{margin:20px 0;}
.mt4{margin:40px 0;}
.pt1{padding: 10px 0;}
.pt2{padding: 20px 0;}
.lf{float: left;}
.rf{float: right;}
.clear{clear: both}
button , input{border:none;}


/*投票*/
.vote-line h3{color: #2e42cd;background: #fff; width: 185px;height: 42px;border-radius: 100px;text-align: center;
    margin: 0 auto;z-index: 999;position: relative;line-height: 42px;font-weight: bold;}
.vote-line p {background: #293ecc;color: #fafafa;padding: 30px;border-radius: 40px;letter-spacing: 1px;line-height: 26px;margin-top: -20px;position: relative;z-index: 99}


/*1*/
.product{
	background: #efeeed;
	border-radius: 6px;
	padding: 8px;
	font-weight: bold;
	height:380px;
}
.pro-tit p{
	margin-top: 0;
    margin-bottom: 1rem;
	font-size:1.8rem;
}
.pro-intro p{
	font-size:1.4rem;
	
}
.num{

  border-radius: 14px 0px 0px 14px;
   width: 90px;
  height: 32px;
   background-image: linear-gradient(#557ed6, #2237c5);
   color: #fff;
   border: none;
    border-right: 4px solid #efeeed;
}
.num a , .vote a{color: #fff;font-size: 18px;}
.vote{
	border-radius: 0px 14px 14px 0px;
	width: 56px;
    height: 32px;
      background-image: linear-gradient(#557ed6, #2237c5);
   color: #fff;
   border: none;
}


.num-orange{

  border-radius: 14px 0px 0px 14px;
   width: 90px;
  height: 32px;
   background-image: linear-gradient(#f26117, #ec750b);
   color: #fff;
   border: none;
    border-right: 4px solid #efeeed;
}
.num a , .vote a , .vote-orange a, .num-orange a , .num-green a , .vote-green a , .vote-red a , .num-red a{color: #fff;font-size: 18px;}

.vote-orange{
	border-radius: 0px 14px 14px 0px;
	width: 56px;
    height: 32px;
      background-image: linear-gradient(#f26117, #ec750b);
   color: #fff;
   border: none;
  
}



.num-green{

  border-radius: 14px 0px 0px 14px;
   width: 90px;
  height: 32px;
   background-image: linear-gradient(#a4d687, #75bc3c);
   color: #fff;
   border: none;
   border-right: 4px solid #efeeed;
}

.vote-green{
	border-radius: 0px 14px 14px 0px;
	width: 56px;
    height: 32px;
      background-image: linear-gradient(#a4d687, #75bc3c);
   color: #fff;
   border: none;
}


.num-red{

  border-radius: 14px 0px 0px 14px;
   width: 90px;
  height: 32px;
   background-image: linear-gradient(#d40d16, #d44e54);
   color: #fff;
   border: none;
   border-right: 4px solid #efeeed;
}

.vote-red{
	border-radius: 0px 14px 14px 0px;
	width: 56px;
    height: 32px;
      background-image: linear-gradient(#d40d16, #d44e54);
   color: #fff;
   border: none;
}

/**/
.footer{}
.footer-con{background: #f5f9fc;height: }

.tijiao{width: 232px;background: #4d81cc;color: #fff;height: 48px}

.zhuyi{font-size: 12px;color: #5a5959;text-align: center;width: 90%;margin:0 auto;margin-top: -30px;}


.input-group{width:100% !important}

.pro-xinxi{display: flex;}
.num{border-right: 4px solid #efeeed;}