﻿.reset_sizing *,
* {
  -webkit-box-sizing: inherit !important;
  -webkit-box-sizing: initial !important;
  -moz-box-sizing: inherit !important;
  -moz-box-sizing: initial !important;
  box-sizing: inherit !important;
  box-sizing: initial !important;
}

.header-center-inner-right .input-box_left .select,
.header-center-inner-right .input-box_left .input-input,
.header-center-inner-right .btn-btn,
.header-center-inner-right .input-box_left,
.login-confirm.layui-layer-dialog .layui-layer-content,
.login-confirm .layui-layer-btn .layui-layer-btn0,
.login-confirm .layui-layer-btn .layui-layer-btn1{
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.yz-main{
    width: 100%;
    position: relative;
    font: size 12px;
    overflow-x: hidden;
    font-family:Microsoft YaHei;
}
::-webkit-scrollbar{display:none;}
.wap{width: 1200px; margin: 0 auto;}

.banner{ width: 100%; height: 650px;  background: url(../images/yzaddfans1.png) center no-repeat #000;  position: relative; z-index: 1; color: #fff; text-align: center; display: block;}
.wap-left{width: 1200px;float: left;}
.wap-left h3{ font-size: 64px;  padding-top: 120px; display: block; font-weight: normal;}
.wap-left cite{ font-size: 28px; display: block;}
.wap-left .data{ display: block; margin: 20px 0 20px -30px;}
.wap-left dl{ display: inline-block; margin: 30px; font-size: 16px;}
.wap-left dl dt{ font-size: 24px; color: #FF752A; font-weight: bold;}
.wap-left a{margin: 0 auto;width:200px;height:50px;  border-radius:25px; border: none;  line-height: 50px; display: block;text-align: center; color: #fff; font-size: 18px; font-weight: bold;cursor: pointer;
  background:linear-gradient(180deg,rgba(255,117,42,1),rgba(255,141,23,1));
  background: -webkit-linear-gradient(180deg,rgba(255,117,42,1),rgba(255,141,23,1)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(180deg,rgba(255,117,42,1),rgba(255,141,23,1)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(180deg,rgba(255,117,42,1),rgba(255,141,23,1)); /* Firefox 3.6 - 15 */
  background: linear-gradient(180deg,rgba(255,117,42,1),rgba(255,141,23,1)); }

.wap-left a:hover{ background: #ff942b;}
.wap-left a i{margin-right: 10px; height: 50px;}
.wap-left a i img{ vertical-align: sub; }

.regular-checkbox{width: 20px; height: 20px; margin-top: 0;background-color: #fff;  border: 1px solid #ccc; border-radius: 2px; color: #fff; text-align: center; line-height: 16px;
 -webkit-appearance:none;  -moz-appearance:none;   -ms-appearance:none;  -o-appearance:none;   appearance:none;   outline: none; }
.regular-checkbox:hover {   border-color: #2cc192;}
.regular-checkbox:checked {  color: #fff;  background-color: #15b984; border: 1px solid #15b984; }
.regular-checkbox:after { content: "✔"; }

/*交易动态*/
.databox{ background:url(../images/yzaddfans24.png) no-repeat right  #fff; height: 150px; border-radius:4px;  position: relative; z-index: 9; margin-top: -80px; padding: 40px ; width: 1120px; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
.dynamic{width: 100%; padding-bottom: 25px; border-bottom: #ddd 1px dashed; float: left;}
.dynamic-inf{ padding-right:50px; border-right: #ddd 1px solid; height: 20px; line-height: 20px; margin-left: 40px;}
.dynamic-inf big{ font-size: 20px; font-weight: bold;}
.notice{ float: left; width: 300px; height: 20px; line-height: 20px; overflow: hidden; margin-left: 40px;}
.notice li{ width: 100%; height: 20px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
.notice li i{display: inline-block;background-color: #3f3f3f;border-radius: 2px; font-size: 12px; color: #fff;padding: 2px 5px; height: 14px; line-height: 12px; position: relative;margin-right:12px}
.notice li i:after {content: "";position: absolute;top: 50%;right: 0;-webkit-transform: translate(100%,-50%); -ms-transform: translate(100%,-50%); -o-transform: translate(100%,-50%); transform: translate(100%,-50%); width: 0;height: 0;border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #3f3f3f;border-style: solid;	border-width: 5px 3px;}
.notice li em{ color: #00ba78;}

.advantage-bt dl { margin-top:36px; padding-left: 50px; float: left; margin-left: 105px; height: 66px;}
.advantage-bt dl:first-child{ margin-left: 0;}
.advantage-bt dl dt{ font-size: 18px; font-weight: bold; height: 30px;}
.advantage-bt dl dd{ color: #999;}
.advantage-bt dl.icon-zyzh{background: url(../images/yzaddfans14.png)  no-repeat left;}
.advantage-bt dl.icon-sybz{background: url(../images/yzaddfans48.png)  no-repeat left; padding-left: 60px;}
.advantage-bt dl.icon-jyaq{background: url(../images/yzaddfans11.png)  no-repeat left;}
.advantage-bt dl.icon-vip{background: url(../images/yzaddfans5.png)  no-repeat left;}

h3.title{ width: 100%; text-align: center;}

/*增粉套餐*/
.mealBox{ background: url(../images/yzaddfans28.png) center no-repeat; width: 100%; height: 720px; padding-top: 240px; position: relative; z-index: 1; margin-top: -150px; }
.meal{ width: 340px; height: 470px; padding: 35px 24px ; background: #fff; margin-top: 20px; float: left; margin-left: 18px; border-radius: 3px; transition: all 0.3s ease-in-out;}
.meal:hover{ height: 470px; padding: 55px 24px; margin-top: 0; border-top: #FF6613 3px solid;  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.meal h5{ width: 100%; height:40px; line-height: 40px; font-size: 24px; font-weight: bold;  text-align: center; background: url(../images/yzaddfans25.png) no-repeat center; display: block;}
.meal span{color: #999; font-size: 14px; line-height: 30px; width: 100%; text-align: center; display: block;}
.meal li{ width: 300px; height: 60px; background: #f7f7f7; padding: 15px 20px; margin-top: 18px;}
.meal li input{ margin-top: 4px;}
.meal li label{cursor: pointer;width: 100%;
    height: 90px;
    display: block;}
.meal li tt{ color: #999; line-height: 30px; font-family: "microsoft yahei";}
.meal li tt big{ font-weight: bold;}
.meal a{ display: inline-block;cursor: pointer; margin: 24px 14px; width: 140px; height: 44px; text-align: center; line-height: 44px;  color: #fff; font-size: 16px; border-radius: 4px;}
.meal a i{ margin-right: 5px;}
.buy{  background: #FF6613; }
.kf{background: #15BB86;}
.meal a:hover{ opacity: 0.8;}
.meal li .my-title{
    font-size: 18px; font-weight: bold; height: 30px; line-height: 30px;
}

/*为什么*/
.problemBox{ background: url(../images/yzaddfans40.png) center no-repeat; width: 100%; height: 634px; padding-top:60px; position: relative; z-index: 1; }
.problem{ width: 1200px; height: 500px; position: relative; z-index: 2;}
.problem span{ background: url(../images/pbg01.png) no-repeat; width: 394px; height: 50px; color: #fff; font-size: 16px;  line-height: 50px; display: inline-block; }
.problem span big{ font-weight: bold; font-size: 18px; padding: 0 20px; margin-right: 10px;}
.problemright span big{ margin: 0;}

.problem01 { top: 90px; left: 60px; position: absolute;}
.problem02{top: 210px; left: 40px; position: absolute;}
.problem02 span{ background: url(../images/pbg02.png) no-repeat; width: 387px;}
.problem03{top: 336px; left: -10px; position: absolute;}
.problem03 span{background: url(../images/pbg03.png) no-repeat; width: 371px;}
.problem03 span big{ padding: 0 16px; margin-right: 5px;}
.problem04 {top: 100px; right: 65px; position: absolute;}
.problem05{top: 220px; right: 40px; position: absolute;}
.problem06{top: 340px; right: -30px; position: absolute;}
.problem04 span,.problem05 span{ background: url(../images/pbg05.png) no-repeat; width: 387px;}
.problem04 span big,.problem05 span big{ margin-right: 5px;}
.problem06 span{ background: url(../images/pbg04.png) no-repeat; width: 387px;}

.problem .dot{width:7px;height:7px;background:rgba(18,214,163,1); border:3px solid rgba(255, 255, 255, 1);box-shadow:0px 0px 8px 0px rgba(34,41,57,0.4);border-radius:50%; position: absolute;}

.dot01{ top:108px; left:460px;}
.dot02{ top:228px; left:430px;}
.dot03{ top:355px; left:352px;}
.dot04{ top:118px; right:455px;}
.dot05{ top:238px; right:434px;}
.dot06{ top:358px; right:364px;}

/*弹出框*/
.fromBox{ width: 540px; height: 640px; background: #fff; border-radius: 4px; position: absolute; top:50%; left: 50%; margin-left:-270px; margin-top: -300px; z-index: 99;}
.fromTitle{ width: 100%; padding: 25px 0; height: 20px; border-bottom: #eee 1px solid; line-height: 20px;}
.fromTitle h5{ font-size: 20px; margin-left: 30px; border-left: #15BB86 3px solid; padding-left: 10px;}
.fromTitle  .closeFrom{ float: right; margin-right: 30px;}
.from{ width: 500px; padding: 10px 20px; float: left;}
.from .itme{ width: 100%; margin-top: 15px; line-height: 30px; float: left;}
.from .itme span{ font-size: 14px; font-weight: bold; width: 100px; text-align: right; float: left; line-height: 40px;}
.from .itme input[ type="text"]{ border: #ccc 1px solid; width: 330px; height: 38px; line-height: 48px; margin-left: 15px; padding: 0 10px; float: left;}
.from .itme input[ type="text"]:hover{ border:#59d1ab 1px solid; background: #f2fffb;}
.from .itme label{
    cursor: pointer;
}
.itemRight {width: 350px;float: left; margin-left: 15px;}
.itemRight dd{ float: left; width: 115px; font-size: 14px; height: 30px; margin-top: 5px;}
.itemRight select{ width: 100px; height: 30px;border: 1px solid #eee; /*内容居中显示*/margin-right: 10px; text-indent: 1em; border-radius:2px ;
/* 去掉select自带的样式 */  appearance: none;  /* IE */ -webkit-appearance: none; /* google */ -moz-appearance: none;/* firefox */
background: url("../images/arrow_down.png") no-repeat scroll right center transparent;cursor: pointer;}
        /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {display: none;}

.itemRight em{ font-size: 14px; margin-left: 10px; line-height: 40px;}
.itemRight tt{ font-size: 12px; display: block;}
.itemRight tt big{ color: #FF1717; font-weight: bold;}
.from button{width:260px;height:50px;cursor: pointer;
    background:rgba(44,193,146,1);box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.14);border-radius:4px; font-size: 18px; color: #fff; font-weight: bold; margin: 25px 0  0 120px;}
.fixdbg{ display:none;background: #0e0e0e96;; width: 100%; height: 100%; position: relative; position: fixed; z-index: 9999999999; left: 0; top:0;}


.mt-control__list{clear: both;}
.selectReason{
    width: 100%;
    height: 708px;
    background: url("../images/yzaddfans50.png")no-repeat center top;
    background-size: 100% 100%;
    margin-top: -34px;
    position: relative;
}
.selectReason-box{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.reason-img{
    width: 568px;
    height: 100px;
    margin-top: 68px;
}
.Reason-box{
    position: relative;
    margin-top: 40px;
}
.Reason-box-list{
    float: left;
    width:288px;
    height:400px;
    background:rgba(255,255,255,1);
    margin-right: 16px;
    transition: all .2s ease-in-out;
}
.Reason-box-list:hover{
    margin-top: -10px;
    box-shadow:0px 0px 27px 0px rgba(16,16,16,0.11)
}
.Reason-box-list:last-child{
    margin-right: 0;
}
.Reason-box-list img{
    width: 54px;
    height: 53px;
    margin-top: 35px;
    margin-bottom: 14px;
}
.reason-list-p1{
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
}
.reason-list-p2{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    margin-bottom: 35px;
    border-bottom: 1px solid #EEEEEE;
    margin: 0 14px 20px;
    padding: 0px 0 20px 0;
}
.reason-list-p3 a{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:36px;
    display: inline-block;
    width: 130px;
}
.reason-list-p3 span{
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #DDDDDD;
}
.reason-list-p4 span{
    display: inline-block;
    width: 6px;
    height:6px;
    background:rgba(221,221,221,1);
    border-radius:50%;
    margin-right: 3px;
    margin-top: 20px;
}
.addfans-demo{
    height: 892px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.flipster{
    height: 692px!important;
    /* width: 1120px!important; */
}
.addfan-img {
    width: 100%;
    text-align: center;
}
.addfan-img img{
  width: 595px;
  height: 101px;
  margin: 77px 0 10px 0;
}
.addfan-box{
    width:400px;
    height:605px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    position: relative;
    text-align: center;
}
.swiper-container {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px!important;
    padding-top: 14px!important;
    position: relative;
  }
  .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 400px!important;
    height: 605px!important;
      z-index: 999;
  }
  .myswiper{
      width:495px;
      height:241px;
      background:rgba(58,202,171,1);
      position: absolute;
      z-index: 2;
  }
.addfan-box-logo{
    width:97px;
    height:97px;
    border-radius:50%;
    margin-top: 5px;
    position: absolute;
    top: 0;
    left: 150px;
}
.addfan-box-logo img{
    width: 97px;
    height: 97px;
    border-radius: 50%;
}
.fans-p1{
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    padding: 108px 0 0px;
}
.fans-p2{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    border-bottom: 1px dashed #DDDDDD;
    padding: 0 0 27px 0;
}
.fans-p3{
padding-top: 27px;
text-align: left;
padding-left: 35px;
}
.fans-p3 a{
    display: block;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
}
.fans-p3 span{
    display: block;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    margin-top: 5px;
}
.fans-p3s a{
    display: block;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    text-align: left;
    padding-left: 35px;
    padding-top: 29px;
}
.fans-p3s span{
    display: block;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 20px;
    text-align: left;
    padding-left: 35px;
}
.fans-red a{
    color: #FF1414!important;
}

.fans-p3-first span{
  display: inline-block!important;
  width: 46%;
}
.swiper-pagination-bullet{
  background: #FFFFFF!important;
  opacity:0.3!important;
}
.swiper-pagination-bullet-active{
    background: #0DCE9B!important;
    opacity:1!important;
    width:40px!important;
    height:8px!important;
    border-radius:4px!important;
}
/* 合作伙伴 */
.yz-partners{
    background: url('../images/yzaddfans51.png');no-repeat center top;
    background-size: 100% 100%;
    height: 640px;
    width: 100%;
    text-align: center;
    position: relative;
}
.yz-partners-box{
    width: 1222px;
    margin: 0 auto;
}
.yz-partners-box-list{
    width: 231px;
    height: 100px;
    margin: 6.5px;
    float: left;
    overflow: hidden;
}
.yz-partners-box-list img{
    width: 100%;
    height: 100%;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.yz-partners-box-list img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
/* 我们的团队 */
.yz-team{
    background:linear-gradient(-90deg,rgba(243,250,255,1),rgba(255,255,255,1));no-repeat center top;
    background-size: 100% 100%;
    height: 970px;
    width: 100%;
    text-align: center;
    position: relative;
}
.yz-team-box{
    width: 1200px;
    margin: 40px auto 46px;
}
.yz-team-box-left{
    float: left;
    width: 499px;
    height: 700px;
    overflow: hidden;
}
.yz-team-box img{
    -webkit-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.yz-team-box img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.yz-team-box-right{
    float: left;
    width: 700px;
    height: 700px;
}
.team-box-right1{
 display: inline-block;
 width: 350px;
 height: 350px;
}
.team-box-right1{
    float: left;
    width: 350px;
    height: 350px;
    overflow: hidden;
   }
   .team-box-right2{
    float: left;
    width: 350px;
    height: 350px;
    overflow: hidden;
   }
.team-box-right3{
    clear: both;
    width: 700px;
    height: 350px;
    overflow: hidden;
}
.bounceInUp01 {
    -webkit-animation: bounceInUp 1s;
    animation: bounceInUp 1s;
}
.bounceInUp02 {
    -webkit-animation: bounceInUp 1.2s;
    animation: bounceInUp 1.2s;
}
.bounceInUp03 {
    -webkit-animation: bounceInUp 1.4s;
    animation: bounceInUp 1.4s;
}
.flipInY1 {
    -webkit-animation: flipInY 1s;
    animation: flipInY 1s;
}
.flipInY2 {
    -webkit-animation: flipInY 1.2s;
    animation: flipInY 1.2s;
}
.flipInY3 {
    -webkit-animation: flipInY 2s;
    animation: flipInY 2s;
}
.flipInY4 {
    -webkit-animation: flipInY 2.6s;
    animation: flipInY 2.6s;
}
.form-group{
    width: 100px;
    float: left;
    margin-right:18px;
}
.form-group select{
    text-align: center;
    margin: 0 auto;
}
.yzxm-wachat{
    z-index: 10085;
    right: 190px;
    top: 292px;
    width: 139px;
    height: 508px;
    overflow: hidden;
    position: absolute;
}
.yzxm-wachat-top{
    width:120px;
    height:48px;
    background:rgba(114,58,255,1);
    border-radius:10px;
    text-align: center;
    cursor: pointer;
    line-height: 48px;
    position: relative;
    overflow: hidden;
}
.yzxm-wachat-top img{
    width: 20px;
    height: 17px;
    margin-right: 3px;
    vertical-align: middle;
}
.yzxm-wachat-top span{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(255,255,255,1);
}
.yzxm-wachat-ewm{
    width: 120px;
    background: #fff;
    /*display: none;*/
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    height: 0;
    overflow: hidden;
}
.yzxm-wachat-ewm img{
    margin-left: 5px;
    width: 110px;
    height: 130px;
}
.yzxm-wachat:hover .yzxm-wachat-top{
    border-radius: 10px 10px 0 0;
}
.yzxm-wachat:hover .yzxm-wachat-ewm{
    display: block;
    height: 410px;
    border-radius: 0px 0px 10px 10px;
}
/* 新增内容 */
.wap-right{
	width:321px;
	height:436px;
	background:rgba(255,255,255,1);
	border-radius:4px;
	float: left;
	margin-top: 72px;
}
.wap-right .top{
	width: 220px;
	margin: 32px auto 18px;
	text-align: center;
}
.wap-right .top p{
	background: url(../images/addfans-topimg.png) no-repeat center;
	font-size:22px;
	font-family:Microsoft YaHei;
	font-weight:bold;
	color: #333333;
	margin-bottom: 5px;
}
.wap-right .top span{
	font-size:13px;
	font-family:Microsoft YaHei;
	color:rgba(159,159,159,1);
}
.wap-right .text-name{
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	color: #333333;
	text-align: left;
	padding-left: 20px;
}
.input-box{
	padding-left: 16px;
	    height: 50px;
  }
.header-center-inner-right .input-box{padding-left: 0}
  .input-boxs {
	float: left;
	width: 221px;
	overflow: hidden;
	margin: 12px 8px 0 0;
  }
  .input-boxs .select {
	background: url(../images/addfans-xjt.png) no-repeat 94% 13px;
	margin-right: 10px;
	width: 100%;
	
  }
  
  .input-boxs .select select {
	padding: 3px 15px 3px 10px;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: #fff;
	outline: 0;
	color: #858585;
	line-height: 24px;
	font-size: 14px;
	border-radius: 4px;
	background: transparent;
	width: 100%;
	border: 1px solid #DADADA;
  }
  .wap-right .addmore{
	  width:53px;
	  height:32px;
	  background:rgba(44,193,146,1);
	  border-radius:4px;
	  font-size:12px;
	  font-family:Microsoft YaHei;
	  font-weight:300;
	  color:rgba(255,255,255,1);
	  text-align: center;
	  line-height: 32px;
	  float: left;
	  margin-top: 11px;
	  cursor: pointer;
  }
  .wap-right .addmore:hover{
	   background:rgba(44,193,146,.8);
  }
   .wap-right .no-logion{
	   width: 184px;
	   float: right;
	   margin-top: -24px;
	   margin-right: 20px;
	   }
	.wap-right .no-logion a{
	   display: inline-block;
	   width: 184px;
	   width:184px;
	   height:32px;
	   background:rgba(44,193,146,1);
	   border-radius:4px;
	   text-align: center;
	   line-height: 32px;
	   font-size:12px;
	   font-family:Microsoft YaHei;
	   font-weight:300;
	   color:rgba(255,255,255,1);
		   }
	.wap-right .no-logion p{
		 font-size:10px;
		 font-family:Microsoft YaHei;
		 font-weight:300;
		 color:rgba(170,170,170,1);
		 line-height: 16px;
		 padding-top: 6px;
		 padding-bottom: 8px;
		 white-space: nowrap;
	 } 
	.wap-right .sheb-list{
		margin-left: 16px;
		text-align: left;
		margin-top: 15px;
		margin-bottom: 8px;
	}
    .wap-right .sheb-list input{
		display: inline-block;
		width:85px;
		height:30px;
		border:1px solid rgba(218,218,218,1);
		border-radius:3px;
		margin-right: 10px;
		font-size:12px;
		font-family:Microsoft YaHei;
		font-weight:300;
		color:rgba(102,102,102,1);
		text-align: center;
		line-height: 30px;
		margin-bottom: 10px;
		cursor: pointer;
		}
     .wap-right .sheb-list .active{
		 border:1px solid rgba(44,193,146,1);
		 background: url(../images/addfans-rightgg.png) no-repeat 73px 18px;
	 }	
	.wap-right .fans-num{
		margin-left: 20px;
	    margin-top: 10px;
	    text-align: left;
	}
	.wap-right .fans-num input[ type="text"] {
	    border: #ccc 1px solid;
	    width: 236px;
	    height: 30px;
	    line-height: 30px;
	    padding: 0 10px;
	    display: inline-block;
		border-radius:4px;
	}
	.wap-right .fans-num span{
		font-size:12px;
		font-family:Microsoft YaHei;
		font-weight:300;
		color:rgba(51,51,51,1);
		margin-left: 5px;
	}
	.wap-right button {
	    width:284px;
	    height:40px;
	    background:rgba(44,193,146,1);
	    cursor: pointer;
	    border-radius: 4px;
	    font-size: 16px;
	    color: #fff;
	    font-weight: 500;
		text-align: center;
	    margin: 16px 0 0 0;
	}
	.wap-right button:hover{
		background:rgba(44,193,146,.8);
	}
	/* 增粉弹出框 */
/*弹出框*/
.fromBox-addfans{ width: 440px;padding-bottom: 90px;background: #fff; border-radius: 4px; position: absolute; top:50%; left: 50%; margin-left:-270px; margin-top: -340px; z-index: 99;}
 .fromTitle-addfans  .closeFrom{ 
	float: right;
	position: absolute;
	right: 0;
	top: 30px;
	width: 60px;
	height: 50px;}
.fixdbg-addfans{ width: 100%;float: left;}
.fixdbg-addfans .itme{ width: 100%; margin-top: 8px; line-height: 30px; float: left;}
.fixdbg-addfans .itme span{ 
		font-size: 14px;
		font-weight: bold;
		width: 84px;
		text-align: left;
		margin-left: 29px;
		line-height: 40px;
	   vertical-align: top;
	   margin-bottom: 7px;
	   margin-top: -5px;
	   display: inline-block;
	   color: #333333;
}
.fixdbg-addfans .itme input[ type="text"]{ 
	 width:47px;
	height:30px;
	border:1px solid rgba(218,218,218,1);
	border-radius:3px;
	line-height: 30px;
	text-align: center;
	float: left;}
.fixdbg-addfans .itme input[ type="text"]:hover{
	border:#59d1ab 1px solid; background: #f2fffb;}
.fixdbg-addfans .itme label{
	cursor: pointer;
}
.fixdbg-addfans .from-addfans{
	height: 420px;
	overflow-y: auto;
}
.itemRight1 {width: 325px;float: right;position: relative;}
.itemRight1 dd{ float: left; width: 115px; font-size: 14px; height: 30px; margin-top: 5px;}
.itemRight1 select{ width: 100px; height: 30px;border: 1px solid #eee; /*内容居中显示*/margin-right: 10px; text-indent: 1em; border-radius:2px ;
/* 去掉select自带的样式 */  appearance: none;  /* IE */ -webkit-appearance: none; /* google */ -moz-appearance: none;/* firefox */
background: url("../images/arrow_down.png") no-repeat scroll right center transparent;cursor: pointer;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {display: none;}

.itemRight1 em{ font-size: 14px; margin-left: 10px; line-height: 40px;}
.from-addfans tt{ 
	font-size:12px;
	font-family:Microsoft YaHei;
	color#666666;
	display: block;
	position: absolute;
	left: -86px;
	margin-top: -10px;
	
}
.from-addfans a{ color: #F12828;}
.from button{
	width:260px;height:50px;cursor: pointer;
	background:rgba(44,193,146,1);box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.14);border-radius:4px; font-size: 18px; color: #fff; font-weight: bold; margin: 25px 0  0 120px;}
.fixdbg-addfans{ display:none;background: #0e0e0e96;; width: 100%; height: 100%; position: relative; position: fixed; z-index: 9999999999; left: 0; top:0;}

.fromTitle-addfans{
	width: 220px;
	margin: 30px auto 6px;
	text-align: center;
}
.fromTitle-addfans p{
	background: url(../images/addfans-topimg.png) no-repeat center;
	font-size:22px;
	font-family:Microsoft YaHei;
	font-weight:bold;
	color: #333333;
	margin-bottom: 5px;
}
.fromTitle-addfans span{
	font-size:13px;
	font-family:Microsoft YaHei;
	color:rgba(159,159,159,1);
}
.input-box-add{
	height: 50px;
	display: inline-block;
  }
  .input-boxs-add {
	float: left;
	width: 221px;
	overflow: hidden;
	margin: 12px 8px 0 0;
  }
  .input-boxs-add .select {
	background: url(../images/addfans-xjt.png) no-repeat 94% 13px;
	margin-right: 10px;
	width: 100%;
	
  }
  
  .input-boxs-add .select select {
	padding: 3px 15px 3px 10px;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: #fff;
	outline: 0;
	color: #858585;
	line-height: 24px;
	font-size: 14px;
	border-radius: 4px;
	background: transparent;
	width: 100%;
	border: 1px solid #DADADA;
  }
  .from-addfans .addmore{
	  width:53px;
	  height:32px;
	  background:rgba(44,193,146,1);
	  border-radius:4px;
	  font-size:12px;
	  font-family:Microsoft YaHei;
	  font-weight:300;
	  color:rgba(255,255,255,1);
	  text-align: center;
	  line-height: 32px;
	  float: left;
	  margin-top: 11px;
	  cursor: pointer;
  }
  .from-addfans .addmore:hover{
	   background:rgba(44,193,146,.8);
  }
   .from-addfans .no-logion{
	 width: 73%;
	 margin-top: 10px;
	 float: right;
	   }
	.from-addfans .no-logion a{
	   display: inline-block;
	   width: 184px;
	   width:184px;
	   height:32px;
	   background:rgba(44,193,146,1);
	   border-radius:4px;
	   text-align: center;
	   line-height: 32px;
	   font-size:12px;
	   font-family:Microsoft YaHei;
	   font-weight:300;
	   color:rgba(255,255,255,1);
		   }
	 .from-addfans .no-logion p{
		 font-size:10px;
		 font-family:Microsoft YaHei;
		 font-weight:300;
		 color:rgba(170,170,170,1);
		 line-height: 16px;
			 padding-top: 6px;
			 padding-bottom: 8px;
	 }   
		.from-addfans .sheb-list{
			text-align: left;
			width: 304px;
			display: inline-block;
		}
	    .from-addfans .sheb-list input{
			display: inline-block;
			width:85px;
			height:30px;
			border:1px solid rgba(218,218,218,1);
			border-radius:3px;
			margin-right: 10px;
			font-size:12px;
			font-family:Microsoft YaHei;
			font-weight:300;
			color:rgba(102,102,102,1);
			text-align: center;
			line-height: 30px;
			margin-bottom: 10px;
			cursor: pointer;
			}
		.from-addfans .sheb-list a{
			display: inline-block;
			width:85px;
			height:30px;
			border:1px solid rgba(218,218,218,1);
			border-radius:3px;
			margin-right: 10px;
			font-size:12px;
			font-family:Microsoft YaHei;
			font-weight:300;
			color:rgba(102,102,102,1);
			text-align: center;
			line-height: 30px;
			margin-bottom: 10px;
			cursor: pointer;
			}
	     .from-addfans .sheb-list .active{
			 border:1px solid rgba(44,193,146,1);
			 background: url(../images/addfans-rightgg.png) no-repeat 75px 20px;
		 }	
		.from-addfans .fans-num{
		    display: inline-block;
			text-align: left;
			font-size:12px;
			font-family:Microsoft YaHei;
			font-weight:300;
			color:rgba(51,51,51,1);
		}
		.from-addfans .fans-num input[ type="text"] {
		    border: #ccc 1px solid;
		    width: 236px;
		    height: 30px;
		    line-height: 30px;
		    padding: 0 10px;
		    display: inline-block;
			border-radius:4px;
			text-align: left;
			margin-right: 5px;
		}
		.from-addfans .fans-num a{
			font-size:12px;
			font-family:Microsoft YaHei;
			font-weight:300;
			color:rgba(51,51,51,1);
			margin-left: 5px;
		}
		.from-addfans button {
		    width:284px;
		    height:40px;
		    background:rgba(44,193,146,1);
		    cursor: pointer;
		    border-radius: 4px;
		    font-size: 16px;
		    color: #fff;
		    font-weight: 500;
			text-align: center;
		    margin: 46px 0 0 77px;
			position: fixed;
			bottom: 25px;
			left: 0;
		}
		.from-addfans button:hover{
			background:rgba(44,193,146,.8);
		}
		.from-addfans .argmant{
			font-size:12px;
			font-family:Microsoft YaHei;
			color:#3B3B3B;
			padding-left: 29px;
			    margin-top: 11px;
		}