@charset "utf-8";
/* CSS Document */

/*头部样式*/
.agentTop{background:#fff;height: 60px;box-shadow: 1px 2px 15px rgba(0,0,0,0.05);border-bottom: 1px solid #eee;position: relative;z-index: 10;overflow: hidden;}
.agentLogo{float:left;width: 220px;padding-top: 11px;padding-bottom: 11px;height: 40px;}
.agentLogo img{display:block; margin:auto; max-width:100%;max-height: 100%;}
.agentLogin{float:right; margin-right:30px;}
.userimg{line-height:60px;padding: 0 20px;}
.userimg img{width:30px; height:30px; border-radius:30px; vertical-align:middle;}
.userimg span{color:#999;margin-left:5px;}
.userinfo:hover .operating{display:block;}

.userinfo li{ float:left;}
.userinfo .info{line-height:22px;font-size:12px;}
.userinfo .info em{padding-right:20px;color: #999;}
.userinfo .btn a{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1;color:#999;font-size:12px;float:left;margin:0 20px;line-height:26px;}
.userinfo .btn .myicon{width:21px;height:21px; display:block;margin:0 auto;margin-top:20px; }
.userinfo .btn .icon-zhuye{background-image:url(user-index.png);background-repeat:no-repeat;}
.userinfo .btn .icon-password{background-position:1px 0;background-image:url(user-operating.png);background-repeat:no-repeat;}
.userinfo .btn .icon-out{background-image:url(user-operating.png);background-position:-94px 0;}
.userinfo .btn a:hover{color:#15bdad;}
.userinfo .btn a:hover .myicon{background-image:url(user-operating-on1.png);}
.userinfo .btn a:hover .icon-zhuye{background-image:url(user-index-on1.png);}
.agentinfo{float: left;line-height: 60PX;padding: 0 50PX;color: #999;font-size: 13px;}


/*底部样式*/
.footer{width:100%;background:#fff;height:40px;line-height:40px;border-top:1px solid #eee;position:absolute;left:0;bottom:0;color: #888;}


/*左侧导航*/
.agentNavLeft{width:220px;background:#46b7bf;float:left;overflow-y:auto;overflow-x:hidden;}
.agentCenter{margin-left:220px;position:relative;}
.agentNavLeft ul{margin: 30px 20px;}
.agentNavLeft li .firstName{line-height:54px;font-size:15px;border-bottom:1px solid #3eaab4;color:#deeff6; display:block;}
.firstName i{ font-size:20px; margin-right:10px;}
.secondName{background: #40adb6;padding: 0 20px 0 30px;}
.secondName a{ display:block; line-height:45px;color: #abdce0; font-size:13px;}
.agentNavLeft li a:hover{ color:#fff;}
.agentNavLeft .curr{ color:#fff !important;}


/*中间内容*/
.w50{ width:50%;}
.dataUl{ margin-left:60px;}
.agentCont{padding: 30px 10px;}
.agentBlock{background:#fff;border: 1px solid #f0f0f0; overflow:hidden;}
.agentInner{overflow-y:auto;overflow-x:hidden;width: 100%;}
.innerBlock{padding:20px 10px;margin:0 10px;height: 260px;box-sizing: border-box;}
.circleBox{ padding:30px;}
.agentTitle{font-size:16px;line-height: 29px;}
.innerBox{margin:0 10px;}

/*切换样式*/
.agentTab{border-bottom:1px solid #eee;height: 36px;line-height:35px;}
.agentTab li{ float:left; margin:0 20px 0 0; padding:0 10px;line-height:35px;font-size:14px;}
.agentTab li a{ color:#777;}
.agentTab li.curr{border-bottom: 2px solid #46b7bf;height: 35px;}
.agentTab li.curr a{ color:#46b7bf;}

.agentTab_2 ul{border-radius: 20px;line-height:30px;border: 1px solid #eee; background:#f6f6f6;margin-top: -13px;}
.agentTab_2 li{ float:left; padding:0 10px;font-size: 13px;}
.agentTab_2 li a{ color:#777;}
.agentTab_2 li.activenum a{ color:#46b7bf;}

/*内页标题*/
.agentTitile{ display:block;font-size:16px;line-height:50px; position:relative; color:#46b7bf;border-bottom: 1px solid #f2f2f2;background: #f9fafc;}
.agentTitile .aTi{position:absolute; width:4px; height:16px; top:50%;left:0; margin-top:-8px; background:#46b7bf;}
.agentTitile_2{display:block;font-size:16px;line-height:50px; position:relative; color:#777;border-bottom: 1px solid #f2f2f2;background: #f9fafc;}
.tabTips{margin-top: -13px;color: #999;font-size: 12px;line-height: 35px;}
.tabTips span{ margin-right:15px;}

/*内页表格*/

/*---------表格1样式---------*/
.agentTable_1 tr td{padding:10px 5px; font-size:14px; color:#999;}
.textSelect select,.textbox{padding:0 10px; border:1px solid #eee; height:35px;margin-right:5px;color:#888; font-size:13px;box-sizing: border-box;}
.agentTable_1 .tdRight{color:#888;}
.tdRight .radioBox{ margin-right:15px;}
.radioBox label{vertical-align:middle;}
.tdRight span{margin-right:5px;}
.tips{color:#999;font-size: 12px; line-height:35px;}
.tipsYellow{background: #fffcf3;border: 1px solid #ffeebb;}
.tdBtn{height:35px;padding:0 20px;line-height:35px;font-size:14px;text-align:center;background:#fcb57d;color:#fff;border-radius:3px; border:0;display: inherit;cursor: pointer;}
.tdBtn:hover{ color:#fff;}

/*---------表格2样式----------*/
.agentTable_2 tr td{color: #999;font-size: 13px;padding:10px 20px;border-bottom: 1px solid #f2f2f2;}
.agentTable_2 td a{color: #999;}
.trTitle th{padding:10px 20px; background:#fff;font-size: 14px;font-weight: normal;border-bottom: 1px solid #f2f2f2; color:#777;}
.trTitle th a{ color:#777;}
.agentTable_2 .trTitle th{border-right:1px solid #eee;background:#f9fafc;border-top: 1px solid #f2f2f2;}
.agentTable_2 tr:nth-child(even) td{background:#f9fafc;}
.rnBorder{border-right:0 !important;}
.bnBorder{ border-bottom:0 !important;}

/*字体颜色*/
.fColor{color: #aaa;}
.fColor-red {color: #f05050;}
.fColor-green {color: #1ab394;}
.fColor-gray{ color:#bbb !important;}
.fSpecial{color:#F44336; margin:0 5px;}

/*按钮*/
.selectBtn{ height:35px; border:1px solid #eee; box-sizing:border-box; width:80px; text-align:center; line-height:35px; background:#f8f8f8; color:#666; border-radius:3px;vertical-align: middle;cursor: pointer;}
.timeBtn{ height:35px; border:1px solid #fcb57d; box-sizing:border-box; width:120px; text-align:center; line-height:35px; background:#fcb57d; color:#fff; border-radius:3px; display:block;cursor: pointer;}
.timeBtn i{ vertical-align:middle; margin-right:5px;}
.timeBtn:hover{ color:#fff;}

.more{color:#999;}
.more i{ font-style:normal; font-weight:bold; font-family:sinsum;margin-left: 2px;}

/*弹窗*/
.popupCont{position: fixed;z-index: 111;left: 50%;top: 25%; display:none;}
.popupGg{ position:fixed; width:100%; height:100%; top:0; left:0;background: rgba(0,0,0,0.65);z-index:100; display:none;}
.close{ cursor:pointer; color:#666;}
.close:hover{ color:#999;}

/*操作的功能样式*/

/*----------修改样式----------*/
.modOperat,.delOperat,.readOperat{ position:relative;}
.modOperat i,.delOperat i,.readOperat i{ position:absolute;width: 40px;text-align: center;line-height:22px; background:#555; color:#fff; top:-26px; left:50%; margin-left:-20px; font-size:12px; font-style:normal; border-radius:3px; display:none;}
.modOperat:hover i,.delOperat:hover i,.readOperat:hover i{ display:block;}
.modOperat i em,.delOperat i em,.readOperat i em{position: absolute;bottom: -4px;width: 8px;height: 4px;background: url(arrowicon.png) no-repeat center;left: 50%;margin-left: -4px;}
.modOperat .modIcon{ border:0; background:url(modicon.png) no-repeat center; text-indent:20000em;width: 16px;height: 16px;background-size: 16px 16px; display:block; overflow:hidden; cursor:pointer;}
.delOperat .delIcon{ border:0; background:url(delicon.png) no-repeat center; text-indent:20000em;width: 16px;height: 16px;background-size: 16px 16px; display:block; overflow:hidden; cursor:pointer;}
.readOperat .readIcon{ border:0; background:url(readicon.png) no-repeat center; text-indent:20000em;width: 16px;height: 16px;background-size: 16px 16px; display:block; overflow:hidden; cursor:pointer;}


/*首页样式*/

/*--------------中间头部内容----------------*/
.moneyBox{width:50%; float:left;}
.codeBox{width:50%; float:left;}
.codeBox img{display:block;margin: 20px;width: 180px;float: left;}
.codeBox span{display: block;font-size:16px;font-weight: bold;line-height: 40px;}
.codeBox a{color:#999;}
.agentCoreT{ padding-left:220px;margin-top: 20px;}

.agentText{font-size:14px;color:#777; margin-left:25px; margin-top:13px;}
.agentText div{line-height:30px;}
.agentText span{color:#fcb57d;font-size:20px;margin:0 3px;}
.agentText span em{font-size:12px;}

.circle{width:200px;height:200px;margin:0 auto;position: relative;}
canvas{display: block;margin: 0;position: absolute;background:#fff;left: 0;top: 0;}
#canvas_1{z-index: 1 }
#canvas_2{z-index: 2; background: transparent;transform:rotate(-90deg); }

/*-------------数据表样式-------------*/
.dataBox{margin:20px 10px;}
.dataUl li{float:left;margin:0 0px 0px 10px;padding:4px 20px;background:#fff;font-size:14px;color:#999;cursor:pointer;border-radius: 3px; border:1px solid #f0f0f0;}
.dataUl li.curr{background:#46b7bf;color:#fff;border: 1px solid #f3f4f8;}
.dataBox .agentBlock .agentTabBox{padding: 40px 0 20px;overflow: hidden;width: 95%;margin: auto;}

.highcharts-credits,.highcharts-axis-title{display:none;}
.highcharts-point{ opacity:0.7;}
.highcharts-axis-labels text,.highcharts-label text{font-family:Arial,hiragino sans gb,microsoft yahei,simsun,sans-serif !important;}
.highcharts-label text tspan{ font-weight:normal !important;}

/*内页样式*/

/*--------------申请提现首页----------------*/
.sum-wrap div{ float:left;margin-right: 30px; font-size:13px;color: #888;}
.sum-wrap div span{ font-size:18px; color:#F44336;}
.sum-wrap div span em{ font-size:12px;}
.btnBox li{float: left;margin-right: 15px;padding: 0 15px;height: 35px;line-height: 35px;background: #f9fafc;border: 1px solid #eee;border-radius: 3px; font-size:13px;}
.btnBox li a{color: #999;}
.btnBox .show-more{ color:#ecba21;}

/*----------------代理商排行----------------*/
.rank-title{background: #f9fafc;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2; color:#777;}
.rank-list li{ border-bottom:1px solid #eee;}
.rankHead{ width:40px; height:40px;}
.rankHead img{ width:100%; height:100%; border-radius:50%;}
.rankBar{width:250px;height: 5px;background: #eee;border-radius: 5px; position:relative;overflow: hidden;}
.rankBar .u-before{height: 5px;position: absolute;left: 0;background:#fcb57d;}
.rankIntro span{ font-size:14px; color:#f05050; margin-right:3px;}

/*--------------报表--------------*/
.agentReport{ margin-right:-30px; min-height:214px;}
.agentReport li {width: 33.3%;float: left;position: relative;height:80px;padding: 20px 0px;}
.agentReport li .avatar {width:80px;height:80px;position: absolute;left: 0;top:20px;border-radius: 50%;overflow: hidden;}
.agentReport li img {width: 100%;height: 100%;}
.agentReport li .info {padding: 5px 30px 0px 95px;}
.agentReport .info h4 {font-size: 16px;font-weight: bold;line-height: 24px;height: 24px;overflow: hidden;}
.agentReport .info p {line-height: 22px;color: #939aa0;}

.agentReport_2 li{width: 33.3%;float: left;position: relative;height: auto;padding: 10px 0px;}
.agentReport_2 li .avatar {border-radius: 50%;overflow: hidden;width: 70px;height: 70px;}
.agentReport_2 .avatar img {width: 100%;height: 100%;}
.agentReport_2 .info {padding: 5px 0px 0px 0px;text-align: center;}
.agentReport_2 .info h4 {font-size: 16px;font-weight: bold;line-height: 24px;height: 24px;overflow: hidden;}
.agentReport_2 .info p {height: 21px;overflow: hidden;line-height: 21px;color: #939aa0;}

.agentTime{ position:relative;}
.input-daterange{ margin-top:10px; margin-bottom:10px;position: relative;}
.input-daterange .input-sm{float: left;min-width: 47%;width: 47%;background:#eee;border:1px solid #e5e6e7;box-shadow:none;box-sizing: border-box;padding: 0 10px;color: #888;}
.input-group-addon{white-space: nowrap;width: 6% !important;padding: 0 !important;margin-left: -1px !important; line-height:35px !important;margin-right: -1px !important;border:1px solid #e5e6e7 !important;box-sizing: border-box;}

.highcharts-legend-item tspan{ font-weight:normal;font-family:Arial,hiragino sans gb,microsoft yahei,simsun,sans-serif;}
.datepicker.dropdown-menu th, .datepicker.dropdown-menu td {padding:0px 3px;}
.datepicker table tr td, .datepicker table tr th {text-align: center;width: 28px;height: 23px;line-height: 23px;border-radius: 4px;border: none;}
.table-condensed tfoot{ display:none;}


/*--------------消息提示----------------*/
.tipsTextB{ position:fixed; top:50%; margin-top:-350px; left:50%; margin-left:-30%;height:600px;}
.empty .btn{ margin-top:30px;}

/*---------------查看素材----------------*/
.firend-info span{ display:block;}
.firend-info .fi-name{ font-size:15px; border-bottom:1px solid #eee;}
.img-list li{width:200px;float: left;height:128px;overflow: hidden;margin-right: 20px;margin-top: 20px;border: 1px solid #eee;}
.img-list li img {width: 100%; min-height:100%;display: block;}