/*个人信息*/
.indexMain{ background: #fff; border: 1px solid #eee; width: 1198px; display: inline-block; margin-top: 15px;}
.indexTitle{ font-size: 16px; padding: 20px 0 20px 30px; width: 1158px; display: inline-block; float: left; border-bottom: 1px solid #f5f5f5; background: #fdfdfd;}
.indexTitle i{ font-size: 22px; color: #b2b2b2; margin-right: 15px; vertical-align: middle;}
.indexTitle em{ vertical-align: middle;}
.indexContent{ width: 100%;display: flex;min-height: 725px;}
.indexContent .leftMenu{ width: 200px;border-right: 1px solid #f5f5f5;overflow: hidden!important;}
.rightContent{flex: 1;padding: 20px; font-size: 12px;}
.leftMenuList,.leftMenuList li{ width: 100%; display: inline-block;}
.leftMenuList li{ border-bottom: 1px solid #f5f5f5;}
.leftMenuList li a{ padding: 16px 0 16px 30px; color: #333; display: inline-block; width: 170px;}
.leftMenuList li i{ font-size: 20px; margin-right: 15px; color: #b2b2b2; vertical-align: middle;}
.leftMenuList li em{ vertical-align: middle;}
.leftMenuList li:hover a{ background: #fff; color: #3892df;}
.leftMenuList li:hover i{ color: #3892df;}
.leftMenuList li.active a{background: #fff; color: #3892df;}
.leftMenuList li.active i{ color: #3892df;}
.bread{ margin-bottom:20px; font-size: 12px; color: #999; width: 100%; display: inline-block;}
.bread a{ color: #333;}
.bread a i{ font-size: 16px; color: #3892df; margin-right: 5px;}
.bread a em:hover{ color: #4478e3;}
.bread .arrow{ padding: 0 7px;}
.topSearch{ background: #fff;width: 100%; font-size: 12px; display: inline-block;line-height: 30px; color: #666;}
.topSearch span{ display: inline-block; vertical-align: middle;}
/*登录*/
.loginBg{ background:url(../images/bg.jpg) 50% 50% no-repeat; background-size: cover; position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-width: 1200px;}
.loginCon{ width: 400px; box-shadow: 0px 0px 5px #ccc; background: rgba(255,255,255,0.7); padding: 20px; position: absolute; top: 50%; margin: -200px 0 0 -200px; left: 50%; border-radius: 3px;}
.loginLogo{ width: 100%; display: inline-block; padding: 30px 0 50px; text-align: center;}
.loginLogo img{ width: 40%;}
.loginText{ border: 1px solid #eee; width: 320px; padding:13px 10px; border-radius: 5px; font-size: 14px; color: #333; margin:0 30px 20px;}
.loginBtn{background-image: linear-gradient(to right,#3892df,#167cd3); color: #fff; border-radius: 5px; padding: 12px 0; width: 340px; font-size: 14px; margin: 10px 30px; text-align: center; cursor:pointer; border: none;}

/*粉丝管理*/
.fansInfor .photo{ width: 42px; height:42px; overflow: hidden; float: left; margin-right: 10px; margin-top: 2px; }
.fansInfor .title{ font-size: 14px; margin-top: 5px;}
.fansInfor .title a{ color: #333;}
.fansInfor .address{ background: url(../images/customer-all.png) left 2px no-repeat; padding-left: 20px;margin-top:10px;height: 22px; display: inline-block; width:180px; font-size: 12px; color: #999;}
.fansInfor .address.girl{    background-position: 3px -35px;}
.fansInfor .compyTitle{ font-size:12px; color: #048de4; margin-left: 10px; display: none;}
.fansInfor .title a:hover{ text-decoration: none; color: #666;}
.fansInfor .compyTitle i{ margin-right: 5px; color: #999;}
.fansInfor .compyTitle:hover em{text-decoration:underline}
.grouping{ position: relative; display: inline-block;}
.groupingTop{border-radius: 3px; overflow: hidden; padding: 4px 8px 4px 10px; cursor: pointer;}
.groupingTop i{ margin-left: 3px; color: #999;}
.groupingTop.active{ background: #e4e4e4;}
.groupingCon{ position: absolute; top: 22px; left: 0;  border: 1px solid #dbdbdb; box-shadow: 0px 0px 10px #ccc; width: 270px; background: #fff; z-index: 10; display: none;}
.groupList{ width: 100%; display: inline-block; padding: 6px 0;}
.groupList li{text-align: left;line-height: 26px; height: 26px; position: relative;float: left; padding: 0 10px; display: block; width: 250px;}
.groupList li.null{color: #ccc; }
.groupList li:hover{ background: #f7f7f7;}
.groupList li .grouphandle{ position: absolute; right: 10px; top: 0; display: none;}
.groupList li .grouphandle a{ margin-left: 8px; color: #666;}
.groupList li:hover .grouphandle{ display: block;}
.groupList li .groupName{ max-width: 180px; float: left; overflow: hidden; display: inline-block; height: 26px; font-size: 12px; color: #666;}
.groupList li .groupCheck{ margin-top: 8px; float: left; margin-right: 10px;}
.groupCompy{ width: 235px; height: 20px; margin-top: 2px; display: none;}
.groupCompy .groupText{ height: 20px; line-height:20px; border: 1px solid #efeeee; padding: 0 6px; font-size: 12px; color: #666; float: left; width: 165px; border-right: none;}
.groupCompy .groupBtn{ height: 22px; line-height: 18px; background: #048de4; color: #fff; border:none; float: left; width: 30px; text-align: center;}
.establish{ padding: 10px; width: 250px; display: inline-block; text-align: left;}
.establishInput{ display: none;}
.establishInput .InputText{ padding: 3px 6px;}
.establishInput .buttonSmall{ height: 26px; line-height: 26px; padding: 0 8px; font-size: 12px;}
.moveGroup{ position: relative;}
.moveGroup .groupingCon{ right: 0; left: inherit; top: 35px;}
a.fansdialogue:hover{ text-decoration: none;}

/*图文管理*/
.imagesText li{ float:left; display:inline; list-style:none; margin:7px 0; background:#FFF;width:302px; padding: 0; box-shadow: 0px 0px 8px #ccc;_border:1px solid #eee}
.imagesTextOne{ padding:15px; width: 272px; display: inline-block;}
.imagesTextOne .time{ color: #666; margin-bottom: 15px;}
.imagesTextOne .photo{ width: 100%; height: 160px; overflow: hidden; text-align: center;}
.imagesTextOne .photo img{ height: 100%; width: 100%;}
.imagesTextOne .title{ background: url(../images/bg.png) repeat;position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.imagesTextOne .title a{ color: #fff;}
.imagesTextOne .title a:hover,.imagesTextSub .title a:hover{ text-decoration: underline;}
.imagesTextSub{ border-top: 1px solid #eee; padding: 15px; width: 272px; display: inline-block;}
.imagesTextSub .photo{ float: right; width: 66px; height: 66px; overflow: hidden; display: inline-block;}
.imagesTextSub .photo img{ width: 100%; height: 100%;}
.imagesTextSub .title{ float: left; width: 195px; line-height: 22px; max-height: 44px; overflow: hidden;}
.imagesTextSub .title a{ color: #333;}
.imagesText li .operation{ background: #f3f2ef; padding: 0; height: 50px; display: inline-block; width: 100%; float: left;}
.imagesText li .operation a{ width: 49.5%; display: inline-block; float: left; text-align: center; font-size: 20px; color: #999; height: 20px; margin: 15px 0; line-height: 22px;}
.imagesText li .operation a.br-ddd{ border-right: 1px solid #ddd;}
.imagesText li .operation a:hover{ color: #666;}

/*开关特效*/
.switchHandel{ display: inline-block; vertical-align: middle; margin-left: 60px; float: right;}
.switchBtn{position:relative;border-radius:20px;width:50px; display:inline-block; vertical-align: middle;}
.switchMove{z-index:100;width:18px;border-radius:20px;height:18px;position:absolute; top: 2px;cursor:pointer;background-color:#fff;}
.on .switchMove{left:30px;}
.on.switchBtn{background-color:#44b549;height:23px}
.off.switchBtn{background-color:#ccc;height:23px}
.switchText{ margin-left: 5px; vertical-align: middle;}

/*自定义菜单*/
.menuClose{ width: 100%; text-align: center; padding:12% 0 0; display: none;}
.menuClose i{ font-size:60px; color: #ccc;}
.menuClose p{ color: #999; margin-top: 20px;}
.menuSet{ width: 100%; display: inline-block; padding: 20px 0; font-size: 12px;}
.menuSet h5{ font-weight:bold; font-size: 14px; line-height: 20px; margin-bottom: 5px;}
.menuSet p{ color: #999;}
.menuBorder{ border: 1px solid #e6e6e6; width: 1000px; height: 500px; display: inline-block;}
.menuLeft{ width: 360px; font-size: 12px; float: left; height: 500px; overflow: hidden;border-right: 1px solid #e6e6e6;}
.menuRight{ width: 639px; float: left; font-size: 12px;}
.menuTitle{ background: #f9f8f6; font-weight: bold; height: 40px; line-height: 40px; padding:  0 10px; position: relative; border-bottom: 1px solid #e6e6e6;}
.menuAddBtn{ position: absolute; top: 8px; right: 10px; height: 24px; line-height: 24px; padding: 0 10px; border-radius: 3px; background: #ff9b00; color: #fff; font-weight: 300;}
.menuAddBtn:hover{ color: #fff; background: #ff8300;}
.menuLeftList,.menuRightCon{ width: 100%; height:429px; overflow-y:auto; display: inline-block; float: left;}
.menuLeftList li{ border-bottom: 1px solid #e6e6e6; cursor: pointer; position: relative; padding: 10px;}
.menuLeftListName{ color: #333;}
.menuLeftHandel{ position: absolute; right: 10px; top: 0; font-size: 14px;}
.menuLeftHandel a{ padding:11px 5px 0; display: inline-block;}
.menuLeftList li.menuLeftListMr{ padding-left: 20px;}
.menuLeftList li.menuLeftListMr:before{content: "";display: inline-block;width: 5px;height: 5px;background: #c9c9c9;margin-right: 5px;vertical-align: middle;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.menuLeftList li.active{ background-color: #f2f2f2;}
.menuRightCon{ padding: 15px; width: 609px;}
.menuCon1{ font-size: 14px; color: #333; margin-bottom: 20px;}
.menuCon2Href{ border: 1px solid #e6e6e6; background: #faf9f7; border: 2px solid #e3e3e3; border-radius: 5px; padding:30px 10px 30px 30px; display:inline-block; width:562px;}
.menuConLeft{ width: 85%; float: left;}
.menuConRight{ text-align: center; width: 15%; float: right;}
.menuConRight a{ font-size: 18px; margin: 0 5px;}
.menuConLeft.photo img{ height:80px;}
.menuActive{ padding-top:80px; text-align: center;}
.menuActiveTip{ color: #999; margin-bottom: 35px;}
.menuActiveList li{display: inline-block;text-align: center;margin-right:26px; color: #333;}
.menuActiveList li:hover .ICon{ background: #ff9b00; color: #fff; border: 1px solid #ff9b00;}
.menuActiveList li .ICon{display: inline-block; margin-bottom: 10px; width: 55px;height: 55px; line-height: 54px; font-size: 24px; background-color: #fff;border: 1px solid #e3e1dc;border-radius: 50%;text-align: center;color: #999;}
/*设置发送消息*/
.setInfore{ margin: 20px 20px 15px; border: 1px solid #e6e6e6; display: block;}
.setInforeTit{ width: 100%; height:40px; line-height: 40px; border-bottom: 1px solid #e6e6e6;}
.setInforeTit a{ padding: 0 20px; color: #333; font-size: 14px; display: inline-block;}
.setInforeTit a i{ margin-right: 5px;}
.setInforeTit a.active{ background: #e6e6e6;}
.setInforeTit a:hover{ background: #e6e6e6;}
.setInforeCon{ width: 100%; display: inline-block;}
.setContent{ height:425px ; overflow: auto;}
.setInforeCon .textarea{ height: 390px; width: 96%; border: none; padding: 2%; line-height: 20px;}
.imagesTextSelect{ width: 680px; text-align: left; display: inline-block; margin:10px 0 10px 20px;}
.imagesTextSelect li:hover .imagesTextRadio{ display: block; cursor: pointer;}
.imagesTextSelect li.active .imagesTextRadio{ display: block;}
.imagesTextSelect li.active .imagesTextRadio i { display: block;}
.imagesTextRadio{ position: absolute; top: 0; left: 0; background: url(../images/bg.png) repeat; width: 100%; height: 100%; text-align:center;display: none;}
.imagesTextRadio i{ position: absolute; left: 0; font-size: 60px; color: #fff; top: 50%; margin-top: -40px; display: inline-block; width: 100%; display: none;}
/*自动回复*/
.TrainAplyTit{background: #F5F6FA; margin-top: 15px; border-width: 1px 0px 0px 4px; font-size: 12px; border-style: solid;border-color:#efeeee #E1E6EB #E1E6EB #6D7781; padding:12px 10px;}
.voteDetailsDown{font-size:26px; position: absolute; top:6px; right:6px; color: #666;}
.responseCon .buttonSmall{ font-size: 12px;}
.responseCon .voteDetailsDown{ top: 6px; font-size:18px;}
.responseCon .voteDetailsDown i{ float: right; margin-top: 5px;}
.responseCon .voteDetailsDown.active i{transform:rotate(-90deg);-ms-transform:rotate(-90deg); 	/* IE 9 */-moz-transform:rotate(-90deg); 	/* Firefox */-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */-o-transform:rotate(-90deg); }
.replyCon{border: 1px solid #efeeee; padding: 10px; font-size: 12px;}
.replyConTop{ width: 96%; display: inline-block; padding: 2% 2% 1.5%; line-height: 26px; color: #666;}
.replyConTop .label{ color: #fff; background: #62bbdd; padding: 3px 8px; border-radius: 5px; overflow: hidden; margin-right: 5px;}
.replyConBottom{width: 96%;display: inline-block; padding: 2% 2% 1.5%; }
.antistop{ width: 30%; display: inline-block; float: left; border: 1px solid #e6e6e6; height: 280px;}
.antistopTit,.antistopHandle{ background: #f8f7f4; border-bottom: 1px solid #e6e6e6; padding: 0 10px; line-height: 36px;}
.mateTip{ color: #b3d3a6;}
.mateSwitch{display: inline-block;border: 1px solid #c1c0bd;height: 22px;border-radius: 3px; float: right; margin-top: 6px; margin-left: 5px;}
.mateSwitch span{display: inline-block;padding: 0 10px; cursor: pointer; float: left; background: #f8f7f4;}
.mateSwitch.on,.mateSwitch span.on{background: #e3e1d9;border-right: 1px solid #c2c0ba; color: #000;box-shadow: inset 0 0 5px #c2c0ba; cursor: default;line-height: 22px;display: inline-block;}
.mateSwitch span.on{border-right: none; border-left: 1px solid #c2c0ba;}
.mateSwitch span.off.on{ border-right:1px solid #c2c0ba; border-left: none;}
.antistopCon{ height:205px; overflow: auto;}
.antistopHandle{ border: none; border-top: 1px solid #e6e6e6;}
.antistopBtn{ border: 1px solid #ccc; background: #fff; padding:3px 8px; color: #666;}
.antistopBtn.selfTextImages{ padding: 3px 8px; margin-left: 10px;}
.antistopBtn.selftext{ padding: 3px 8px; margin: 0;}
.selfMotion{ width: 65%; float: left;border: 1px solid #e6e6e6; height: 280px; margin-left: 15px;}
.antistopList{ padding: 0 10px;}
.antistopList li{ padding: 10px 0; width: 100%; display: inline-block; float: left; border-bottom: 1px solid #e6e6e6; position: relative;}
.antistopList li .grouphandle{ position: absolute; top:50%; margin-top: -7px; right: 0;}
.antistopList li .grouphandle a{ font-size: 14px; margin-left: 10px; padding: 0; border: none; margin: 0 0 0 10px; }
.antistopList li .photo{ height: 60px; display: block; float: left;}
.antistopList li .photo img{ height: 100%;}
.antistopList li .imageTextInfor .photo{ margin-right: 10px;}
.antistopList li .imageTextInfor .title{ margin-bottom: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.antistopList li .imageTextInfor p{ line-height: 20px;}
.selfMotionList li .grouphandle{ display: none;}
.selfMotionList li:hover .grouphandle{ display: block;}
.selftext{ margin: 20px; border: 1px solid #e6e6e6; padding: 15px;}
.selftext .textarea{ border: none; height: 150px; width: 100%; line-height: 20px;}
.selfImagesFixed{ background: #fff; position: fixed; top: 0; left: 0; right: 0; padding:10px 15px; z-index: 20;}
.selfImagesFoot{ position: fixed; bottom: 0; left: 0; right:0; background: #fff; padding: 10px 0;}
.selfImagesTable,.selfTextImages{ margin: 55px 0;}
.selfTextImages{ padding: 0 55px;}
.attentionCheck{ margin-bottom: 15px; cursor: pointer;}
.attention{ font-size: 12px;}
.attention .setInfore{ margin: 0; margin-bottom: 15px; }
.attention .setInforeCon {height:282px; overflow: hidden;}
.attention .setInforeCon .textarea{ padding:1%; width: 98%; height: 260px;}
.attentionphoto{ height: 90px; margin: 1%;}
.attentionphoto img{ height: 100%;}
.attention .imageTextInfor { text-align: left; margin: 1%;}
.attention .imageTextInfor .photo{ margin-right: 10px;height: 90px; width: 90px; display: block; float: left; overflow: hidden;}
.attention li .photo img{ height: 100%;}
.attention .imageTextInfor .title{ margin-bottom:10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 14px;}
.attention .imageTextInfor p{ line-height: 20px; margin: 5px 0;}
.setInforeHide{ display: none;}
/*粉丝分析*/
.fansstatistics{ padding:20px; position: relative;box-shadow: 0px 0px 5px #ccc; margin-top: 15px; border-radius: 3px; overflow: hidden;}
.fansstatisticstarget{ width:100%; line-height: 24px;}
.fansstatisticsTit{ display: inline-block; font-size: 14px; color: #333;}
.fansstatisticsDay{ float: right;}
.fansstatisticsDay a{padding: 0 10px; display: inline-block; height: 24px;line-height: 24px;color: #999;background: #f4f2f0;text-align: center;border-right: #fff solid 1px;text-decoration: none;font-size: 12px;}
.fansstatisticsDay a:first-child{border-radius:2px 0 0 2px;}
.fansstatisticsDay a:last-child{border-radius:0 2px 2px 0;}
.fansstatisticsDay a:hover{text-decoration: none;background: #dcdad6;}
.fansstatisticsDay a.active,.fansstatisticsDay a.active:hover{color:#fff;background: #82a734;}
.fansstatisticsDay a.cancel{color:#fff;background:#f99c49;border-radius: 2px;padding:0 16px;}
.fansstatisticsDay a.cancel:hover{background:#f99c49;}
.fansstatisticsDay a.comparison{ border-radius: 2px;margin-left: 5px;}
.fansstatisticslist{ padding-top: 30px;}
.fansstatisticslist li{height:90px;border-right:1px solid #e7e5e1; width: 24.5%; float: left; text-align: center;}
.fansstatisticslist li:last-child{border:none;}
.fansstatisticslist li .num-title{ color:#666; text-align: center;font-size:12px;padding:15px 0;}
.fansstatisticslist li .num{text-align: center;font-family:"Arial";font-size: 30px; color: #666;}
.detailsList{  width: 100%; display: block; margin: 15px 0;}
.detailsList a{color: #666;height: 24px; line-height: 24px;font-size: 12px;text-decoration: none; padding: 0 10px; border-radius: 2px; margin-right: 5px;  display: inline-block;}
.detailsList a.active{ background: #e3e1da;}
.detailsList a:hover{ background: #e3e1da;}
.wb50{ width: 50%;}
.fansstatisticslistthree li{ width:33%}
/*群发消息*/
.masslistLabel{border:1px solid #f1913a; margin-right: 5px; color: #f1913a; padding: 0 1px; vertical-align:middle;}
.masslistLabel2{ color: #8ca242;border:1px solid #8ca242;}
.masslistImg .photo { position: relative; overflow: hidden;}
.masslistImg .title{ font-size: 12px;}
.masslistImg .photo img{ height: 100%;}
/*粉丝管理中的对话框*/
.dialogue{ position: fixed; bottom: 0; right: 20px; width: 300px; height: 380px; background: #f9f8f5; box-shadow: 0px 0px 5px #ccc; display: none; }
.dialogueTit{ background: #88b242; height: 36px; line-height: 36px; color: #fff; padding: 0 10px; position: relative; float: left; width: 280px;}
.dialogueLeft{ cursor:default;}
.dialogueLeft i{ font-size: 16px; float: left; margin: 2px 6px 0 0;}
.dialogueRight{ position: absolute; right:10px; top: 1px;}
.dialogueRight a{ color: #fff; font-size: 13px; display: inline-block;line-height: 22px; height: 20px; width: 20px; text-align: center;}
.dialogueRight a:hover{ background: #80a93f; border-radius: 5px; color: #c2d7a1;}
.dialoguebd{padding: 15px 10px; float: left;background: #f9f8f5;height: 230px;overflow-y: auto; width: 280px;}
.dialogueList{ width: 100%; display: inline-block;}
.dialogueList li{margin-bottom: 15px;position: relative; width: 100%; display: inline-block;}
.dialogueList .my .avatar, .dialogueList .my div.message{ float: right;}
.dialogueList .avatar{display: inline-block;width: 24px;height: 24px;border-radius:100%; overflow:hidden; vertical-align: top;}
.dialogueList  div.message{ display: inline-block;max-width: 154px;background: #fff;border: 1px solid #f3f3f3;padding: 10px;margin: 0 15px;position: relative;border-radius: 3px;word-wrap: break-word;word-break: normal;}
.dialogueList .my div.message{background: #e3f7c9;color: #333;border-color: #d7eebd;}
.dialogueList  div.message:before{content: "";display: inline-block;width: 10px;height: 10px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);position: absolute;left: -6px;top: 5px;border-left: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}
.dialogueList .my div.message:before{    right: -6px;left: auto;border: none;background: #e3f7c9;border-right: 1px solid #d7eebd;border-top: 1px solid #d7eebd;}
.dialogueList .wx-face{width: 22px !important;vertical-align: middle;margin: -3px 1px 0 1px;}
.dialogueList li.tip{text-align: center;margin: -5px 0 5px 0;}
.dialogueList .nomore{display: inline-block;color: #ccc; display: none;}
.dialogueList .more-chats{color: #0078b6;cursor: pointer;}
.dialogueList .more-chats:hover{ text-decoration: underline;}
.dialogueList .wx-img{ max-width: 130px;}
.toolbar{height: 30px;line-height: 30px;padding: 0 6px;border-top: 1px solid #e7e6e2; width: 280px; display: inline-block; float: left;}
.toolbar a{ font-size: 18px; padding: 0 5px; color: #999;}
.dialogueSend{padding: 4px 10px;height: 46px; width:280px; display: inline-block;}
.dialogueSend .dialogueSendText{ border: none; width: 100%; line-height: 20px; color: #333; background: none;}
.dialogueSend .dialogueSendTip{color: #aaa;margin-right: 7px; height: 25px;line-height: 25px;display: inline-block;}


/*消息系统*/
.msgmain{top: 0; left: 0; font-size: 12px; bottom: 0; width: 100%;overflow: hidden;}
.msgbody{position: absolute;background: #f2f3f5;top: 0;bottom: 0}
.msgWrap{ position: relative; height: 100%;display: table; }
.msgLeft{background: #2b3036; position: relative;height: 100%;width: 70px;text-align: center;display: table-cell;vertical-align: top;max-height: 100%; padding:0 14px;}
.msgLeft .avatar{width: 40px; height: 40px;position: relative;margin: 20px auto 6px;border-radius: 100%; overflow: hidden;}
.msgstatus{ width:100%; display: inline-block; text-align: center; color: #999; margin-top: 5px;}
.online-status{display: inline-block;width: 6px;height: 6px;background: #52f005;border-radius: 50%; cursor: pointer; vertical-align: middle;margin: 4px 8px 6px 0;}
.offline-status{background: #f33;}
.statusTip{box-shadow: 0 10px 20px rgba(0,0,0,.1); border-radius: 3px;color: #000;display: inline-block;position: absolute;background-color: #fff; z-index: 99;margin: 0 10px 5px 0;left: 3px;top: 92px;width: 63px; padding: 5px 0;}
.statusTip .status{ padding: 2px 0;}
.msgLeft .view-switch{padding-top: 100px;}
.msgLeft .view-switch li{ margin-bottom: 20px;}
.msgLeft .view-switch li a{ font-size: 32px; color:#55595e;}
.msgLeft .view-switch li a:hover,.self-control li a:hover{color: #d5d6d7;text-decoration: none;}
.msgLeft .view-switch li.linkActive a,.self-control li.linkActive a{  color: #d5d6d7;text-decoration: none;}
.self-control{bottom: 0; position: absolute; width: 100%; text-align: center; left: 0;}
.self-control li{ margin-bottom: 20px;}
.self-control li a{ font-size: 20px; color:#55595e;}
.msgWrap .chat-container{position: relative; height: 100%;display: table-cell;vertical-align: top;max-height: 100%;overflow: hidden;top: 0;bottom: 0;width: 100%;}
.msgWrap .chat-bg{background-color: #fff;width: 100%;height: 100%;position: absolute;left: 285px;z-index: 10; border-left: 1px solid #e6e6e6;}
.msgWrap .chat-bg i{font-size: 64px;color: #f0f0f0;text-align: center; position: absolute;vertical-align: middle;display: inline-block;top: 50%;left: 50%;margin-top: -32px;margin-left: -212px;}
.msgquene,.msgchat,.msgcustomer{display: table-cell;vertical-align: top;max-height: 100%; position: relative; height: 100%;}
.msgquene{min-width: 285px;max-width: 285px; background-color: #fbfbfb;}
.msgchat{border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e7e2;background-color: #fff;width: 100%;min-width: 500px;}
.msgcustomer{background: #f2f3f5;min-width: 240px;max-width: 240px;}
.msgWrap .control { height: 30px; line-height: 30px;font-size: 14px;border-bottom: 1px solid #e6e6e6;padding: 10px 20px;}
.msgWrap .chatting{height: 100%;}
.msgWrap .chatting .control{font-size: 14px;color: #000;background-color: #f2f3f5; height: 50px;line-height: 50px; padding: 0 15px; border-bottom: 1px solid #e6e6e6;}
.msgWrap .chatting .empty{display: inline-block; float: right; cursor: pointer; color: #55595e;}
.msgWrap .msgusers-list,.historyuser{width: 100%;overflow: auto;background-color: #fbfbfb; height: 100%;}
.msgusersUl{ margin-bottom: 51px; width: 100%; display: inline-block;}
.msgusersUl li{ width:255px; padding: 15px;border-bottom: 1px solid #edecec;cursor: pointer;transition: all .2s; display: inline-block; float: left;}
.msgusersUl li:hover{background-color: #edecec;}
.msgusersUl li.active{background-color: #edecec;}
.msgusersUl li .avatar{width: 40px;height: 40px;position: relative; display: inline-block; overflow: hidden; border-radius: 100%; float: left;; margin-right: 10px;}
.msgusersUl li .title{-webkit-margin-start: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom: 5px; font-size: 14px;}
.msgusersUl li .title2{ margin-top: 11px;}
.msgsearch-view{font-size: 14px;color: #000;background-color: #f2f3f5;height: 50px;line-height: 50px;padding: 0 15px;}
.msgsearch{margin-top: 10px; height: 30px; line-height: 30px; width: 230px; display: inline-block; border-radius: 50px; padding: 0 12px; background-color: #d9dadc;}
.msgicon-search{color: #55595e;font-size: 15px; vertical-align: middle;}
.msgsearch-input{background-color: #d9dadc;color: #333;box-shadow: none;border: none;padding-left: 2px;    height: 25px;line-height: 25px;width: 190px;}
.msgicon-close{font-size: 14px;color: #9d9d9d;}
.msghistoryTit{font-size: 12px;height: 30px; line-height: 30px; border-bottom: 1px solid #edecec; width: 270px;padding-left: 15px;display: inline-block;vertical-align: middle;background: #f2f3f5;border-top: 1px solid #e6e6e6; color: #999;}
.display-more{text-align: center;padding: 10px 0;background: #fff;}
.no-more{font-size: 12px;height: 30px;line-height: 30px;padding: 0 20px;display: inline-block;color: #ccc;border-radius: 2px;}
.historyuser{ background: #fff;}
.msgChatbox{ height: 100%;}
.msgChatboxTop{position: absolute;overflow-y: auto;top: 50px;bottom: 160px;width: 100%;padding: 0 0 30px;}
.msg-sys { text-align: center;}
.msg-sys span{text-align: center; margin: 0 auto;background-color: #f3f3f5;font-size: 12px;border-radius: 3px;padding: 5px 15px; color: #999; display: inline-block;}
.msgdialogueList  div.message,.msgdialogueList  div.message:before{ background: #efefef;}
.msgdialogueList .msgTime{margin-top:4px; font-size: 12px; color: #ccc; font-family:times; width: 100%; display: inline-block;}
.msgdialogueList .msgTime i{ margin-left: 42px;}
.msgdialogueList .my .msgTime { text-align: right;}
.msgdialogueList .my .msgTime i{ margin-left: 0; padding-right: 40px;}
.msgdialogueList  div.message{ max-width: 60%;}
.msgdialogueList  div.message .wx-img{ max-width: 260px;}
.msgreply-box{height: 160px;border-top: 1px solid #e6e6e6;position: absolute;bottom: 0;width: 100%;background: #fff;}
.msgreply-box .msgtoolbar{padding:11px 6px;}
.msgreply-box .msgtoolbar a{ font-size: 20px; padding: 0 5px; color: #999;}
.msgdialogueSend{padding: 4px 14px;height: 95px;}
.msgdialogueSend .dialogueSendText{ border: none; width: 100%;height: 95px; max-height: 95px; line-height: 20px; color: #333; background: none; resize: none;}
.msgdialogueSend .dialogueSendTip{ text-align: center; color: #aaa; height: 95px; text-align: center;}
.msgdialogueSend .dialogueSendTip p{ margin: 10px 0 15px;}
.msgcustomer .chatting .control{ color: #999;}
.msgcustomerUl{ margin-bottom: 0;}
.msgcustomerUl li{ border: none;}
.msgcustomerList{ padding: 20px;}
.msgcustomerList li{ font-size: 12px; line-height: 20px; padding: 5px 0; color: #888;}
.msgcustomerList li span{ margin-right: 8px;}
.msgcustomerLable { margin-top: 4px}
.msgcustomerList li.msgcustomerLable span{color: rgb(255, 255, 255);height: 20px;line-height: 20px;position: relative;min-width: 30px; background: rgb(113, 120, 142);margin: 2px;padding: 1px 6px;    text-align: center;cursor: pointer;display: inline-block;border-radius: 3px; overflow: hidden; margin-right: 0;}
.msgcustomerLable span i{ position: absolute; top: 0; left: 0; background: #dadce1; color: #0d79bd; width: 100%; height:100%; line-height: 22px; display: none; }
.msgcustomerLable span:hover i{ display: block;}
.icon-error{ cursor: pointer;}


/*刮刮卡列表*/
.scratchTitle { position: relative; padding-left: 18px;}
.scratchTitle i{ position: absolute;left: 0;top: 3px; border-radius: 100%; background: #b6b6b6;box-shadow: 0 0 4px #b6b6b6;display: inline-block;width: 10px;height: 10px;}
.scratchTitle.active i{ background: #479409; box-shadow: 0 0 7px #479409;}
.scratchTitle.activeYellow i{background: #ffba00;box-shadow: 0 0 4px #ffba00;}
.TrainAplyTit .buttonSmall{ margin-top: -6px; height: 26px;line-height: 26px;padding: 0 13px;}
.scratchMore{ position: relative; width: 40px; text-align: center;}
.scratchMoreCon{ position: absolute; top: 26px; left:-1px; z-index: 50;background: #fff; border: 1px solid #ddd; width: 100%; float: left; text-align: left; padding: 3px 0; display:none}
.scratchMore.active{ border: 1px solid #ddd !important;}
.scratchMore.active .scratchMoreCon{ display: block;}
.scratchMoreCon a{ color: #999; width: 100%; display: inline-block; float: left;}
.scratchMoreCon a:hover{ color: #333;}
.scratchMoreCon a i{ color: #ccc; margin:0 5px 0px 10px;}
.scratchBottom{ padding:10px 20px;}
.scratchContent{ color: #666; margin: 5px 0; width: 100%; display: inline-block;}
.scratchLabel{ border: 1px solid #71ae32; color: #71ae32;display: inline-block; border-radius: 3px; margin: 10px 0;}
.scratchLabel .scratchLabelCon{ padding: 1px 5px; display: inline-block;border-left: 1px solid #71ae32; float: left;}
.scratchLabel .scratchLabelCon .scratchAddressCon{
    display: none;}
.scratchLabel .scratchLabelCon.firstNone{ border: none;}
.scratchLabel .scratchLabelCon.cur_po:hover{ background: #ecf8e8;}
.scratchContent .prizeName{ width:30%; display: inline-block; float: left;}
.scratchContent .prizeNumber{ width: 50%; display: inline-block; float: left;}
.scratchContent .prizeState{ width: 20%; display: inline-block; float: left;}
.turntableContent .prizeName{ width:15%;}
.turntableContent .prizeNumber{ width: 50%;}
.turntableContent .prizeState{ width: 15%;}
.turntableContent .prizeProbability{ width: 20%;display: inline-block; float: left;}



.scratchAddress,.scratchEwm{ position: relative;}
.scratchAddressCon,.scratchEwmCon{ position: absolute;padding: 15px;background: #fff;line-height: 1.5;color: #666;width: 325px;box-shadow: 0 0 10px #ddd;position: absolute;top: 100%;margin-top: 10px;left: -15px;  z-index: 50;}
.scratchAddressCon .addresstext{width: 260px;padding-left: 10px;display: inline-block;background: #f6f6f6;float: left;height: 30px;border: none;line-height: 1; padding: 0 0 0 5px;}
.scratchAddressCon .copyBtn{float: left;display: inline-block;background-color: #e3e3e3;padding: 0 15px;cursor: pointer;height: 30px;line-height: 30px; color: #666;}
.scratchAddressCon .tipsArrow,.scratchEwmCon .tipsArrow{position: absolute;background: url(../images/new1.png) no-repeat;background-position: 0 -19px;display: block;left: 15px;top: -8px;width: 16px; height: 8px; display: block;}
.scratchEwmCon{ width: 200px;}
.scratchAddress.active .scratchAddressCon,.scratchEwm.active .scratchEwmCon{ display: block;}
/*添加刮刮卡*/
.prizeSet{display: inline-block;vertical-align: top;background: #fafafa;border: 1px solid #eaeaea;width:620px;}
.prizeSetTop{ width: 100%; display: inline-block; float: left; position: relative;height: 38px;line-height: 38px;background: #f1f1f1;border-bottom: 1px solid #eaeaea;}
.prizeSetTopList{ padding:9px;}
.prizeSetTopList a{float: left;margin-right: 5px; margin-right: 5px; display: inline-block;height: 20px;line-height: 20px;padding: 0 5px;  border-radius: 2px; color: #666;}
.prizeSetTopList a:hover{background: #e5e4e4; color: #666;}
.prizeSetTopList a.active{ background:#32b2ed;color:#fff;cursor: default ;}
.prizeSetTopBtn{ position: absolute; top:7px; right:10px;}
.prizeSetTopBtn a{display: inline-block;width: 25px;height: 23px;background: #fff;border: 1px solid #c6c6c6;border-radius: 2px;position: relative; color: #7f7f7f; position: relative; overflow: hidden; margin-left: 6px;}
.prizeSetTopBtn a:before{ font-size: 18px; position: absolute; top: -7px; left: 3px;}
.prizeSetTopBtnSubtract:before{ content: '\e603'; }
.prizeSetTopBtnAdd:before{content:'\e6cc';}
.upImgBtn{width: 50px;height: 50px;border: 1px solid #efeeee; text-align: center;color: #ccc;display: inline-block;line-height: 50px;overflow: hidden; font-size: 22px; background: #fff; position: relative;}
.upImgBtn .iconfont{ font-size: 30px;}
.upImgBtnBig{ width: 80px; height: 80px; line-height: 76px;}
.upImgBtnBig .iconfont{ font-size: 50px;}
.upFileInput{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; font-size: 0; opacity: 0;}
.mt-5{ margin-top: -8px;}
.wb80{ width: 80%;}
.ticketWay{ background: #eaeaea; padding: 5px 10px;}
.TableBorderLeft td,.TableBorderLeft th{border-left: 1px solid #f5f5f5;}
.prizeSetNumber{ margin-top: 10px; padding: 10px 0; line-height: 20px;}
.prizeSetNumber p{ margin: 0 15px;}
.TableNullTip{ padding: 70px 0;}
/*微测试*/
.addtinytestTop{display: inline-block;position: relative; text-align: center;}
.addtinytestTop:after{content: "";display: block;width: 100%;height: 1px;background-color: #eee;position: absolute;top:19px;z-index: 0;}
.addtinytestTop li{display: inline-block;vertical-align: middle;width: 120px;height: 36px;line-height: 36px;border-radius: 50px;background: #d9d9d9; color: #fff;font-size: 14px;z-index: 1;position: relative;margin-right: 40px;cursor: pointer;}
.addtinytestTop li.afterThis{ background: #b0d4f9;}
.addtinytestTop li.active{ background: #4ea0f1;}
.addtinytestTop li i{font-size: 22px;font-style: normal;vertical-align: top;margin-right: 8px;}
.addtinytestTop li.last{ margin-right: 0;}
.uploadBtn{ height:30px; line-height: 30px;}
.tinytestTable td{ position: relative;}
.tinytestPadd{ padding:10px 16px;}
.tinytestNumber{ width: 30px;margin-left: 5px;vertical-align: top;position: absolute; font-weight: bold; line-height: 20px; padding: 2px 0 10px;}
.tinytestTit{ line-height: 20px; padding: 2px 0 10px;}
.tinytestTit.fw-bold{font-weight: bold;}
.tinytestSelect{ margin-top: 5px;}
.tinytestRight{ position: relative; left: 39px; padding-right: 23px; box-sizing: border-box;}
.tinytestRight .tinytestSelect{ line-height: 20px;padding: 6px 0; position: relative;}
.tinytestRight .tinytestSelect:after{width: 100%;content: "";height: 0;border-bottom: 1px dashed #ccc;position: absolute;left: 0;top: 17px;z-index: 0;}
.tinytestRight .tinytestSelect span{ background: #fff; padding-right: 5px;position: relative; z-index: 5;}
.tinytestList .scratchTitle{ padding-left: 0;}
.tinytestDetailsTitle{ width:100%; display: inline-block; position: relative; text-align: center;}
.tinytestDetailsTitle em{ display: inline-block; padding: 0 5px; color: #999; background: #fff; position: relative; z-index: 5;}
.tinytestDetailsTitle:before,.tinytestDetailsTitle:after{border-bottom: 1px solid #eee; width: 100%; position: absolute; top: 7px; left: 0; content: '';}
.tinytestDetailsTitle:after{ top:10px;}
.tinytestscore{ padding: 20px 0; width: 100%;display: inline-block;}
.tinytestscoreTop{ width: 80px; height: 80px; margin-bottom: 10px; line-height: 80px; font-size: 14px; color: #e81818; border:3px solid #e81818; display: inline-block; border-radius: 100%; overflow: hidden; float: left; text-align: center; margin-right:30px;}
.tinytestscoreTit{ margin:15px 0;}
.tinytestscoreTip{ color: #999;}
.tinytestscoreTop i{ font-size: 24px; margin-right: 3px;}
.tinytestscoreList{ padding-top: 20px;}
.tinytestscoreList li{ width: 100%; display: inline-block; float: left; margin-bottom: 25px;}
.tinytestscoreList .scoreBottom{padding:10px;background: #f9f8f7;color: #999;font-size: 12px; margin-top: 8px;}
.tinytestscoreList .radio{ background: url(../images/new3.png) no-repeat;display: inline-block;vertical-align: middle;position: relative;top: 0;width: 15px;height: 15px;background-position: -8px -416px;margin-right: 5px;}
.tinytestscoreList .title{ font-size: 13px;}
.tinytestscoreList .title em{ font-size: 12px; border: 1px solid #eee; padding: 0px 5px; color: #999; margin-left: 10px;}
.tinytestscoreList  img{ width:30px; height: 30px; vertical-align: middle; margin-right: 5px;}
.tinytestscoreList .content{ vertical-align: middle;}
.wxHead{display: inline-block; vertical-align: middle;width: 40px; height: 40px; overflow: hidden; margin-right: 10px;}
.wxName{ vertical-align: middle;}
.ForwardCode{ position: relative;}
.ForwardCode.active .scratchEwmCon{ display: block;}
.ForwardCode .scratchEwmCon{ left: initial; right: -15px;}
.ForwardCode .scratchEwmCon .tipsArrow{ left: initial; right: 50px;}
.ForwardCode.bg-ccc.active { border:1px solid #ddd}
.setMarketAdd{ padding: 100px 0 0 200px;}
.setMarketCon{ margin: 10px; }
.setMarketCon .photo{ width:100px; height: 130px; margin:3px; display: inline-block;  overflow: hidden;}
.setMarketCon .photo img{width:100%;border-radius: 5px;}
.setMarketCon .name{ width: 100%; display: block; text-align: center;padding-top:6px;}
.setMarketConBtn{ width: 100%; display: inline-block; margin-top: 100px;}

/*添加公众号*/
.publicAddTip{ text-align: center;}
.publicAddTip img{ margin: 6% 0 3%;}
.publicAddTip h5{ font-size: 14px; margin-bottom: 3%;}
.publicAddTip p{ font-size: 12px; color: #999; margin: 5px 0;}

/*抓客*/
.catchList{ width: 100%; display: block; margin-top: 5px;}
.catchList li{ padding: 15px 0; border-bottom: 1px solid #eee; width: 100%; display: block; overflow: hidden;}
.catchList li .photo{width: 150px;height: 150px;overflow: hidden;background: #e7e7e7; display: inline-block; float: left; margin-right: 15px;}
.catchList li .title{ font-size: 17px; line-height: 26px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.catchList li .title a,.catchList li .title{ color: #333;}
.catchList li .title a:hover,.catchList li .title:hover,.catchList li .label a:hover{ color: #3ca5f6;}
.catchList li .label{ font-size: 14px; margin: 18px 0;}
.catchList li .label a,.catchDetails .label a{ margin-right: 30px; color: #999;}
.catchList li .label a .iconfont,.catchDetails .label a .iconfont{ vertical-align: middle;  margin-right: 4px;}
.catchList li .label a em,.catchDetails .label a em{ vertical-align: middle;}
.catchList li .label a em i,.catchDetails .label a em i{ color: #0099ff;}
.catchList li .infor{ font-size: 13px; color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 738px;}
.catchList li .handle{ margin-top: 18px;}
.btnSmall{padding: 0 17px;cursor: pointer;display: inline-block;vertical-align: middle;height: 28px; line-height: 28px; margin-right: 15px;}
.btnSmall.bg-ccc{background: #f7f7f7;color: #666;border: 1px solid #ddd;}
.btnSmall.bg-FF5722{ background: #ff7622;color: #fff;border: 1px solid #ff7622;}
.btnSmall i{ margin-right: 3px;}
.catchList li:last-child{ border:none;}
.pageturningLeft{ text-align: center;}
/*文章详情*/
.catchDetails{width: 50%;margin: 0 auto;box-shadow: 0px 0px 1px #ccc;padding: 3%; }
.catchDetails .title{font-size: 28px;margin: 0;position: inherit;line-height: 1.5;color: #333;word-wrap: break-word;word-break: normal;}
.catchDetails .label{ margin:25px 0;}
.catchContent{font-size: 16px;line-height: 30px;text-align: justify;word-wrap: break-word; color: #333;}
.tableHead .photo{ width: 30px; height: 30px; float: left; margin-right: 10px; overflow: hidden; border-radius: 5px; display: inline-block;}
.tableHead .title{ margin-top:5px;}

/*抓客排行*/
.bayLeft,.bayRight{ width: 448px; margin:10px; display: inline-block; float: left; position: relative;}
.bayLeft{ margin-right: 30px;}
.fansInfor .photoWidth{ width: 75px;}
.bayLeft .fansInfor .title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.bayLeft .fansInfor .label,.bayRight .fansInfor .label{margin-top: 10px;height: 22px;display: inline-block;font-size: 12px;color: #999;}
.bayLeft .fansInfor .label span,.bayRight .fansInfor .label span{ margin-right: 15px;}
.bayLeftTitle{ font-size: 18px; color: #333; margin-bottom: 20px;}
.bayLeftTitle img{ width: 36px; margin-right: 10px; vertical-align: middle;}
.bayLeftTitle em{ vertical-align: middle;}
.bayLeft .fansstatisticsDay,.bayRight .fansstatisticsDay{ position: absolute; right: 0; top: 0;}

/*评论*/
.leave h5 { display: inline-block; vertical-align: middle;font-size: 16px;}
.leaveList { width: 96%; margin: 0 2%;}
.leaveList li{width: 94%;display: block;overflow: hidden;position: relative;padding: 3% 0 1%;padding-left: 6%;border-bottom: 1px solid #f5f5f5;}
.leaveList li .photo{ background: #fff; border-radius: 3px; overflow:hidden; position: absolute; top: 0; margin-top: 3%; left: 0; width:40px; height:40px; overflow: hidden;}
.leaveList li .title{font-size: 15px;color: #666;position: relative;padding-right: 30%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;/* padding-bottom: 1%; */}
.leaveList li .title em{ position: absolute; right: 0;}
.leaveList li .content{font-size: 14px;color: #000;line-height: 22px;text-align: justify;padding: 1.2% 0 1%;}
.leaveList .dodel{ font-size: 14px; color: #456fa5;}
.leaveList .content img{ vertical-align: middle;}
.leaveList .author{margin: 0;padding-left: 10px;}
.leaveList .author i{position: absolute;left: 0;top: 10%;bottom: 10%;border-left:2px solid #04be02;}
.fabulous{position: relative;display: inline-block;padding-left: 3%;background: url(../images/2.png) no-repeat;background-size: contain;color: #4a5e78;cursor: pointer;}
.fabulous.active{ background: url(../images/1.png) no-repeat; background-size: contain;}
.leaveAdd { padding: 2% 5%; width: 90%; display: inline-block;}
.leavewriteTitle{font-size: 16px;line-height: 30px;font-weight: 500;padding: 1% 0;}
.leavewriteCon{background: #fff;position: relative;border: 1px solid #e6e6e6;padding: 2%;}
.leavewriteCon textarea{width: 100%;font-size: 14px;color: #333;min-height: 200px;border: none;}
.leavewriteCon .emotion { display: inline-block; cursor: pointer;}
.leavewriteCon .emotion img{ width: 20px;}
.leavewriteCon #facebox{ background: #fff; right: 3%; padding: 3%; border: 1px solid #f5f5f5;margin-top: 1%;}
.leavewriteCon table{ width: 100%;}
.leavewritebtn{ margin: 2% 0 3%;}
.remark { margin: 3% 0}
.leaveNUll{ width: 100%; display: inline-block; padding: 10% 0; text-align: center;}
.leaveNUll p{ color: #999; font-size: 14px; margin-top: 3%;}

.btnSmall:last-child { margin-right: 0;}