html,body{height:100%}
.gdt-toufang{height:100%;overflow:auto;background:#f2f3f4}
.gdt-toufang .page{margin:40px 0}
.area{background:#fff;border:1px solid #E5E6E7;height:auto;margin-top:15px;box-shadow:0 1px 0 #E9EAEB}
.area:before,.area:after,.lump:before,.lump:after{content:".";display:block;height:0;visibility:hidden}
.area:after,.lump:after{clear:both}
.area,.lump{zoom:1}
.lump-tit{background:#fff;font-size:14px;position:relative;*zoom:1;color:#505050;border-bottom:1px solid #E5E6E7}
.lump-tit h3{margin-left:15px}
.lump-tit .open,.lump-tit .hide{position:absolute;right:15px;top:10px}
.lump-tit .arrow{right:20px}
.lump-tit .hide .arrow{top:17px}
.lump-tit .open .arrow{top:9px}
.container{min-width:960px;min-height:675px}
header{position:fixed;z-index:910;top:0;left:0;background: #00aaff;width:100%; margin-left: 242px!important;}
header .logo-wrap {
float: left;
width: 140px;
height: 70px;
background-image: linear-gradient(0deg, #65C3F3 0%, #199EE3 100%);
}
header .logo{width:46px;float:left}
header .logo a {
display: block;
width: 44px;
height: 38px;
margin: 25px 0 0 16px;
background: url(../images/img/logo.png) no-repeat;
background-size: 20px 20px;
}
header .h-info{height:56px;position:relative}
header .h-info .sp-bg{display:block;height:7px;width:7px;position:absolute;top:56px;left:56px;background-image:url(../images/img/lunchimg.png);background-position:-119px -234px}
header .platform-sel {
float: left;
width: 84px;
height: 70px;
line-height: 70px;
position: relative;
z-index: 10;
}
header .platform-sel .platform-sel-cur {
width: 100px;
height: 70px;
line-height: 70px;
cursor: pointer;
}
header .platform-sel .platform-sel-cur span,header .platform-sel-list a span{display:inline-block;font-size:18px;color:#fff}
header .platform-sel .platform-sel-cur .platform-sel-tri{width:0;height:0;font-size:0;display:inline-block;border-color:#bababa transparent transparent transparent;border-style:solid dashed dashed dashed;border-width:6px;margin-left:4px;position:relative;top:2px}
header .platform-sel-list{border:1px solid #3d414c;border-width:0 1px;background-color:#2F3440;position:absolute;top:46px;left:0;width:169px}
header .platform-sel-list a{display:block;padding:7px;width:155px}
header .platform-sel-list a:hover{background-color:#3B404A}
header .platform-sel-list.none{height:0}
header .platform-sel-list{height:auto}
header .user {
float: left;
width: 480px;
height: 70px;
padding-left: 16px;
border-width: 0 1px;
position: relative;
z-index: 10;
}
header .user .user-pic{float:left;width:23px;height:24px;overflow:hidden;background-image:url(../images/img/lunchimg.png);background-position:-92px -27px;margin:15px 7px 0 0}
header .user .user-id {
overflow: hidden;
zoom: 1;
height: 70px;
line-height: 70px;
}
header .user .company {
width: 440px;
height: 70px;
line-height: 70px;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 16px;
margin: 0;
margin-left: 22px;
color: #f0f0f0;
}
.span_b{
color: #fff;
font-weight: 600;
}
header .user p{color:#eee;height:13px;line-height:13px;width:270px;overflow:hidden}
header .user p.id{color:#828284;margin-top:3px}
header .user p.id span{margin-right:15px;font-size: 14px;}
header .user-logon .user-pic{background-image:url(../images/img/lunchimg.png);background-position:-92px -53px}
header .user-logon p{color:#F0F6FA}
header .user-logon p.id{color:#DBE9F2}
header .user-logon-list{position:absolute;left:-1px;top:56px;border-style:solid;border-color:#ccc;border-width:0 1px;background-color:#FFF;width:296px}
header .user-logon-list a{display:block;padding:20px 0 20px 15px;font-size:14px;color:#333;border-bottom:1px solid #ccc}
header .extra{float:right;position:relative;z-index:1001;margin-right: 242px;}
header .extra *{vertical-align:middle}
header .extra .logout{color:#828284;margin-left:10px;cursor:pointer;cursor:pointer;display:inline-block;height:56px;line-height:56px;margin-right:16px}
header .extra .logout {
color: #fff;
cursor: pointer;
display: inline-block;
height: 70px;
line-height: 70px;
text-decoration: none;
font-size: 16px;
}
header .extra .logout i{
font-size: 20px;
}
header .extra .logout img{
margin-right: 4px
}
header .extra .btn-create {
display: inline-block;
width: 125px;
height: 70px;
line-height: 70px;
color: #fff;
font-size: 16px;
text-align: center;
text-decoration: none;
}
.edit{
position: absolute;
top: 70px;
right: 0px;
background: #F1F1F1;
border: 0 solid #C8C8C8;
width: 104px;
height: 44px;
font-size: 12px;
color: #666666;
text-decoration: none;
line-height: 44px;
display: none;
}
.currenton{
display: block;
}
.edit i{
font-size: 20px;
margin-left: 12px;
margin-right: 10px;
}
.indexlogout i{
font-size: 28px!important;
margin-right: 6px;
margin-left: 8px!important;
}
header .extra.on .user-logon-list{width:235px;top:56px;left:auto;right:0;height:166px;max-height:166px;text-align:center}
header .extra.on .user-logon-list a{padding-left:0}
header .extra.on .user-logon-list a .list-desc{color:#adadad}
header .operate{float:left;height:56px}
header .operate>div{float:left;width:64px;height:56px;text-align:center}
header .operate .message,header .operate .helper{border-left:1px solid #3d414c;border-right:1px solid #3d414c;margin-left:-1px}
header .operate .new-more{display:block;position:absolute;top:14px;right:17px;height:9px;width:9px;background-image:url(../images/img/lunchimg.png);background-position:-119px -252px}
header .operate .ico-wrap{display:block;height:56px}
header .operate .ico-wrap:hover{background:#383D47}
header .operate .ico{width:25px;height:25px;display:inline-block;margin-top:15px}
header .operate .ico-account{background-image:url(../images/img/lunchimg.png);background-position:-64px -279px}
header .operate .ico-msg{background-image:url(../images/img/lunchimg.png);background-position:-64px -306px}
header .operate .ico-helper{background-image:url(../images/img/lunchimg.png);background-position:-91px -252px}
header .operate .ico-wrap .new-msg{position:absolute;top:9px;right:15px;display:inline-block;width:14px;height:14px;background-image:url(../images/img/lunchimg.png);background-position:-119px -270px;color:#fff;line-height:13px;font-weight:900}
header .operate .ico-wrap .mail-num2{background-image:url(../images/img/lunchimg.png);background-position:-98px -203px;height:14px;width:19px;color:#fff;right:9px;font-weight:normal}
header .operate .inner{position:relative;z-index:10;height:56px}
header .operate .point{display:block;height:20px;width:20px;overflow:hidden;position:absolute;left:23px;bottom:0}
header .operate .point .bor-c,header .operate .point .bor-i{width:0;height:0;font-size:0;display:inline-block;border-color:transparent transparent #c3c6c9 transparent;border-style:dashed dashed solid dashed;border-width:10px}
header .operate .point .bor-c{position:absolute;left:0;bottom:0}
header .operate .point .bor-i{position:absolute;left:-10px;top:-9px;border-color:transparent transparent #fff transparent}
header .operate .poparea{position:absolute;left:0;top:56px;width:600px}
header .operate .poparea .pop{color:#666;text-align:left;border-width:0 1px;border-style:solid;border-color:#c3c6c9;background:#fff;overflow:hidden}
header .operate .pop-zhanghu .cost,header .operate .pop-zhanghu .virtual{border-left:1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
header .operate .pop-zhanghu h3{color:#686868;font-size:14px}
header .operate .pop-zhanghu span.c-red{font-size:28px;font-weight:lighter;margin-right:5px}
header .operate .pop-zhanghu .op{margin-top:11px}
header .operate .pop-zhanghu .btn-recharge{padding:7px 10px;border:1px solid #c3c6c9;color:#666;position:absolute;bottom:0;left:20px}
header .operate .pop-zhanghu .btn-recharge:hover{background:#f2f3f4}
header .operate .pop-zhanghu .pop{float:left;margin-left:-180px}
header .operate .pop-zhanghu p{margin:5px 0 0}
header .operate .pop-zhanghu .zhanghu-num div{width:auto;float:left;margin-top:20px;height:96px;padding:10px 20px;position:relative;border-bottom: 1px solid #E5E5E5;}
header .operate .pop-zhanghu .zhanghu-num .cost-limit{border:2px dashed #d92626;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-right:10px;margin-top:15px;padding:10px 20px}
header .operate .pop-zhanghu .zhanghu-num,header .operate .pop-xiaoxi .btline,header .operate .pop-helper .helplist li.last{border-bottom:1px solid #ccc}
header .operate .point{height:20px;overflow:hidden;bottom:-10px;opacity:0}
header .operate .current .point{bottom:0;opacity:1}
header .operate .point,header .operate .current .point{-webkit-backface-visibility:hidden;-webkit-transition:all .25s linear;transition:all .25s linear}
header .platform-sel-list,header .user-logon-list,header .operate .poparea .pop{max-height:0;overflow:hidden}
header .platform-sel-list,header .user-logon-list,header .operate .poparea .pop,header .platform-sel-hov .platform-sel-list,header .user-logon .user-logon-list,header .operate .current .poparea .pop{-webkit-backface-visibility:hidden;-webkit-transition:height .25s linear;transition:height .25s linear}
header .platform-sel-list,header .user-logon-list,header .platform-sel-hov .platform-sel-list,header .user-logon .user-logon-list{-webkit-transition-duration:.15s;transition-duration:.15s}
header .platform-sel-hov .platform-sel-list{max-height:200px}
header .user-logon .user-logon-list{max-height:125px}
header .operate .current .poparea .pop{max-height:600px;border-bottom: 1px solid #E5E5E5;}
header .operate .pop-xiaoxi{width:auto}
header .operate .pop-xiaoxi .pop{width:650px;float:left;margin-left:-312px}
header .operate .pop-xiaoxi .tips-normal,header .operate .pop-zhanghu .tips-normal{padding:10px;font-size:12px;border-width:0 0 1px}
.tips-normal{background-color:#fff8e7;border:1px solid #efd6b6;color:#666}
.tips-normal p>.moretips{display:inline-block}
.tips-normal p>.moretips>a{padding:0 5px}
.tipsline{font-size:12px;font-weight:normal;margin-top:2px;display:inline-block}
.c-warn,.c-red{color:#e33244}
header .operate .pop-xiaoxi .tips-normal a,header .operate .pop-zhanghu .tips-normal p strong{font-size:16px;padding:0 5px}
header .operate .pop-xiaoxi .tpline{height:50px;border-bottom:1px solid #ccc;padding:0 15px}
header .operate .pop-xiaoxi .del-all{width:199px;float:left;margin-top:10px;height:28px;line-height:28px}
header .operate .pop-xiaoxi .typebtn{height:auto;overflow:hidden;margin-top:10px;float:left;width:auto;border-left:1px solid #c3c6c9}
header .operate .pop-xiaoxi .typebtn li{height:28px;line-height:28px;border:1px solid #c3c6c9;float:left;position:relative;zoom:1;margin-left:-1px}
header .operate .pop-xiaoxi .tablink{display:block;height:28px;line-height:28px;padding:0 15px;color:#666}
header .operate .pop-xiaoxi .tablink-on,header .operate .pop-xiaoxi .tablink:hover{background:#f2f3f4;cursor:default}
header .operate .pop-xiaoxi .disabled{height:30px;background:#f2f3f4}
header .operate .pop-xiaoxi .ico-xiaoxi{height:13px;width:17px}
header .operate .pop-xiaoxi .ico-xiaoxi i{height:13px;width:17px;background-image:url(../images/img/lunchimg.png);background-position:-98px -219px;left:4px;top:2px}
header .operate .pop-xiaoxi .ico-xiaoxi-ed{height:13px;width:17px}
header .operate .pop-xiaoxi .ico-xiaoxi-ed i{height:13px;width:17px;background-image:url(../images/img/lunchimg.png);background-position:-98px -234px;left:4px;top:2px}
header .operate .pop-xiaoxi .list{height:400px;overflow:auto;font-size:12px}
header .operate .pop-xiaoxi .list li{border-bottom:1px solid #E1E1E1;padding:13px 15px}
header .operate .pop-xiaoxi .list li.enread{color:#1b76d1}
header .operate .pop-xiaoxi .list li .time{float:right;text-align:right;line-height:19px}
header .operate .pop-xiaoxi .list li .stit{padding-left:20px;display:inline-block;width:395px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;vertical-align:middle}
header .operate .pop-xiaoxi .list li.done .time{color:#949494}
header .operate .pop-xiaoxi .list li .info{padding-left:10px}
header .operate .pop-xiaoxi .list li.hover{background:#fafafa}
header .operate .pop-xiaoxi .btline{height:50px;line-height:50px;padding:0 20px;position:relative;*zoom:1}
header .operate .pop-xiaoxi .btline .mod-page-s{position:absolute;right:10px;top:22px}
header .operate .pop-xiaoxi .information{margin-top:10px;font-size:12px;color:#666;background:#fafafa;padding:10px 15px;line-height:22px}
header .operate .pop-xiaoxi .information .indent{text-indent:25px}
header .operate .pop-xiaoxi .information .xiugai{margin-top:10px;text-align:right}
header .operate .pop-xiaoxi .information .xiugai a{padding-left:10px}
header .operate .pop-helper{width:152px;left:-44px}
header .operate .pop-helper .bor-c{left:66px}
header .operate .pop-helper .helplist{height:160px;width:150px}
header .operate .pop-helper .helplist li{height:40px;width:150px;text-align:center;border-bottom:1px solid #DBDEE1;font-size:14px;line-height:40px}
header .operate .pop-helper .helplist li a{color:#333;display:block;height:40px;width:150px;text-decoration: none;}
header .operate .pop-helper .helplist li a:hover{background:#f2f2f2}
header .operate .pop-helper .helplist li.last{height:166px}
header .operate .pop-helper .helplist li.last p{font-size:12px;line-height:30px;padding-top:5px;margin-left:-1px}
header .operate .pop-helper .helplist li.last .erweima{width:115px;height:114px;margin-left:16px}
header .operate>div>.inner.current,header .operate>div>.inner.current:hover,header .operate .current .ico-wrap:hover{background:#3C96C3}
header .operate .current .ico-account{background-image:url(../images/img/lunchimg.png);background-position:-91px -279px}
header .operate .current .ico-msg{background-image:url(../images/img/lunchimg.png);background-position:-91px -306px;margin-top:15px}
header .operate .current .ico-helper{background-image:url(../images/img/lunchimg.png);background-position:-92px 0}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, button, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
margin: 0;
padding: 0;
}
aside {
height: 100%;
position: fixed;
z-index: 900;
top: 0;
left: 0;
width: 242px;
background:#3B4966;
max-height: 100%;
overflow-y: auto;
}
aside a{color:#fff}
aside .menu-tree {
margin-top: 20px;
}
width-account-tips aside .menu-tree{margin-top:94px}
aside .menu-tree .inner {
position: relative;
/* max-height: 300px;
overflow-y: auto;*/
}
aside .menu-tree .inner::-webkit-scrollbar{
width: 6px;
height: 6px;
background-color: #f5f5f5;
position: absolute;
margin-top: 75px
}
/*定义滚动条的轨道，内阴影及圆角*/
aside .menu-tree .inner::-webkit-scrollbar-track{
border-radius: 100px;
background-color: #3B4966;
}
/*定义滑块，内阴影及圆角*/
aside .menu-tree .inner::-webkit-scrollbar-thumb{
border-radius: 100px;
background-color: #D3D6DD;
}
aside .menu-tree .menu {
display: block;
text-align: center;
position: relative;
height: 40px;
font-size: 10px;
text-decoration: none;
}
aside .menu-tree .current{
background: rgba(255,255,255,0.16);
}
aside .menu-tree .menu p{margin:5px;}
aside .menu-tree .menu .currentline{display:none}
aside .menu-tree .menu p {
color: #fff;
font-size: 14px;
padding: 12px 50px;
font-weight: bold;
text-align: left;
}
.logoimg{
width: 152px;
height: auto;
margin-left: 48px;
margin-top: 20px;
}
aside .menu-tree .menu p:before {
content: '';
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
float: right;
right: 40px;
transform: rotate(45deg);
margin-top: 6px;
}
aside .menu-tree a:hover.menu{background: rgba(255,255,255,0.16);}
aside .menu-tree .icon {
width: 30px;
height: 30px;
margin: 10px 0 4px;
display: inline-block;
}
aside .menu-tree .current .icon {
color: #fff
}
aside .menu-tree .ico-home{background-image:url(../images/img/lunchimg.png);background-position:0 -242px}
aside .menu-tree .current .ico-home{background-image:url(../images/img/lunchimg.png);background-position:0 -314px}
aside .menu-tree .ico-generalize{background-image:url(../images/img/lunchimg.png);background-position:-30px -210px}
aside .menu-tree .current .ico-generalize{background-image:url(../images/img/lunchimg.png);background-position:-30px -242px}
aside .menu-tree .ico-sheet{background-image:url(../images/img/lunchimg.png);background-position:-32px -274px}
aside .menu-tree .current .ico-sheet{background-image:url(../images/img/lunchimg.png);background-position:-32px -306px}
aside .menu-tree .ico-finance{background-image:url(../images/img/lunchimg.png);background-position:-60px 0}
aside .menu-tree .current .ico-finance{background-image:url(../images/img/lunchimg.png);background-position:-60px -32px}
aside .menu-tree .ico-tool{background-image:url(../images/img/lunchimg.png);background-position:-60px -64px}
aside .menu-tree .current .ico-tool{background-image:url(../images/img/lunchimg.png);background-position:-60px -96px}
aside .menu-tree .ico-order{background-image:url(../images/img/lunchimg.png);background-position:-60px -128px}
aside .menu-tree .current .ico-order{background-image:url(../images/img/lunchimg.png);background-position:-60px -160px}
.popmenu{position:absolute;border:1px solid #ccc;background-color:#FFF}
#maincontent{padding: 70px 0px 0px 242px}
.userdsp{float: right!important;position: absolute!important;right: -120px;width: 460px!important;}
.userdsp #s2id_account_id{
width: 280px!important;
margin-right: 20px;
margin-top: 19px;
}
.userdsp #s2id_account_id a{
background: none;
border: none;
color: #bababa;
}
.userdsp #s2id_account_id span{
color: #bababa;
text-align: right;
}
.indexlogout{
top: 110px!important
}