
/*---------- 媒介主HEADER右侧用户 ----------*/
.head-media .users {}
.head-media .users > div {float:left; position:relative; margin-left:30px;}
.head-media .users > div .rela {cursor:pointer; height:30px; line-height:30px; font-size:1.25em;}
.head-media .users > div .rela.name {position:relative; padding-right:20px;}
.head-media .users > div .rela.name i {position:absolute; width:16px; height:16px; right:0; top:7px; background:url(/images/media/icon-jt-down2.gif) center no-repeat;}
.head-media .users > div .rela.resBtn {background:#4eb6ff; color:#fff; border-radius:15px; padding:0 15px;}
.head-media .users > div .absBox {position:absolute; width:300px; top:100%; margin-top:12px; background:#fff; box-shadow:0 0 12px #ccc; z-index:3;}
.head-media .users > div .absBox > div {padding:10px 20px;}
.head-media .users > div .absBox > i {position:absolute; right:0; width:100px; height:24px; top:-12px;}
.head-media .users > div .absBox > i b {position:absolute; top:50%; left:50%; width:18px; height:18px; margin-left:-9px; margin-top:-9px; background:#fff;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-transform:rotate(45deg);}
.head-media .users .usr .absBox {right:9999px;}
.head-media .users .usr .absBox > i {right:0; width:80px;}
.head-media .users .usr .absBox > i b {background:#4eb6ff;}
.head-media .users .resAdd .absBox {right:9999px;}
.head-media .users .usr:hover .absBox {right:0;}
.head-media .users .usr:hover .rela.name i {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
-transform:rotate(180deg);}
.head-media .users .resAdd:hover .absBox {right:0;}
/*----- 用户信息 -----*/
.head-media .users .usr .p1 {background:#4eb6ff;}
.head-media .users .usr .p1 .manage {color:#fff; line-height:30px; font-size:1.2em;}
.head-media .users .usr .p1 .manage span {margin-right:5px;}
.head-media .users .usr .p1 .contacts {margin-top:10px;}
.head-media .users .usr .p1 .contacts a {display:inline-block; position:relative; width:30px; height:30px; margin-right:15px; background:url(/images/media/icon-media-usrs.png) left top no-repeat;}
.head-media .users .usr .p1 .contacts a.qq {background-position:0 0;}
.head-media .users .usr .p1 .contacts a.wechat {background-position:-30px 0;}
.head-media .users .usr .p1 .contacts a.mobile {background-position:-60px 0;}
.head-media .users .usr .p1 .contacts a span {position:absolute; width:160px; left:-9999px; margin-left:-80px; bottom:100%; margin-bottom:5px;}
.head-media .users .usr .p1 .contacts a span b {display:table; margin:0 auto; padding:3px 10px; font-weight:normal; font-size:1.25em; border:1px #ddd solid; background:#fff;}
.head-media .users .usr .p1 .contacts a span img {width:100px; margin:0 auto;}
.head-media .users .usr .p1 .contacts a:hover span {left:50%; color:#333;}
.head-media .users .usr .p2 ul li {display:block; height:30px; line-height:30px; font-size:1.15em;}
.head-media .users .usr .p2 ul li label {cursor:pointer;}
/*----- 添加资源 -----*/
.head-media .resAdd .res > ul {display:block; width:100%;}
.head-media .resAdd .res > ul > li {float:left; width:33.33%; padding:10px 0;}
.head-media .resAdd .res > ul > li > a {display:block; position:relative; white-space:nowrap;}
.head-media .resAdd .res > ul > li > a > span {display:block; text-align:center; margin-top:5px;}
.head-media .resAdd .res > ul > li > a:before {display:table; margin:0 auto; width:50%; padding-bottom:50%; content:"";}
.head-media .resAdd .res > ul > li.article > a:before {background:url(/images/media/article.png) center no-repeat; background-size:100% auto;}
.head-media .resAdd .res > ul > li.article > a > span:before {content:"软文";}
.head-media .resAdd .res > ul > li.wechat > a:before {background:url(/images/media/wechat.png) center no-repeat; background-size:100% auto;}
.head-media .resAdd .res > ul > li.wechat > a > span:before {content:"微信公众号";}
.head-media .resAdd .res > ul > li.friend > a:before {background:url(/images/media/friend.png) center no-repeat; background-size:100% auto;}
.head-media .resAdd .res > ul > li.friend > a > span:before {content:"朋友圈";}
.head-media .resAdd .res > ul > li.weibo > a:before {background:url(/images/media/weibo.png) center no-repeat; background-size:100% auto;}
.head-media .resAdd .res > ul > li.weibo > a > span:before {content:"新浪微博";}
.head-media .resAdd .res > ul > li.star > a:before {background:url(/images/media/star.png) center no-repeat; background-size:100% auto;}
.head-media .resAdd .res > ul > li.star > a > span:before {content:"自媒体";}
.head-media .resAdd .res > ul > li.live > a:before {background:url(/images/media/live.png) center no-repeat; background-size:100% auto;}
.head-media .resAdd .res > ul > li.live > a > span:before {content:"直播";}
.head-media .resAdd .res > ul > li.video > a:before {background:url(/images/media/video.png) center no-repeat; background-size:100% auto;}
.head-media .resAdd .res > ul > li.video > a > span:before {content:"短视频";}
.head-media .resAdd .res > ul > li.xhs > a:before {background:url(/images/media/xiaohongshu.png) center no-repeat; background-size:100% auto;}
.head-media .resAdd .res > ul > li.xhs > a > span:before {content:"小红书";}
.head-media .resAdd .res > ul > li.reserve > a:after {position:absolute; z-index:2; top:0; right:0; background:#ff9f15; color:#fff; content:"预约";}
.head-media .resAdd .res > ul > li.reserve > a:after {border-radius:2px; padding:1px 5px;}


.head-media .users > .managerQQ > a {display:table; position:relative; width:100px; height:28px; border:1px #4eb6ff solid; border-radius:14px; padding:0 7px;}
.head-media .users > .managerQQ > a:before,
.head-media .users > .managerQQ > a:after {position:absolute; margin-top:4px; height:20px;}
.head-media .users > .managerQQ > a:before {left:8px; width:20px; background:url(/images/media/managerQQ.png) left top no-repeat; background-size:100% auto;}
.head-media .users > .managerQQ > a:after {right:8px; line-height:20px; content:"媒介经理"; font-size:14px; color:#4eb6ff;}
/*.head-media .users > .managerQQ > a:hover {background:rgba(78,182,255,.5);}*/
.head-media .users > .managerQQ > a:hover:before {background-position:0 100%;}
/*.head-media .users > .managerQQ > a:hover:after {color:#fff;}*/
/*========== 首页左右宽度 ==========*/
.cont-media .mainWidth > .fl {width:740px;}
.cont-media .mainWidth > .fr {width:420px;}
/*========== 区块基本定义 ==========*/
.cont-media .block {background:#fff; padding:25px 50px; padding-bottom:20px; margin-bottom:20px;}
.cont-media .block .bTitle {height:40px; border-bottom:1px #eee solid;}
.cont-media .block .bTitle > span {float:left; font-size:1.4em; color:#333;}
.cont-media .block .bTitle > i {float:left; line-height:24px; margin-left:15px; font-style:normal;}
.cont-media .block .bTitle ul {float:right;}
.cont-media .block .bTitle ul li {float:left; border-left:1px #eee solid; height:26px; line-height:26px; padding:0 15px; font-size:1.25em;}
.cont-media .block .bTitle ul li:first-child {border-left:none;}
.cont-media .block .bTitle ul li label {cursor:pointer;}
.cont-media .block .bTitle ul li label:hover {color:#4eb6ff;}
.cont-media .block .bTitle ul li input {display: none}
#statWeek:checked + label[for="statWeek"],
#statMonth:checked + label[for="statMonth"],
#statAll:checked + label[for="statAll"] {color:#4eb6ff;}

/*========== 区块内容区域 ==========*/
.cont-media .block .bCon {margin-top:20px;}
/*========== 显示数字 ==========*/
.cont-media .block .bCon .showNum .area {display:inline-block; margin-right:12px;}
.cont-media .block .bCon .showNum .area .box {float:left; padding:30px; background:#f4f9fc; position:relative;}
.cont-media .block .bCon .showNum .area .box i {position:absolute; width:1px; height:40px; background:#ddd; left:0; top:50%; margin-top:-20px;}
.cont-media .block .bCon .showNum .area .box .num {font-size:2em;}/* font-family:Courier;*/
.cont-media .block .bCon .showNum .area .box .num a.bold {font-weight:bold;}
.cont-media .block .bCon .showNum .area .box .num a.blue {color:#4eb6ff;}
.cont-media .block .bCon .showNum .area .box .num a.blue:hover {color:#2080c4;}
.cont-media .block .bCon .showNum .area .box .num a.red {color:#f00;}
.cont-media .block .bCon .showNum .area .box .num a.red:hover {color:#b00;}
.cont-media .block .bCon .showNum .area .box .num a.gray {color:#999;}
.cont-media .block .bCon .showNum .area .box .num a.gray:hover {color:#666;}
.cont-media .block .bCon .showNum .area .box .name {font-size:1.25em; color:#333;}
.cont-media .block .bCon .showNum .area .box:first-child i {display:none;}
/* .cont-media .block .bCon .showNum .area.one .box {width:90px;} */
.cont-media .block .bCon .showNum .area.one .box .num,
.cont-media .block .bCon .showNum .area.one .box .name {display:block; text-align:center; line-height:31px;}
.cont-media .block .bCon .showNum .area.two .box .num,
.cont-media .block .bCon .showNum .area.two .box .name {float:left; padding:0 7px; height:30px; line-height:30px; overflow:hidden;}
.cont-media .block .bCon .showNum .area.two .box .num {padding-right:20px;}
.cont-media .block .bCon .showNum .area.two .box .name {padding-left:20px; line-height:31px;}

/*----------------------------------
	      2018-08-30 新增
	将软文订单和其他订单的版块分开
----------------------------------*/
.cont-media .block .bCon .showNum .area.three.plate {position:relative;}
.cont-media .block .bCon .showNum .area.three.plate:before {position:absolute; z-index:2; white-space:nowrap; left:15px; top:10px; font-size:13px; color:#999;}
.cont-media .block .bCon .showNum .area.three.plate.article:before {content:"软文订单";}
.cont-media .block .bCon .showNum .area.three.plate.other:before {content:"其他订单";}
.cont-media .block .bCon .showNum .area.three .box {width:120px; padding:30px 10px;}
.cont-media .block .bCon .showNum .area.three .box .num,
.cont-media .block .bCon .showNum .area.three .box .name {display:block; text-align:center; line-height:31px;}


/*========== 数据截图 ==========*/
.cont-media .block .bCon .screenshot {margin-top:15px; width:473px;}
.cont-media .block .bCon .screenshot .shot {height:26px; line-height:26px; font-size:1.2em; padding:10px 15px; background:#f4f9fc; margin-bottom:10px;}
.cont-media .block .bCon .screenshot .shot i {float:left; width:20px; height:20px; margin-top:3px; background:url(/front/public/images/icon-cart-platesx.png) left top no-repeat;}
.cont-media .block .bCon .screenshot .shot i.wechat {background-position:-40px 0;}
.cont-media .block .bCon .screenshot .shot i.friend {background-position:-60px 0;}
.cont-media .block .bCon .screenshot .shot i,
.cont-media .block .bCon .screenshot .shot span {margin-right:10px;}
.cont-media .block .bCon .screenshot .shot a {color:#4eb6ff;}
.cont-media .block .bCon .screenshot .shot a:hover {color:#2080c4;}
/*========== 订单统计 ==========*/
.cont-media .block .bCon .orderStat ul {display:block;}
.cont-media .block .bCon .orderStat ul li {float:left; height:40px; line-height:40px; width:35%; font-size:1.2em;}
.cont-media .block .bCon .orderStat ul.th li {color:#bbb;}
.cont-media .block .bCon .orderStat ul li:last-child {width:30%;}
/*========== 资源统计 ==========*/
.cont-media .block .bCon .resStat ul {display:block;}
.cont-media .block .bCon .resStat ul li {float:left; height:36px; line-height:36px; width:50%; font-size:1.2em;}
.cont-media .block .bCon .resStat ul li i {font-style:normal; color:#bbb; margin-right:10px;}


.cont-media .block .app .fl {width:200px;}
.cont-media .block .app .fr {width:120px;}
.cont-media .block .app .fl .app-name {font-size:1.4em; padding-bottom:10px; color:#333;}
.cont-media .block .app .fl span {font-size:1.25em; line-height:24px;}
.cont-media .block .app .fr img {width:100%;}
