html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input
{
margin: 0;
padding: 0;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
a img, :link img, :visited img, fieldset, img
{
border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
font-style: normal;
font-weight: normal;
}
li
{
list-style: none;
}
caption, th
{
text-align: left;
}
q:before, q:after, blockquote:before, blockquote:after
{
content: "";
}
abbr, acronym
{
border: 0;
font-variant: normal;
}
sup
{
top:0;
vertical-align: super;
font-size: smaller;
}
input, textarea, select
{
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
legend
{
color: #000;
}
del, ins
{
text-decoration: none;
}
body, html
{
font: 14px "Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft Yahei",'微软雅黑',Tahoma,Arial,STHeiti,sans-serif;
height: 100%;
background-color: #e9f0f3;
}
body
{
-webkit-tap-highlight-color: rgba(0,0,0,0);
tap-highlight-color: rgba(0, 0, 0, 0);
position: relative;
height: 100%;
overflow-x: hidden;
}
a
{
color: #333;
text-decoration: none;
transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
}
a:hover
{
color: #333;
text-decoration: underline;
}
.m
{
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
position: relative;
vertical-align: top;
}
.m:after
{
content: "";
clear: both;
display: block;
}
.clearfix
{
content: "";
clear: both;
display: block;
}
.fl
{
float: left;
}
.fr
{
float: right;
}
.dis
{
display: none;
}
@-webkit-keyframes scaletolarge
{
0%,80%,100%
{
-webkit-transform: scale(.2);
-moz-transform: scale(.2);
-ms-transform: scale(.2);
-o-transform: scale(.2);
transform: scale(.2);
filter: alpha(opacity= 100);
-webkit-opacity: 1;
-ms-opacity: 1;
opacity: 1;
}
40%
{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
filter: alpha(opacity= 60);
-webkit-opacity: .6;
-ms-opacity: .6;
opacity: .6;
}
}
@-moz-keyframes scaletolarge
{
0%,80%,100%
{
-webkit-transform: scale(.2);
-moz-transform: scale(.2);
-ms-transform: scale(.2);
-o-transform: scale(.2);
transform: scale(.2);
filter: alpha(opacity= 100);
-webkit-opacity: 1;
-ms-opacity: 1;
opacity: 1;
}
40%
{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
filter: alpha(opacity= 60);
-webkit-opacity: .6;
-ms-opacity: .6;
opacity: .6;
}
}
@-ms-keyframes scaletolarge
{
0%,80%,100%
{
-webkit-transform: scale(.2);
-moz-transform: scale(.2);
-ms-transform: scale(.2);
-o-transform: scale(.2);
transform: scale(.2);
filter: alpha(opacity= 100);
-webkit-opacity: 1;
-ms-opacity: 1;
opacity: 1;
}
40%
{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
filter: alpha(opacity= 60);
-webkit-opacity: .6;
-ms-opacity: .6;
opacity: .6;
}
}
@-o-keyframes scaletolarge
{
0%,80%,100%
{
-webkit-transform: scale(.2);
-moz-transform: scale(.2);
-ms-transform: scale(.2);
-o-transform: scale(.2);
transform: scale(.2);
filter: alpha(opacity= 100);
-webkit-opacity: 1;
-ms-opacity: 1;
opacity: 1;
}
40%
{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
filter: alpha(opacity= 60);
-webkit-opacity: .6;
-ms-opacity: .6;
opacity: .6;
}
}
@keyframes scaletolarge
{
0%,80%,100%
{
-webkit-transform: scale(.2);
-moz-transform: scale(.2);
-ms-transform: scale(.2);
-o-transform: scale(.2);
transform: scale(.2);
filter: alpha(opacity= 100);
-webkit-opacity: 1;
-ms-opacity: 1;
opacity: 1;
}
40%
{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
filter: alpha(opacity= 60);
-webkit-opacity: .6;
-ms-opacity: .6;
opacity: .6;
}
}
.loading-line-dotte
{
width: 100px;
height: 15px;
position: relative;
background: none;
z-index: 0;
margin: 0 auto;
padding: 0;
zoom: 1;
text-indent: -9999em;
}
.loading-line-dotte span
{
background-color: #999;
display: block;
position: absolute;
width: 15px;
height: 15px;
top: 0;
margin: 0;
padding: 0;
zoom: 1;
text-indent: -9999em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.loading-line-dotte span:nth-child(1)
{
left: 0;
-webkit-animation-name: scaletolarge;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: .1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-play-state: running;
-moz-animation-name: scaletolarge;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-delay: .1s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-play-state: running;
-ms-animation-name: scaletolarge;
-ms-animation-duration: 1s;
-ms-animation-timing-function: linear;
-ms-animation-delay: .1s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: normal;
-ms-animation-play-state: running;
-o-animation-name: scaletolarge;
-o-animation-duration: 1s;
-o-animation-timing-function: linear;
-o-animation-delay: .1s;
-o-animation-iteration-count: infinite;
-o-animation-direction: normal;
-o-animation-play-state: running;
animation-name: scaletolarge;
animation-duration: 1s;
animation-timing-function: linear;
animation-delay: .1s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
}
.loading-line-dotte span:nth-child(2)
{
left: 20%;
-webkit-animation-name: scaletolarge;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: .2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-play-state: running;
-moz-animation-name: scaletolarge;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-delay: .2s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-play-state: running;
-ms-animation-name: scaletolarge;
-ms-animation-duration: 1s;
-ms-animation-timing-function: linear;
-ms-animation-delay: .2s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: normal;
-ms-animation-play-state: running;
-o-animation-name: scaletolarge;
-o-animation-duration: 1s;
-o-animation-timing-function: linear;
-o-animation-delay: .2s;
-o-animation-iteration-count: infinite;
-o-animation-direction: normal;
-o-animation-play-state: running;
animation-name: scaletolarge;
animation-duration: 1s;
animation-timing-function: linear;
animation-delay: .2s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
}
.loading-line-dotte span:nth-child(3)
{
left: 40%;
-webkit-animation-name: scaletolarge;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: .3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-play-state: running;
-moz-animation-name: scaletolarge;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-delay: .3s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-play-state: running;
-ms-animation-name: scaletolarge;
-ms-animation-duration: 1s;
-ms-animation-timing-function: linear;
-ms-animation-delay: .3s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: normal;
-ms-animation-play-state: running;
-o-animation-name: scaletolarge;
-o-animation-duration: 1s;
-o-animation-timing-function: linear;
-o-animation-delay: .3s;
-o-animation-iteration-count: infinite;
-o-animation-direction: normal;
-o-animation-play-state: running;
animation-name: scaletolarge;
animation-duration: 1s;
animation-timing-function: linear;
animation-delay: .3s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
}
.loading-line-dotte span:nth-child(4)
{
left: 60%;
-webkit-animation-name: scaletolarge;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: .4s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-play-state: running;
-moz-animation-name: scaletolarge;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-delay: .4s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-play-state: running;
-ms-animation-name: scaletolarge;
-ms-animation-duration: 1s;
-ms-animation-timing-function: linear;
-ms-animation-delay: .4s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: normal;
-ms-animation-play-state: running;
-o-animation-name: scaletolarge;
-o-animation-duration: 1s;
-o-animation-timing-function: linear;
-o-animation-delay: .4s;
-o-animation-iteration-count: infinite;
-o-animation-direction: normal;
-o-animation-play-state: running;
animation-name: scaletolarge;
animation-duration: 1s;
animation-timing-function: linear;
animation-delay: .4s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
}
.loading-line-dotte span:nth-child(5)
{
left: 80%;
-webkit-animation-name: scaletolarge;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: .5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-play-state: running;
-moz-animation-name: scaletolarge;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-delay: .5s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-play-state: running;
-ms-animation-name: scaletolarge;
-ms-animation-duration: 1s;
-ms-animation-timing-function: linear;
-ms-animation-delay: .5s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: normal;
-ms-animation-play-state: running;
-o-animation-name: scaletolarge;
-o-animation-duration: 1s;
-o-animation-timing-function: linear;
-o-animation-delay: .5s;
-o-animation-iteration-count: infinite;
-o-animation-direction: normal;
-o-animation-play-state: running;
animation-name: scaletolarge;
animation-duration: 1s;
animation-timing-function: linear;
animation-delay: .5s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
}
::selection
{
background-color: #6fd0ff;
}
.navbar
{
background-color: #00a0e9;
height: 48px;
position: relative;
z-index: 1000;
}
.navbar .m
{
padding-left: 0;
padding-right: 0;
}
.navbar a:hover
{
background-color: #0087c4;
}
.navbar .navbar_logo
{
height: 48px;
width: 80px;
background: url('../img/m.png') no-repeat 15px -46px;
float: left;
}
.navbar .navbar_logo:hover
{
background-color: #00a0e9;
}
.nav_ico
{
float: left;
width: 55px;
height: 48px;
background: url('../img/m.png') no-repeat -358px -46px;
margin-right: 15px;
border-right: solid 1px #49b2e1;
display: none;
}
.nav_right
{
float: right;
}
.nav_right li
{
float: left;
position: relative;
}
.nav_right li a
{
width: 56px;
float: left;
height: 48px;
_overflow: hidden;
}
.nav_right li a em
{
width: 55px;
float: left;
background: url('../img/m.png') no-repeat -57px -46px;
height: 48px;
cursor: pointer;
transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-webkit-transition: background .1s ease-in-out;
-o-transition: background .1s ease-in-out;
position: relative;
}
.nav_right li a em span.dotte
{
position: absolute;
display: block;
width: 6px;
height: 6px;
background-color: #f00;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
top: 20%;
right: 8px;
}
.nav_right li a span
{
text-indent: -9999px;
display: block;
}
.nav_right li a:hover em
{
background-position: -57px -48px;
}
.nav_right li .nav_buss em
{
background-position: -116px -46px;
}
.nav_right li .nav_buss:hover em
{
background-position: -116px -48px;
}
.nav_right li .nav_specialc em
{
background-position: -202px -84px;
}
.nav_right li .nav_specialc:hover em
{
background-position: -202px -86px;
}
.nav_right li .nav_mess em
{
background-position: -175px -46px;
}
.nav_right li .nav_mess:hover em
{
background-position: -175px -48px;
}
.nav_right li .nav_me em
{
background-position: -235px -46px;
}
.nav_right li .nav_me:hover em
{
background-position: -235px -48px;
}
.nav_right li .nav_more
{
border-left: solid 1px #49b2e1;
}
.nav_right li .nav_more em
{
background-position: -405px -46px;
}
.nav_right li .nav_more:hover em
{
background-position: -405px -48px;
}
.nav_right li .submenu_right
{
position: absolute;
background-color: #fff;
right: 0;
top: 48px;
display: none;
-webkit-box-shadow: -3px 4px 10px 0 rgba(0,0,0,0.2);
-moz-box-shadow: -3px 4px 10px 0 rgba(0,0,0,0.2);
box-shadow: -3px 4px 10px 0 rgba(0,0,0,0.2);
z-index: 9999;
}
.nav_right li:hover .submenu_right
{
display: block;
}
.user_infos
{
width: 280px;
padding: 10px 20px 0 20px;
height: 115px;
}
.user_infos .user_infos_header
{
border-bottom: dashed 1px #ddd;
padding-bottom: 10px;
}
.user_infos .user_infos_header:after
{
content: "";
clear: both;
display: block;
}
.user_infos .user_infos_header img
{
width: 64px;
height: 64px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
float: left;
}
.user_infos .user_infos_header .user_infos_name
{
font-size: 14px;
float: left;
width: 156px;
padding-left: 20px;
line-height: 1.6;
}
.user_infos .user_infos_header .user_infos_name a
{
height: auto;
display: block;
width: 100%;
font-size: 14px;
color: #3d87d0;
font-weight: bold;
}
.user_infos .user_infos_header .user_infos_name a:hover
{
background-color: #fff;
}
.user_infos .user_infos_header .user_infos_name em
{
color: #999;
overflow: hidden;
width: 100%;
display: block;
text-overflow: ellipsis;
}
.user_infos .user_infos_btn
{
text-align: center;
margin-top: 8px;
}
.user_infos .user_infos_btn a
{
float: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.user_infos .user_infos_btn a:hover
{
background-color: #bbb;
text-decoration: none;
}
.user_infos .user_infos_btn a.exit
{
margin-left: 5px;
}
.nav_right_more
{
display: none;
}
.lims_btn
{
background-color: #ddd;
color: #333;
padding: .5em 1em;
font-size: 14px;
}
.navs
{
position: absolute;
top: 0;
left: 80px;
}
.navs li
{
float: left;
position: relative;
}
.navs li > a
{
float: left;
line-height: 48px;
padding: 0 25px 0 10px;
font-size: 16px;
color: #fff;
position: relative;
}
.navs li > a em.trangle
{
right: 10px;
top: 50%;
margin-top: -2.5px;
background: url('../img/m.png') no-repeat -575px -1px;
width: 7px;
height: 5px;
display: block;
position: absolute;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.navs li .submenus
{
position: absolute;
top: 48px;
left: 1px;
border: solid 1px #999;
border-top: none;
background-color: #fff;
padding: 10px 15px;
/*width: 750px;*/
width:auto;
/*min-width:550px;*/
max-height:550px;
overflow:auto;
color: #ccc;
-webkit-box-shadow: 0 7px 14px rgba(0,0,0,0.2);
-moz-box-shadow: 0 7px 14px rgba(0,0,0,0.2);
box-shadow: 0 7px 14px rgba(0,0,0,0.2);
line-height: 40px;
display: none;
}
.navs li .submenus .sm_items
{
position: relative;
padding-top: .5em;
*padding-top: 0;
}
.navs li .submenus .sm_items .sm_items_split
{
border-bottom:1px solid #ddd;
display: block;
width:100%;
margin:10px 0;
}
.navs li .submenus .sm_items .sm_items_split span
{
border-left:4px solid #00a0e9;
color: #00a0e9;
text-align: left;
line-height: 14px;
margin:10px 0 20px 5px;
padding-left:5px;
display:block;
}
.navs li .submenus .sm_items .sm_items_title
{
white-space:nowrap;
text-overflow:ellipsis;
overflow : hidden;
width: 85px;
color: #444;
position: absolute;
text-align: left;
line-height: 3.0;
}
.navs li .submenus .sm_items .sm_items_title em.trangle
{
background: url('../img/m.png') no-repeat -576px -72px;
position: absolute;
right: 0px;
top: 18px;
display: block;
width: 5px;
height: 7px;
}
.navs li .submenus .sm_items .sm_items_contents
{
margin-left: 95px;
}
.navs li .submenus .sm_items .sm_items_contents a
{
white-space: nowrap;
padding-right: 24px;
font-size: 12px;
font-family: '微软雅黑';
background: url('../img/m.png') no-repeat right -107px;
}
.navs li .submenus .sm_items .sm_items_contents a:last-child
{
background-image: none;
}
.navs li .submenus .sm_items .sm_items_contents a:hover, .navs li .submenus .sm_items .sm_items_contents a.active
{
background-color: none;
color: #f60;
}
.navs li .submenus .sm_items .sm_items_contents:last-child
{
border: none;
}
.navs li:hover > a
{
background-color: #0087c4;
text-decoration: none;
}
.navs li:hover > a em.trangle
{
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
*background-position: -575px -19px;
}
.navs li:hover .submenus
{
display: block;
}
.navs li.active a
{
background-color: #0087c4;
}
.nav_icos
{
padding: 12px 0;
background-color: #fff;
text-align: center;
border-bottom: solid 1px #ddd;
position: relative;
overflow: hidden;
z-index: 2;
margin: 0 auto;
}
.nav_icos .loading-line-dotte
{
margin: 43px auto;
}
.nav_icos ul
{
position: relative;
margin: 0 auto;
display: none;
}
.nav_icos ul li
{
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 1em 1em 1em;
position: relative;
vertical-align: top;
}
.nav_icos ul li a
{
display: block;
width: 72px;
font-family: '微软雅黑';
font-size: 12px;
color: #333;
text-align: center;
white-space: nowrap;
}
.nav_icos ul li a em
{
display: block;
margin-bottom: 15px;
transition: transform .2s ease-in-out;
-moz-transition: transform .2s ease-in-out;
-webkit-transition: transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out;
*cursor: pointer;
}
.nav_icos ul li a:hover
{
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.nav_icos ul li a:hover em
{
-webkit-transform: scale(1.12);
-moz-transform: scale(1.12);
-ms-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
}
.nav_icos ul li a b
{
font-weight: normal;
width: 72px;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.nav_icos ul li.add_icos, .nav_icos ul li.add_icos span
{
display: none;
}
.nav_icos ul li.add_icos a
{
color: #666;
}
.nav_icos ul li span
{
width: 24px;
height: 24px;
display: block;
background: #db2a2a url('../img/m.png') no-repeat -526px -80px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
margin: -55px 0 0 25px;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.1);
box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.1);
cursor: pointer;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
display: none;
}
.nav_icos ul li span:hover
{
-webkit-box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.4);
box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.4);
background-color: #f04615;
-webkit-animation-name: shake;
-webkit-animation-duration: .1s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-play-state: running;
-moz-animation-name: shake;
-moz-animation-duration: .1s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 0s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-play-state: running;
-ms-animation-name: shake;
-ms-animation-duration: .1s;
-ms-animation-timing-function: linear;
-ms-animation-delay: 0s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: normal;
-ms-animation-play-state: running;
-o-animation-name: shake;
-o-animation-duration: .1s;
-o-animation-timing-function: linear;
-o-animation-delay: 0s;
-o-animation-iteration-count: infinite;
-o-animation-direction: normal;
-o-animation-play-state: running;
animation-name: shake;
animation-duration: .1s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
}
.nav_icos:after
{
content: "";
clear: both;
display: block;
}
.nav_icos .nav_setting
{
position: absolute;
right: 0;
bottom: 0;
margin-top: -24px;
width: 0;
height: 0;
border: 22px solid;
border-color: #fff #c9c9c9 #c9c9c9 #fff;
cursor: pointer;
}
.nav_icos .nav_setting em
{
display: block;
width: 16px;
height: 16px;
background: url('../img/m.png') no-repeat -298px -64px;
position: absolute;
left: 2px;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.nav_icos .nav_setting:hover em
{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.nav_icos .nav_bottom_bar
{
display: none;
transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-webkit-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
background-color: #fff;
}
.nav_icos .nav_bottom_bar:hover
{
background-color: #eee;
}
.nav_icos_fullscreen
{
position: absolute;
left: 0;
top: 0;
z-index: 1001;
overflow: auto;
height: 100%;
width: 100%;
}
.nav_icos_fullscreen .nav_setting
{
display: none;
}
.nav_icos_fullscreen ul
{
padding-bottom: 115px;
}
.nav_icos_fullscreen ul li.add_icos
{
display: inline-block;
*display: inline;
*zoom: 1;
}
.nav_icos_fullscreen ul li span
{
display: block;
}
.nav_icos_fullscreen ul li.cur_collide a
{
border: dashed 1px #be7171;
background-color: #f5ebeb;
text-indent: -999px;
color: #f5ebeb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.nav_icos_fullscreen ul li.cur_collide a em
{
visibility: hidden;
}
.nav_icos_fullscreen ul li.cur_collide span
{
display: none;
}
.nav_icos_fullscreen .nav_bottom_bar
{
width: 100%;
height: 100px;
border-top: solid 1px #ddd;
position: fixed;
bottom: 0;
left: 0;
line-height: 100px;
display: block;
}
.nav_icos_fullscreen .nav_bottom_bar a
{
color: #999;
border: solid 1px #ddd;
background-color: #fff;
font-size: 14px;
padding: .6em 2em;
}
.nav_icos_fullscreen .nav_bottom_bar .seaui-btn-radius
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.nav_icos_fullscreen .nav_bottom_bar .seaui-btn-info
{
background-color: #00a0ea;
border-color: #0080b9;
color: #fff;
}
@-webkit-keyframes shake
{
0%,100%
{
left: 50%;
top: 50%;
}
25%,75%
{
left: 50.5%;
top: 50.5%;
}
50%
{
left: 49.5%;
top: 49.5%;
}
}
@-moz-keyframes shake
{
0%,100%
{
left: 50%;
top: 50%;
}
25%,75%
{
left: 50.5%;
top: 50.5%;
}
50%
{
left: 49.5%;
top: 49.5%;
}
}
@-ms-keyframes shake
{
0%,100%
{
left: 50%;
top: 50%;
}
25%,75%
{
left: 50.5%;
top: 50.5%;
}
50%
{
left: 49.5%;
top: 49.5%;
}
}
@-o-keyframes shake
{
0%,100%
{
left: 50%;
top: 50%;
}
25%,75%
{
left: 50.5%;
top: 50.5%;
}
50%
{
left: 49.5%;
top: 49.5%;
}
}
@keyframes shake
{
0%,100%
{
left: 50%;
top: 50%;
}
25%,75%
{
left: 50.5%;
top: 50.5%;
}
50%
{
left: 49.5%;
top: 49.5%;
}
}
.ico_default
{
width: 72px;
height: 72px;
background: #ddb90f url('../img/icons.png') no-repeat 0 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: block;
margin: 0 auto;
}
.icon_bg_1
{
background-position: 0 0;
background-color: #54ce9f;
}
.icon_bg_2
{
background-position: -72px 0;
background-color: #c978db;
}
.icon_bg_3
{
background-position: -144px 0;
background-color: #629ad3;
}
.icon_bg_4
{
background-position: -216px 0;
background-color: #be7171;
}
.icon_bg_5
{
background-position: -288px 0;
background-color: #67be69;
}
.icon_bg_6
{
background-position: -360px 0;
background-color: #e6a32d;
}
.icon_bg_7
{
background-position: -432px 0;
background-color: #4bb2ee;
}
.icon_bg_8
{
background-position: -504px 0;
background-color: #ddb90f;
}
.icon_bg_9
{
background-position: -576px 0;
background-color: #54ce9f;
}
.icon_bg_10
{
background-position: -648px 0;
background-color: #c978db;
}
.icon_bg_11
{
background-position: -720px 0;
background-color: #629ad3;
}
.icon_bg_12
{
background-position: -792px 0;
background-color: #be7171;
}
.icon_bg_13
{
background-position: -864px 0;
background-color: #67be69;
}
.icon_bg_14
{
background-position: -936px 0;
background-color: #e6a32d;
}
.icon_bg_15
{
background-position: -1008px 0;
background-color: #4bb2ee;
}
.icon_bg_16
{
background-position: -1080px 0;
background-color: #ddb90f;
}
.icon_bg_17
{
background-position: -1152px 0;
background-color: #54ce9f;
}
.icon_bg_18
{
background-position: -1224px 0;
background-color: #c978db;
}
.icon_bg_19
{
background-position: -1296px 0;
background-color: #629ad3;
}
.icon_bg_20
{
background-position: -1368px 0;
background-color: #be7171;
}
.icon_bg_21
{
background-position: -1440px 0;
background-color: #67be69;
}
.icon_bg_22
{
background-position: -1512px 0;
background-color: #e6a32d;
}
.icon_bg_23
{
background-position: -1584px 0;
background-color: #4bb2ee;
}
.icon_bg_24
{
background-position: -1656px 0;
background-color: #ddb90f;
}
.icon_bg_25
{
background-position: -1728px 0;
background-color: #54ce9f;
}
.icon_bg_26
{
background-position: -1800px 0;
background-color: #c978db;
}
.icon_bg_27
{
background-position: -1872px 0;
background-color: #629ad3;
}
.icon_bg_28
{
background-position: -1944px 0;
background-color: #be7171;
}
.icon_bg_29
{
background-position: -2016px 0;
background-color: #67be69;
}
.icon_bg_30
{
background-position: -2088px 0;
background-color: #e6a32d;
}
.icon_bg_31
{
background-position: -2160px 0;
background-color: #4bb2ee;
}
.icon_bg_32
{
background-position: -2232px 0;
background-color: #ddb90f;
}
.icon_bg_33
{
background-position: -2304px 0;
background-color: #54ce9f;
}
.ico_plus
{
background: url('../img/m.png') no-repeat 14px -88px #ddd;
}
.fn_icos_btn
{
text-align: center;
}
.fn_icos_btn li
{
display: inline-block;
*display: inline;
*zoom: 1;
width: 35px;
height: 15px;
background-color: #ddd;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
-ms-border-radius: 0 0 3px 3px;
-o-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
margin: 0 .3em;
cursor: pointer;
transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
}
.fn_icos_btn li.active, .fn_icos_btn li:hover
{
background-color: #69c6f1;
}
.fn_icos_btn:after
{
content: "";
clear: both;
display: block;
}
@-webkit-keyframes rotate360
{
0%
{
width: 280px;
height: 280px;
left: 5px;
top: 5px;
}
50%
{
width: 200px;
height: 200px;
left: 45px;
top: 45px;
-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 50px rgba(0,0,0,0.4);
box-shadow: 0 0 50px rgba(0,0,0,0.4);
}
100%
{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.nav_icos_manager_container
{
display: none;
}
.nav_icos_manager
{
max-height: 400px;
overflow-y: auto;
position: relative;
}
.nav_im_tabs
{
display: block;
height: 40px;
line-height: 40px;
border-bottom: solid 1px #ddd;
position: relative;
padding: 0;
}
.nav_im_tabs li
{
display: inline-block;
*display: inline;
*zoom: 1;
padding-right: 25px;
text-align: center;
}
.nav_im_tabs li a
{
font-size: 14px;
color: #999;
display: block;
padding: 0 5px;
position: relative;
}
.nav_im_tabs li.active a
{
color: #00a0e9;
font-weight: bold;
font-size: 14px;
}
.nav_im_tabs li.active a em
{
border-bottom: solid 2px #00a0e9;
display: block;
width: 100%;
position: absolute;
top: 39px;
left: 0;
}
.nav_im_tlist
{
display: block;
position: relative;
}
.nav_im_tlist:after
{
content: "";
clear: both;
display: block;
}
.nav_im_tlist h3
{
display: block;
font-size: 14px;
color: #333;
padding: 15px 0;
}
.nav_im_tlist h3:after
{
content: "";
clear: both;
display: block;
}
.nav_im_tabslist
{
position: relative;
display: block;
font-size: 0;
}
.nav_im_tabslist:after
{
content: "";
clear: both;
display: block;
}
.nav_im_tabslist li
{
display: inline-block;
*display: inline;
*zoom: 1;
padding-right: 15px;
padding-bottom: 10px;
}
.nav_im_tabslist li a
{
font-size: 14px;
display: block;
color: #999;
background-color: #eee;
padding: .5em 1em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.nav_im_tabslist li.active a
{
background-color: #55cda0;
color: #fff;
}
.conlist
{
font-size: 0;
margin-left: 15px;
margin-bottom: 15px;
margin-left: calc(0vw);
}
.conlist .m
{
padding-left: 0;
padding-right: 0;
}
.conl_item_l, .conl_item_r
{
display: inline-block;
*display: inline;
*zoom: 1;
width: 65%;
vertical-align: top;
}
.conl_item_l
{
margin-left: 1%;
}
.conl_item_r
{
width: 34%;
}
.conlist_item
{
display: block;
background-color: none;
width: 100%;
font-size: 12px;
margin-top: 15px;
vertical-align: top;
}
.conlist_item .conlist_item_border
{
border: solid 1px #fff;
border-bottom-color: #bbb;
background-color: #fff;
margin-right: 15px;
position: relative;
padding-bottom: 15px;
}
.conlist_item .conlist_item_border .clitem_title
{
height: 40px;
border-bottom: solid 1px #ddd;
margin-left: 15px;
margin-right: 15px;
line-height: 40px;
transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-webkit-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
text-align: left;
}
.conlist_item .conlist_item_border .clitem_title h2
{
font-size: 14px;
color: #333;
font-family: '微软雅黑';
position: relative;
text-indent: 25px;
z-index: 0;
line-height: 42px;
}
.conlist_item .conlist_item_border .clitem_title h2 .clt_icos
{
display: inline-block;
*display: inline;
*zoom: 1;
background: url('../img/m.png') no-repeat -562px -173px;
height: 20px;
width: 20px;
position: absolute;
left: 0;
top: 9px;
}
.conlist_item .conlist_item_border .clitem_title h2 .clt_dbyw
{
background-position: -562px -254px;
}
.conlist_item .conlist_item_border .clitem_title h2 .clt_fqrw
{
background-position: -562px -334px;
}
.conlist_item .conlist_item_border .clitem_title h2 .clt_xwzx
{
background-position: -562px -414px;
}
.conlist_item .conlist_item_border .clitem_title h2 .clt_yjxx
{
background-position: -562px -212px;
}
.conlist_item .conlist_item_border .clitem_title h2 .clt_rlrc
{
background-position: -562px -293px;
}
.conlist_item .conlist_item_border .clitem_title h2 .clt_wdzx
{
background-position: -562px -373px;
}
.conlist_item .conlist_item_border .clitem_title h2 .clt_tzgg
{
background-position: -562px -454px;
}
.conlist_item .conlist_item_border .clitem_title ul
{
position: absolute;
right: 6px;
z-index: 1;
}
.conlist_item .conlist_item_border .clitem_title ul li
{
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
transition: transform .4s ease-in-out;
-moz-transition: transform .4s ease-in-out;
-webkit-transition: transform .4s ease-in-out;
-o-transition: transform .4s ease-in-out;
margin: 10px 8px 0 0;
vertical-align: top;
line-height: 1.6;
color: #999;
}
.conlist_item .conlist_item_border .clitem_title ul li a
{
display: block;
background: url('../img/m.png') no-repeat -325px -63px;
width: 18px;
height: 18px;
}
.conlist_item .conlist_item_border .clitem_title ul li a:hover
{
background-position: -461px -62px;
}
.conlist_item .conlist_item_border .clitem_title ul li.data_goback
{
display: none;
}
.conlist_item .conlist_item_border .clitem_title ul li.data_goback a
{
background-position: -75px -100px;
}
.conlist_item .conlist_item_border .clitem_title ul li.data_goback a:hover
{
background-position: -116px -100px;
}
.conlist_item .conlist_item_border .clitem_title ul li.refreshe:active
{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.conlist_item .conlist_item_border .clitem_title ul li.data_sdata
{
font-size: 12px;
color: #333;
margin-top: 11px;
position: relative;
display: none;
}
.conlist_item .conlist_item_border .clitem_title ul li.add_plus a
{
background-position: -362px -244px;
}
.conlist_item .conlist_item_border .clitem_title ul li.add_plus a:hover
{
background-position: -394px -244px;
}
.conlist_item .conlist_item_border .clitem_title ol
{
position: absolute;
left: 50%;
margin-left: -60px;
z-index: 3;
font-size: 0;
padding-top: 4px;
}
.conlist_item .conlist_item_border .clitem_title ol li
{
display: inline-block;
*display: inline;
*zoom: 1;
background-color: #fff;
height: 24px;
line-height: 24px;
font-size: 12px;
border: solid 1px #00a0e9;
padding: 0 1em;
cursor: pointer;
border-radius: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.conlist_item .conlist_item_border .clitem_title ol li.active
{
background-color: #00a0e9;
}
.conlist_item .conlist_item_border .clitem_title ol li.active a
{
color: #fff;
}
.conlist_item .conlist_item_border .clitem_title ol li.bmnews
{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.conlist_item .conlist_item_border .clitem_title ol li a, .conlist_item .conlist_item_border .clitem_title ol li a:hover
{
display: block;
text-decoration: none;
}
.global-pages { margin-top: 5px; }
.global-pages li { display: inline-block; *display: inline; *zoom: 1; color: #999; padding: 0 3px; }
.global-pages li a { display: block; padding: 4px 10px; border: solid 1px #ddd; }
.global-pages li a:hover { text-decoration: none; background-color: #f3f3f3; }
.global-pages li.active a { background-color: #69c6f1;border-color:#69c6f1; }
.global-pages li.disabled a, .global-pages li.disabled a:hover { background-color: #f3f3f3; cursor: default; color: #aaa; }
.clt_xwzt_r .global-pages, .clitem_con .global-pages{position: absolute;bottom: 8px;left: 0;right: 0;}
.conlist_item .conlist_item_border .clitem_con
{
padding: 15px;
line-height: 1.5;
font-size: 12px;
text-align: left;
height: 200px;
overflow: hidden;
position: relative;
}
.conlist_item .conlist_item_border .clitem_con:hover
{
overflow-y: auto;
}
.conlist_item_collide .conlist_item_border
{
border: dashed 1px #be7171;
background-color: #f5ebeb;
}
.conlist_item_collide .clitem_con
{
display: none;
}
.conlist_item_collide .clitem_title
{
visibility: hidden;
background-color: #f5ebeb;
}
.alert_info_list
{
margin-top: -15px;
}
.alert_info_list li
{
display: block;
padding: 15px 0;
border-bottom: dotted 1px #ddd;
}
.alert_info_list li .alert_info_container
{
border-left: 2px solid #f16565;
padding-left: 15px;
}
.alert_info_list li .alert_info_container b, .alert_info_list li .alert_info_container em
{
display: block;
width: 100%;
color: #666;
font-size: 14px;
}
.alert_info_list li .alert_info_container em
{
color: #999;
padding: 2px 0;
font-size: 12px;
}
.alert_info_list li.green .alert_info_container
{
border-left-color: #54ce9f;
}
.alert_info_list li.blue .alert_info_container
{
border-left-color: #00a0e9;
}
.home_news_list
{
position: relative;
}
.home_news_list li
{
display: block;
position: relative;
padding: 5px 0;
line-height: 1.7;
}
.home_news_list li:before
{
content: "● ";
color: #bbb;
line-height: 1;
}
.home_news_list li > span
{
position: absolute;
right: 0;
color: #bbb;
}
.home_news_list li a
{
color: #666;
font-size: 14px;
}
.calendar_list li
{
border-bottom: dotted 1px #ddd;
}
.calendar_list li:before
{
content: "";
}
.calendar_list li span
{
right: 5px;
}
.calendar_list li input.checkbox_calendar
{
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
z-index: 1;
width: 14px;
height: 14px;
}
.calendar_list li a, .calendar_list li a:hover
{
text-decoration: none;
cursor: default;
width: 82%;
padding-left: 20px;
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
}
.pic_scroll
{
width: 230px;
height: 190px;
background-color: #eee;
position: absolute;
overflow: hidden;
}
.clt_xwzt_r
{
position: relative;
height: 100%;
background-color: #fff;
margin-left: 260px;
top: 0;
left: 0;
vertical-align: top;
overflow: hidden;
}
.file_download_list li
{
display: block;
overflow: hidden;
padding-bottom: 6px;
margin-bottom: 6px;
border-bottom: dotted 1px #ddd;
position: relative;
}
.file_download_list li:after
{
content: "";
clear: both;
display: block;
}
.file_download_list li em
{
background: url('../img/m.png') no-repeat -89px -171px;
position: absolute;
display: block;
width: 25px;
height: 33px;
left: 0;
top: 5px;
}
.file_download_list li em.rar
{
background-position: -134px -171px;
}
.file_download_list li em.pdf
{
background-position: -1px -171px;
}
.file_download_list li em.ppt
{
background-position: -45px -171px;
}
.file_download_list li div.fdl_infos
{
margin-left: 35px;
margin-right: 48px;
line-height: 1.7;
}
.file_download_list li div.fdl_infos h2
{
font-size: 14px;
color: #666;
}
.file_download_list li div.fdl_infos span
{
color: #bbb;
}
.file_download_list li a
{
position: absolute;
display: block;
width: 16px;
height: 14px;
background: url('../img/m.png') no-repeat -153px -102px;
right: 0;
top: 13px;
}
.cli_business_items
{
position: relative;
}
.cli_business_items .cli_bitime
{
background-color: #00a0e9;
width: 70px;
display: block;
padding: .1em 0;
color: #fff;
text-align: center;
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-ms-border-radius: 15px 15px 15px 15px;
-o-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
position: absolute;
top: 10px;
}
.cli_business_items ul
{
position: relative;
margin-left: 90px;
}
.cli_business_items ul li
{
display: block;
width: 100%;
position: relative;
border-left: solid 2px #ddd;
padding-bottom: 7px;
}
.cli_business_items ul li:after
{
content: "";
clear: both;
display: block;
}
.cli_business_items ul li a
{
background-color: #e9f0f3;
border: solid 1px #e0e7ea;
margin-left: 25px;
padding: .8em 1em;
float: left;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-ms-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.cli_business_items ul li span.time
{
color: #bbb;
float: left;
margin-left: 15px;
top: 10px;
position: relative;
margin-bottom: 15px;
height: 21px;
background: url('../img/m.png') no-repeat -563px -485px;
text-indent: 20px;
}
.cli_business_items ul li div.oter
{
position: absolute;
top: 0;
left: 0;
}
.cli_business_items ul li div.oter em
{
display: block;
background-color: #00a0e9;
width: 6px;
height: 6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: solid 3px #fff;
position: absolute;
left: -7px;
top: 15px;
}
.cli_business_items ul li div.oter b
{
width: 0;
height: 0;
padding: 0;
margin: 0;
overflow: hidden;
position: absolute;
border-width: 10px;
border-color: transparent #e0e7ea transparent transparent;
border-style: dashed solid dashed dashed;
left: 6px;
top: 10px;
}
.cli_business_items ul li div.oter i
{
width: 0;
height: 0;
padding: 0;
margin: 0;
overflow: hidden;
position: absolute;
border-width: 9px;
border-color: transparent #e9f0f3 transparent transparent;
border-style: dashed solid dashed dashed;
left: 8px;
top: 11px;
}
.clit_dashboard
{
width: 32.5%;
height: 190px;
display: inline-block;
*display: inline;
*zoom: 1;
overflow: hidden;
padding-top: 20px;
}
.cdb_container
{
width: 190px;
height: 190px;
margin: 0 auto;
}
.calendar
{
position: relative;
transition: transform .4s ease-in-out;
-moz-transition: transform .4s ease-in-out;
-webkit-transition: transform .4s ease-in-out;
-o-transition: transform .4s ease-in-out;
}
.calendar_detail
{
position: absolute;
overflow: hidden;
top: 0;
bottom: 60px;
background-color: #fff;
width: 94%;
display: none;
transition: transform .4s ease-in-out;
-moz-transition: transform .4s ease-in-out;
-webkit-transition: transform .4s ease-in-out;
-o-transition: transform .4s ease-in-out;
}
.calendar_detail:hover
{
overflow: auto;
}
.cd_fnlist
{
position: absolute;
bottom: 0;
width: 94%;
height: 50px;
line-height: 50px;
left: 5px;
display: none;
}
.cd_fnlist .delete_detail
{
background: #f6f6f6 url('../img/m.png') no-repeat -172px -86px;
width: 40px;
height: 45px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
display: none;
border: solid 1px #ddd;
}
.cd_fnlist .delete_detail:hover
{
background-color: #eee;
}
.cd_fnlist .cdfn_add
{
position: absolute;
left: 10px;
right: -10px;
height: 45px;
border: solid 1px #ddd;
top: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.cd_fnlist .cdfn_add .seaui-btn
{
position: absolute;
right: 10px;
top: 9px;
}
.cd_fnlist .cdfn_add em
{
display: block;
margin-right: 140px;
background-color: #ddd;
position: relative;
}
.cd_fnlist .cdfn_add input.rcinputs
{
position: absolute;
width: 100%;
top: 8px;
left: 5px;
height: 31px;
border: none;
line-height: 31px;
font-size: 14px;
color: #333;
outline: none;
}
.cd_fnlist .cdfn_add .caledar_icos
{
width: 16px;
height: 16px;
background: url('../img/m.png') no-repeat -309px -182px;
display: block;
position: absolute;
right: 100px;
top: 50%;
margin-top: -8px;
cursor: pointer;
}
.cd_fnlist .cdfn_add .selectTime
{
position: absolute;
z-index: 3;
top: -52px;
background-color: #fff;
border: solid 1px #ddd;
right: -1px;
left: -1px;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
text-align: center;
background-color: #f3f3f3;
color: #666;
display: none;
}
.cd_fnlist .cdfn_add .selectTime select
{
height: 26px;
line-height: 26px;
}
.cd_fnlist .cdfn_add .selectTime b.trangles
{
width: 0;
height: 0;
padding: 0;
margin: 0;
overflow: hidden;
border-width: 8px;
border-color: #ddd transparent transparent transparent;
border-style: solid dashed dashed dashed;
position: absolute;
bottom: -16px;
right: 102px;
}
.cd_fnlist .cdfn_add .selectTime b.tranglesb
{
width: 0;
height: 0;
padding: 0;
margin: 0;
overflow: hidden;
border-width: 7px;
border-color: #f3f3f3 transparent transparent transparent;
border-style: solid dashed dashed dashed;
position: absolute;
bottom: -13px;
right: 103px;
}
@media (max-width:768px)
{
.conlist
{
margin-left: 5px;
margin-bottom: 5px;
}
.conlist_item
{
width: 100%;
margin-top: 5px;
}
.conlist_item .conlist_item_border
{
margin-right: 5px;
}
}
.messages
{
width: 500px;
height: 100%;
display: none;
top: 0;
right: -500px;
position: absolute;
background-color: #eee;
-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 30px rgba(0,0,0,0.4);
box-shadow: 0 0 30px rgba(0,0,0,0.4);
z-index: 500;
}
.messages .searchBar_mess
{
padding-top: 62px;
}
.messages .searchBar_mess:after
{
content: "";
clear: both;
display: block;
}
.messages .m
{
background-color: #fff;
}
.messages .messBtns
{
padding: 12px 0;
font-size: 0;
}
.messages .messBtns a
{
margin-right: 8px;
}
.messages .messBtns .del
{
float: right;
margin-right: 0;
}
.messages .messBtns:after
{
content: "";
clear: both;
display: block;
}
.messages .mess_infos
{
text-align: center;
padding-bottom: 15px;
display: none;
}
.messages .mess_infos a
{
color: #00a0e9;
}
.messages .mess_list {
padding-top: 15px;
border-top: solid 1px #bbb;
overflow-x: hidden;
height: 80%;
overflow-y: auto;
}
.messages .mess_list ul
{
margin-left: 15px;
margin-right: 15px;
height: 100%;
}
.messages .mess_list ul li
{
display: block;
padding: 15px 20px;
background-color: #fff;
margin-bottom: 9px;
position: relative;
border-bottom: solid 1px #bbb;
}
.messages .mess_list ul li .mesl_title
{
border-bottom: dotted 1px #999;
padding-bottom: 5px;
}
.messages .mess_list ul li .mesl_title span
{
width: 25px;
height: 22px;
cursor: pointer;
float: left;
background: url('../img/m.png') -164px -131px no-repeat;
}
.messages .mess_list ul li .mesl_title h3
{
font-size: 14px;
height: 22px;
float: left;
line-height: 24px;
}
.messages .mess_list ul li .mesl_title i
{
float: right;
color: #999;
font-style: normal;
}
.messages .mess_list ul li .mesl_title b
{
float: right;
background: url('../img/m.png') -282px -135px no-repeat;
width: 25px;
height: 22px;
}
.messages .mess_list ul li .mesl_title div
{
float: left;
width: 100%;
color: #999;
padding: 5px 0;
font-size: 12px;
display: none;
}
.messages .mess_list ul li .mesl_title:after
{
content: "";
clear: both;
display: block;
}
.messages .mess_list ul li .mesl_cont
{
float: left;
width: 100%;
padding: 10px 0;
font-size: 12px;
color: #333;
line-height: 1.6;
position: relative;
}
.messages .mess_list ul li .mesl_cont .mesl_cbag
{
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.messages .mess_list ul li .mesl_cont em.slidedown
{
position: absolute;
width: 53px;
cursor: pointer;
height: 20px;
display: none;
left: 50%;
margin-left: -22.5px;
bottom: -15px;
background: url('../img/m.png') -496px -135px no-repeat;
}
.messages .mess_list ul li:after
{
content: "";
clear: both;
display: block;
}
.messages .mess_list ul li:hover em.slidedown
{
display: block;
}
.messages .mess_list ul li.checked .mesl_title span
{
background-position: -204px -131px;
}
.messages .mess_list ul li.isread .mesl_title b
{
background-position: -241px -135px;
}
.messages .mess_list ul li.expand
{
border-top: solid 2px #00a0e9;
}
.messages .mess_list ul li.expand .mesl_title div
{
display: block;
}
.messages .mess_list ul li.expand .mesl_title b
{
background-position: -68px -133px;
cursor: pointer;
}
.messages .mess_list ul li.expand .mesl_title b:hover
{
background-position: -473px -133px;
}
.messages .mess_list ul li.expand .mesl_cont .mesl_cbag
{
overflow: auto;
height: auto;
text-overflow: auto;
white-space: normal;
}
.messages .mess_list ul li.expand .mesl_cont em.slidedown
{
background-position: -102px -135px;
display: block;
}
input[type='text']
{
height: 30px;
}
.searchBar
{
width: 100%;
height: 30px;
line-height: 30px;
border: none;
outline: none;
color: #999;
background: #f4f4f4 url('../img/m.png') -558px -126px no-repeat;
text-indent: 30px;
-webkit-border-top-left-radius: 30px;
-moz-border-top-left-radius: 30px;
-ms-border-top-left-radius: 30px;
-o-border-top-left-radius: 30px;
border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-bottom-left-radius: 30px;
-ms-border-bottom-left-radius: 30px;
-o-border-bottom-left-radius: 30px;
border-bottom-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-top-right-radius: 30px;
-ms-border-top-right-radius: 30px;
-o-border-top-right-radius: 30px;
border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-bottom-right-radius: 30px;
-ms-border-bottom-right-radius: 30px;
-o-border-bottom-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.g_buttons, .g_buttons_disabled
{
padding: .5em 1em;
border: #ddd solid 1px;
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.g_buttons:hover, .g_buttons_disabled:hover
{
text-decoration: none;
background-color: #f4f4f4;
}
.g_buttons_disabled, .g_buttons_disabled_disabled, .g_buttons_disabled:hover, .g_buttons_disabled_disabled:hover
{
color: #999;
font-size: 14px;
background-color: #fff;
filter: alpha(opacity= 80);
-webkit-opacity: .8;
-ms-opacity: .8;
opacity: .8;
cursor: default;
}
.workbench
{
position: absolute;
z-index: 501;
width: 100%;
left: 0;
top: 48px;
bottom: 0;
overflow: hidden;
background-color: #eee;
display: none;
}
.workbench .workbench_container
{
position: absolute;
background-color: #fff;
left: 30px;
right: 30px;
top: 30px;
bottom: 30px;
overflow: hidden;
min-width: 1100px;
}
.worb_header
{
height: 60px;
border-bottom: solid 1px #ddd;
margin-left: 30px;
margin-right: 30px;
position: relative;
}
.worb_header .searchBar_mess
{
width: 350px;
position: absolute;
right: 40px;
top: 16px;
}
.worb_header .workbench_close
{
display: block;
width: 25px;
height: 25px;
background: url('../img/m.png') -413px -130px no-repeat;
right: 0;
position: absolute;
top: 18px;
}
.worb_header .workbench_close:hover
{
background-position: -358px -213px;
}
.worb_header ul li
{
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 35px;
height: 59px;
line-height: 70px;
cursor: pointer;
position: relative;
text-indent: 20px;
font-size: 16px;
}
.worb_header ul li a
{
color: #999;
}
.worb_header ul li a em
{
display: inline-block;
*display: inline;
*zoom: 1;
width: 16px;
height: 21px;
background: url('../img/m.png') -2px -214px no-repeat;
position: absolute;
left: 0;
top: 24px;
}
.worb_header ul li a.yqgz em
{
background-position: -44px -214px;
}
.worb_header ul li a.ybgz em
{
background-position: -86px -214px;
}
.worb_header ul li a.bjgz em
{
background-position: -128px -214px;
}
.worb_header ul li.active
{
border-bottom: solid 2px #00a0e9;
}
.worb_header ul li.active a
{
color: #00a0e9;
font-weight: bold;
}
.worb_header ul li.active a em
{
background-position: -2px -245px;
}
.worb_header ul li.active a.yqgz em
{
background-position: -44px -245px;
}
.worb_header ul li.active a.ybgz em
{
background-position: -86px -245px;
}
.worb_header ul li.active a.bjgz em
{
background-position: -128px -245px;
}
.worb_header ul li a:hover
{
text-decoration: none;
}
.worb_header .worb_work_reback
{
position: absolute;
top: 20px;
width: 50%;
text-align: right;
left: -55%;
}
.worb_header .worb_work_reback span
{
font-weight: bold;
color: #333;
font-size: 16px;
}
.worb_header .worb_work_reback a
{
position: absolute;
left: 0;
font-size: 16px;
font-family: '微软雅黑';
color: #00a0e9;
display: block;
font-weight: bold;
}
.worb_header .worb_work_reback a:hover
{
text-decoration: none;
}
.worb_cons
{
position: absolute;
left: 0;
top: 98px;
right: 0;
bottom: 30px;
}
.worb_cons_left
{
width: 180px;
border-right: solid 1px #ddd;
height: 100%;
position: absolute;
left: 0;
overflow-y: auto;
}
.worb_cons_left .publish_work
{
width: 120px;
height: 36px;
border: #d68d0d 1px solid;
text-indent: 25px;
margin: 0 auto 30px auto;
background: #f7a20e url('../img/m.png') -551px -523px no-repeat;
display: block;
text-align: center;
line-height: 36px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-size: 16px;
font-weight: bold;
}
.worb_cons_left .publish_work:hover
{
background-color: #ec9b0e;
text-decoration: none;
}
.worb_cons_left .publish_work:active
{
background-color: #df930e;
}
.worb_cons_left ul li a
{
display: block;
padding: 14px 0;
font-size: 14px;
color: #999;
text-indent: 65px;
*padding-left: 65px;
position: relative;
}
.worb_cons_left ul li a em
{
width: 16px;
height: 16px;
position: absolute;
display: block;
background: url('../img/m.png') -171px -218px no-repeat;
top: 16px;
left: 40px;
}
.worb_cons_left ul li a.cwgz em
{
background-position: -209px -218px;
}
.worb_cons_left ul li a.kqgz em
{
background-position: -248px -218px;
}
.worb_cons_left ul li a.rsgz em
{
background-position: -286px -218px;
}
.worb_cons_left ul li a.xzgz em
{
background-position: -323px -218px;
}
.worb_cons_left ul li a:hover
{
background-color: #d9eaf2;
text-decoration: none;
}
.worb_cons_left ul li.active a
{
color: #00a0e9;
font-weight: bold;
}
.worb_cons_left ul li.active a em
{
background-position: -171px -246px;
}
.worb_cons_left ul li.active a.cwgz em
{
background-position: -209px -246px;
}
.worb_cons_left ul li.active a.kqgz em
{
background-position: -248px -246px;
}
.worb_cons_left ul li.active a.rsgz em
{
background-position: -286px -246px;
}
.worb_cons_left ul li.active a.xzgz em
{
background-position: -323px -246px;
}
.worb_cons_left .bench_other_wtitle
{
font-size: 14px;
padding: 20px 0 10px 40px;
border-top: solid 1px #ddd;
}
.worb_cons_left .bench_other_w li a
{
text-indent: 40px;
color: #333;
padding: 9px 0;
}
.worb_cons_left .bench_other_w li a span
{
color: #f16565;
}
.worb_cons_right, .mess_add_work
{
background-color: #fff;
position: relative;
height: 100%;
margin-left: 210px;
margin-right: 30px;
overflow: hidden;
}
.worb_cons_right:hover, .mess_add_work:hover
{
overflow-y: auto;
}
.worbcr_items
{
border: solid 1px #ddd;
border-left: solid 2px #54ce9f;
padding: 18px 0;
position: relative;
overflow: hidden;
margin-bottom: 12px;
}
.worbcr_items:hover
{
background-color: #f8f8f8;
}
.worbcr_items .worbcr_i_lf
{
width: 360px;
padding: 0 20px;
border-right: solid 1px #ddd;
min-height: 40px;
}
.worbcr_items .worbcr_i_lf h3
{
color: #333;
font-size: 14px;
}
.worbcr_items .worbcr_i_lf em
{
color: #999;
font-size: 12px;
padding-top: 5px;
display: block;
}
.worbcr_items .worbcr_i_rtj
{
position: absolute;
left: 420px;
top: 18px;
right: 20px;
overflow: hidden;
height: 40px;
}
.worbcr_items .worbir_italic, .worbcr_items .worbir_btns
{
width: 100%;
height: 40px;
overflow: hidden;
position: relative;
}
.worbcr_items .worbir_italic
{
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}
.worbcr_items .worbir_italic em
{
position: absolute;
display: block;
width: 130px;
height: 20px;
line-height: 20px;
top: 10px;
color: #999;
}
.worbcr_items .worbir_italic em.timefr
{
right: 0;
left: auto;
text-align: right;
}
.worbcr_items .worbir_it_squ
{
margin: 0 130px;
position: relative;
height: 10px;
top: 15px;
}
.worbcr_items .worbir_it_squ b, .worbcr_items .worbir_it_squ span
{
width: 100%;
position: relative;
height: 10px;
background-color: #ddd;
display: block;
top: 0;
}
.worbcr_items .worbir_it_squ span
{
background-color: #54ce9f;
position: absolute;
z-index: 1;
}
.worbcr_items .worbir_it_squ em
{
width: 150px;
display: block;
position: absolute;
top: -20px;
line-height: 1.5;
left: 50%;
margin-left: -50px;
color: #54ce9f;
}
.worbcr_items .worbir_btns
{
position: absolute;
top: 0;
z-index: 3;
line-height: 40px;
width: auto;
right: -450px;
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}
.worbcr_items .worbir_btns a.lims_btn
{
background-color: #00a0e9;
border: solid 1px #0181bb;
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-left: 13px;
}
.worbcr_items .worbcr_i_rtj:hover .worbir_italic
{
filter: alpha(opacity= 0);
-webkit-opacity: 0;
-ms-opacity: 0;
opacity: 0;
}
.worbcr_items .worbcr_i_rtj:hover .worbir_btns
{
right: 0;
}
.worbcr_items_overtime
{
border-left: solid 2px #f16565;
}
.worbcr_items_overtime .worbir_it_squ span
{
background-color: #f16565;
}
.worbcr_items_overtime .worbir_it_squ em
{
color: #f16565;
}
.mess_add_work
{
font-size: 0;
display: none;
}
.messaw_item
{
display: inline-block;
*display: inline;
*zoom: 1;
width: 31%;
font-size: 14px;
margin-left: 2.33%;
margin-bottom: 1.33%;
position: relative;
border-top: solid 1px #fff;
}
.messaw_item em
{
height: 46px;
line-height: 46px;
text-align: center;
display: block;
color: #333;
border: solid 1px #ddd;
}
.messaw_item .mesi_f
{
position: absolute;
width: 100%;
background-color: #fff;
top: 47px;
display: none;
z-index: 1;
}
.messaw_item .mesi_fns
{
border: solid 1px #ddd;
border-top: none;
height: 65px;
}
.messaw_item .mesi_fns ul
{
display: block;
margin: 0 15px;
border-top: solid 1px #ddd;
height: 65px;
line-height: 65px;
text-align: center;
}
.messaw_item .mesi_fns ul li
{
display: inline-block;
*display: inline;
*zoom: 1;
cursor: pointer;
width: 23%;
position: relative;
text-align: left;
text-indent: 20px;
color: #999;
}
.messaw_item .mesi_fns ul li:hover
{
color: #333;
}
.messaw_item .mesi_fns ul li:hover.delete
{
color: #f16565;
}
.messaw_item .mesi_fns ul li span
{
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 0;
background: url('../img/m.png') no-repeat -315px -134px;
top: 50%;
margin-top: -10px;
}
.messaw_item .mesi_fns ul li.view span
{
background-position: -339px -134px;
}
.messaw_item .mesi_fns ul li.design span
{
background-position: -363px -134px;
}
.messaw_item .mesi_fns ul li.delete span
{
background-position: -388px -134px;
}
.messaw_item:hover
{
border-top: solid 1px #00a0e9;
}
.messaw_item:hover em
{
border-top: solid 1px #00a0e9;
}
.messaw_item:hover .mesi_f
{
display: block;
}
.entrust_container
{
display: none;
}
.entrust_user
{
height: 60px;
border: solid 1px #ddd;
background-color: #fff;
width: 98%;
position: relative;
padding-bottom: 5px;
}
.entrust_user .enu_adduser
{
position: absolute;
right: 20px;
top: 50%;
width: 20px;
height: 20px;
background: url('../img/m.png') no-repeat -271px -180px;
display: block;
margin-top: -10px;
cursor: pointer;
}
.entrust_user .enu_list
{
margin-right: 30px;
}
.entrust_user .enu_list li
{
display: inline;
}
.entrust_user .enu_list li a
{
display: inline-block;
*display: inline;
*zoom: 1;
height: 20px;
line-height: 20px;
margin-left: 2px;
margin-right: 5px;
width: 20px;
border: solid 1px #ddd;
margin-top: 5px;
padding: 0;
text-align: center;
color: #666;
background-color: #ddd;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.entrust_user .enu_list li a em
{
display: block;
position: absolute;
width: 15px;
height: 15px;
background: url('../img/m.png') no-repeat -418px -135px;
right: 5px;
top: 50%;
margin-top: -7.5px;
}
.entrust_user .enu_list li a:hover
{
text-decoration: none;
background-color: #f16565;
color: #fff;
}
.entrust_user .enu_list li a:hover em
{
background-position: -3px -274px;
}
.entrust_user .enu_user_list
{
position: absolute;
right: 15px;
border: solid 1px #ddd;
background-color: #fff;
width: 120px;
z-index: 9999;
max-height: 200px;
overflow: auto;
display: none;
right: 25px;
top: 0;
}
.entrust_user .enu_user_list li
{
padding: 0;
}
.entrust_user .enu_user_list li a
{
display: block;
padding: 10px 15px;
}
.entrust_user .enu_user_list li a:hover
{
background-color: #f2f2f2;
text-decoration: none;
}
.delay_container
{
display: none;
}
.delay_bench
{
position: relative;
text-align: center;
}
.delay_bench_titles
{
width: 100%;
text-align: center;
padding: 2em 0;
}
.delay_bench_titles em
{
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 10px;
color: #666;
cursor: pointer;
}
.delay_bench_titles em.active
{
color: #00a0e9;
font-weight: bold;
}
.delay_bench_items
{
position: relative;
margin-left: 15px;
}
.delay_bench_items em
{
display: inline-block;
*display: inline;
*zoom: 1;
width: auto;
font-size: 14px;
color: #333;
position: relative;
}
.g_dia_select
{
height: 32px;
line-height: 32px;
border: solid 1px #ddd;
margin-left: 5px;
outline: none;
}
.delay_bi_dec
{
position: absolute;
display: block;
width: 16px;
height: 16px;
background: url('../img/m.png') no-repeat -309px -182px;
top: 50%;
margin-top: -8px;
right: 10px;
cursor: pointer;
}
.delay_dec_container
{
width: 350px;
height: 200px;
border: solid 1px #ddd;
position: absolute;
top: 36px;
background-color: #fff;
left: 1px;
display: none;
z-index: 9999;
padding: 20px;
}
.specialCharacter
{
position: absolute;
right: 0;
width: 420px;
min-height: 200px;
max-height: 500px;
border: solid 2px #00a0e9;
top: 46px;
z-index: 9999;
background-color: #fff;
overflow-y: scroll;
font-size: 0;
padding: 5px;
display: none;
}
.specialCharacter ul li
{
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 14px;
text-align: center;
width: 24px;
height: 24px;
line-height: 24px;
background-color: #edf9ff;
border-top: solid 1px #fff;
border-left: 1px solid #fff;
color: #333;
overflow: hidden;
}
.specialCharacter ul li:hover
{
background-color: #c8eeff;
cursor: pointer;
}
.specialCharacter ul li.active
{
background-color: #c8eeff;
cursor: pointer;
}
.specialCharacter span {
display: inline-block;
float: left;
max-width:45px;
max-height:55px;
width:auto;
height:auto;
min-height: 25px;
min-width: 37px;
color: #000;
line-height: 30px;
background-color: #edf9ff;
text-align: center;
border-top: solid 4px #fff;
border-left: 4px solid #fff;
cursor: pointer;
font-size:25px;
overflow:hidden;
}
.specialCharacter span:hover
{
background-color: #c8eeff;
cursor: pointer;
}
.specialCharacter span.active
{
background-color: #c8eeff;
cursor: pointer;
}
.news_more_info_container
{
display: none;
}
.news_more_info
{
position: relative;
width: 100%;
}
.news_more_info .nmi_titles
{
display: block;
width: 100%;
font-size: 24px;
font-weight: normal;
padding-bottom: 5px;
}
.news_more_info em.nmi_note
{
font-size: 12px;
color: #999;
padding-bottom: 10px;
display: block;
}
.news_more_info .nmi_contents
{
border-top: solid 1px #ddd;
padding-top: 20px;
height: 400px;
_height: 400px;
overflow: auto;
}
.news_more_info span.nmi_close
{
display: block;
width: 15px;
height: 15px;
background: url('../img/m.png') no-repeat -418px -135px;
position: absolute;
right: 0;
cursor: pointer;
}
.news_more_info span.nmi_close:hover
{
background-position: -363px -218px;
}
.g_dia_input
{
width: 98%;
border: solid 1px #ddd;
height: 30px;
line-height: 30px;
font-size: 14px;
color: #333;
text-indent: 5px;
outline: none;
}
.g_dia_checkbox
{
width: 16px;
height: 16px;
}
.g_dia_textarea
{
width: 98%;
border: solid 1px #ddd;
outline: none;
padding: 1%;
resize: none;
height: 100px;
}
#add_news_container
{
display: none;
}
.add_news
{
width: 100%;
position: relative;
}
.add_news ul li
{
display: block;
width: 100%;
padding-bottom: 13px;
position: relative;
}
.add_news ul li b
{
position: absolute;
padding-left: 10px;
top: 8px;
}
.add_news ul li .g_dia_input_container
{
margin-left: 110px;
position: relative;
}
.add_news .add_news_piclist
{
width: 98%;
height: 110px;
overflow: auto;
overflow-y: hidden;
margin: 0 10px;
}
.add_news .add_news_piclist ul
{
white-space: nowrap;
}
.add_news .add_news_piclist ul li
{
display: inline-block;
*display: inline;
*zoom: 1;
width: 90px;
text-align: center;
}
.add_news .add_news_piclist ul li img
{
height: 60px;
max-width: 80px;
display: block;
margin: 0 auto;
}
.add_news .add_news_piclist ul li a
{
display: block;
color: #f16565;
font-size: 14px;
padding-top: 5px;
}
.add_news_contents
{
padding: 15px;
}
/*列表*/
.DAQTable-List ul{
padding: 0;
margin: 0;
list-style: none;
}
input[type='checkbox'] { cursor: pointer; }
/*2.主要*/
.DAQTable-List { border-collapse: collapse; width:100%; }
.DAQDataList .caption {
margin: 0;
font-weight: 600;
}
.DAQTable-List th {
font-weight: normal;
}
.DAQTable-List td { font-size: 12px; }
.DAQTable-List th, .DAQTable-List td{
padding: 5px;
text-align: center;
border: 1px solid #E5E5E5;
}
.bw-container input[type='checkbox']{
vertical-align: middle;
}
/*模板文件列表*/
.temp_list_title{
width: 100%;
height: 28px;
background: #fbfbfb;
border-bottom: 1px solid #f5f5f5;
text-align: center;
line-height: 28px;
color: #898989;
}
.temp_list{
width: 100%;
height: 162px;
overflow-y: auto;
}
.temp_list li{
float: left;
list-style: none;
width: 120px;
height: 152px;
margin: 5px;
cursor: pointer;
}
.temp_list li:hover{
background-color: #eff6fc;
}
.temp_list li img{
border: 0;
margin: 10px 25px 0 30px;
width:60px;
height:72px;
background: #eff6fc url("../images/excel.png") no-repeat right top !important;
}
.temp_list li span{
display: block;
width: 100%;
padding: 5px;
line-height:20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
text-decoration: none;
text-align: center;
color: #333;
font-size: 11px;
}
.temp_list .selected{
background: #eff6fc url("../images/selected.png") no-repeat right top !important;
}
/*药典相关样式*/
.DrugDetail
{
font:14px/1.7 "\5b8b\4f53",Arial,Tahoma;
-webkit-text-size-adjust:none;
float:left;
text-align:left;
line-height:25px;
white-space:pre-wrap;
margin:10px 0;
padding:10px 0 10px 0;
word-wrap:break-word;
}
.DrugDetail .Header
{
border-bottom:1px dashed #ddd;
margin:-15px 0 10px 0;
}
.DrugDetail .Header h1
{
font-size:18px;
text-align:left;
}
.DrugDetail .Header span
{
font-size:14px;
text-align:left;
margin-right:20px;
}
.DrugDetail .Name
{
font-size:14px;
font-weight:bold;
text-align:center;
}
.DrugDetail .Phonetic
{
font-size:14px;
font-weight:bold;
text-align:center;
}
.DrugDetail .EnglishName
{
font-size:14px;
font-weight:bold;
text-align:center;
}
#DrugContent
{
line-height:25px;
text-indent:2em;
}
#DrugContent br
{
text-indent:2em;
}
#DrugContent sub
{
vertical-align: sub;
font-size:smaller;
}
/*后台配置样式*/
.info-main-center .fl{float: left;}
.info-main-center .fr{float: right;}
.info-main-center .clr-fix:after{display:table;clear:both;content:'';}
.info-main-center .clr-fix{*zoom:1;}
#modal-Y{margin: 0 auto;}
.info-modal-Y{width: 760px;background: #fff;}
.modal-title{width: 100%;height: 50px;padding: 0 20px;color: #898989;border-bottom: 1px solid #ddd;line-height: 50px;}
.close-modal-btn{display: block;width: 20px;height: 20px; margin-top: 15px;background: url("../images/icon-Y.png") no-repeat -99px -150px;text-indent: -20000px;cursor: pointer;}
.dis-main-Content { display:inline-block;width: 100%;}
.info-modal-con{width: 100%;padding: 20px 0;overflow-y: auto;font-size: 12px;}
.info-modal-main{width: 740px;}
.info-group{float: left;width: 50%;padding: 0 15px;margin: 5px 0;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;}
.info-label{float: left;width: 100px;text-align: right;line-height: 32px;}
.info-wrap-list{position: relative;float: left;width: 240px;}
.s-input-style{width: 100% !important;height: 32px !important;padding: 0 10px;line-height: 32px;outline: none;border: 1px solid #ddd;border-radius: 3px;background: #fff;}
.s-text-style{width: 100%;height: 168px;padding: 6px 10px;outline: none;border: 1px solid #ddd;border-radius: 3px;}
.s-input-style:focus,.s-text-style:focus{border: 1px solid #00a0e9;}
.radio-lab{display: inline-block;width: 60px;line-height: 32px;cursor: pointer;}
.radio-lab input[type='radio']{vertical-align: -5px;width: 16px;height: 16px;margin-right: 6px;}
.info-main-center{width: 86%;margin-left: 10%;background: #f9f9f9;}
.dis-btn-box{width: 100%;padding: 10px;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;}
.dis-btn-box>p{line-height: 32px;font-size: 16px;color: #999;}
.display-btn{display: inline-block;padding: 1px 6px 6px 30px;color: #333;font-size: 14px;background: url("../images/icon-Y.png") no-repeat -22px -510px;}
.display-btn-xs{background: url("../images/icon-Y.png") no-repeat -88px -510px;}
.display-btn:hover{background-color: #00a0e9;color: #fff;}
.dis-main-Y{width: 100%;}
.dis-main-Y .info-wrap-list{width: 214px !important;}
.parameter-main .info-label{width: 70px !important;}
.parameter-main .info-wrap-list{width: 168px !important;}
.parameter-zd .info-wrap-list{width: 148px !important;}
.m-info-group{float: left;width: 100%;margin: 6px 0;padding: 0 15px;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.m-info-wrap-list{position: relative;float: left;width: 100%;}
.parameter-list{width: 100%;}
.parameter-list li{position: relative;float: left;min-width: 260px;padding: 0 30px 0 6px;background: #fff;border: 1px solid #ddd;line-height: 32px;margin: 0 10px 6px 0;}
.parameter-list li i{position: absolute;top: 6px;right: 6px;display: block;width: 20px;height: 20px;background: url("../images/icon-Y.png") no-repeat -249px -510px;text-indent: -20000px;cursor: pointer;}
.parameter-list li i:hover{background-position: -249px -559px;}
.add-parameter-btn{width: 32px;height: 32px;background: #00a0e9 url("../images/icon-Y.png") no-repeat -314px -557px;text-indent: -20000px;cursor: pointer;}
.parameter-con{display: none;/*width: 100%;*/padding: 10px;margin-top: 10px;background: #fff;border: 1px solid #ddd}
.parameter-btn-box{width: 100%;padding-left: 70px;}
.parameter-btn{display: inline-block;width: 80px;height: 32px;text-align: center;line-height: 32px;border: 1px solid #ddd;border-radius: 3px;}
.parameter-btn-qd{border-color: #00a0e9;background: #00a0e9;color: #fff;margin-right: 10px;}
.parameter-btn-qx{color: #333;}
.parameter-zd{width: 100%;background: #fff;border: 1px solid #ddd;}
.info-wrap-list em{display: block;position: absolute;top: 1px;right: 0;width: 30px;height: 30px;border-left: 1px solid #ddd;text-align: center;line-height: 28px;font-size: 14px;color: #999;}
.em-input{width: 148px !important;padding: 0 36px 0 10px !important;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;}
.generate{width: 100%;padding-left: 116px;margin: 20px 0;}
.generate-btn{display: block;width:100px;height: 32px;background: #00a0e9;color: #fff;border-radius: 3px;text-align: center;line-height: 32px;}
.info-main-foot{margin: 20px 0 20px 0;}
.info-foot-group{width: 100%;}
.info-foot-list{float: left;width: 625px;}
.keep-Y{width: 726px;text-align: right;}
.keep-btn{display: inline-block;width:80px;height: 32px;background: #00a0e9;color: #fff;border-radius: 3px;text-align: center;line-height: 32px;}
/*下拉列表样式开始*/
.select {position: relative;display: block;color: #333;vertical-align: middle;text-align: left;user-select: none;-webkit-touch-callout: none;}
.select .placeholder {position: relative;display: block;width: 100%;height: 32px;line-height: 32px;background: #fff;z-index: 1;padding: 0 10px;border-radius: 3px;cursor: pointer;border: 1px solid #ddd;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.select .placeholder:hover {background: #fff;}
.select .placeholder:after {display: block;;position: absolute;top: 8px;right: 16px;content: '';width: 16px;height: 16px;z-index: 10;background: url("../images/d-arrow1.png") no-repeat center;}
.select.is-open .placeholder:after {content: '';background: url("../images/u-arrow2.png") no-repeat center;}
.select.is-open ul {display: block;}
.select.select--white .placeholder {background: #fff;color: #333;}
.select.select--white .placeholder:hover {background: #fafafa;}
.select ul {display: none;position: absolute;overflow: auto;width: 100%;max-height: 194px;background: #fff;border-radius: 3px;top: 100%;left: 0;list-style: none;margin: 5px 0 0 0;padding: 0;z-index: 100;border: 1px solid #00a0e9;}
.select ul li {display: block;text-align: left;line-height: 32px;padding: 0 10px;color: #333;cursor: pointer;white-space:nowrap;}
.select ul li:hover {background: #4ebbf0;color: #fff;}
/*下拉列表样式结束*/
/*高级检索模态窗的样式调整*/
.opsel{
width: 150px;
outline: none !important;
cursor: pointer;
}
.ui-add{
width: 28px !important;
height: 28px;
font-size: 20px !important;
margin-left: 10px;
color: #00a0e9;
}
.input-elm{
width: 149px !important;
height: 26px !important;
margin:3px 0 !important;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0 !important;
}
.input-elm:focus{
border-color: #00a0e9;
}
.selectopts{
width: 90px;
margin: 0 10px;
}
table.group .columns select{
width: 149px !important;
}
.delete-rule{
width: 20px !important;
height: 26px !important;
margin-left: 5px !important;
font-size: 20px !important;
color: #00a0e9;
/*line-height: 26px !important;*/
}
.ui-jqdialog .ui-jqdialog-titlebar{
background: #75ccf7;
color: #fff;
}
/*皮肤选择样式*/
.theme_list
{
height:110px;
}
.theme_list .theme_li
{
float:left;
width:130px;
height:100px;
margin:0 2px 4px;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
cursor:pointer;
border-radius:2px;
overflow:hidden;
margin-left:30px;
}
.theme_list .theme_li img
{
display:block;
height:100%;
}
.theme_list .theme_li .theme_preview_hover
{
display:none;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
position:absolute;
width:128px;
height:98px;
left:0;
top :0;
border-radius:2px;
text-align:center;
border:1px solid #3b8cff;
}
.theme_list .theme_li .theme_name
{
display:none;
position:absolute;
left:0px;
top:40px;
text-align:center;
font-size:14px;
width:100%;
color:#fff;
}
.theme_list .theme_li .icon_ok
{
display:none;
width:25px;
height:25px;
background:url(/Content/themes/images/themeOk.png);
position:absolute;
left:50px;
top:38px;
border-radius:2px;
}
.theme_list .active .theme_preview_hover
{
display:block;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
position:absolute;
width:128px;
height:98px;
left:0;
top :0;
border-radius:2px;
text-align:center;
border:1px solid #3b8cff;
}
.theme_list .active .theme_name
{
display:block;
position:absolute;
left:0px;
top:20px;
text-align:center;
font-size:14px;
width:100%;
color:#fff;
}
.theme_list .active .icon_ok
{
display:block;
width:25px;
height:25px;
background:url(/Content/themes/images/themeOk.png);
position:absolute;
left:50px;
top:45px;
border-radius:2px;
}
.theme_list .hover .theme_preview_hover
{
display:block;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
position:absolute;
width:128px;
height:98px;
left:0;
top :0;
border-radius:2px;
text-align:center;
border:1px solid #3b8cff;
}
.theme_list .hover .theme_name
{
display:block;
position:absolute;
left:0px;
top:40px;
text-align:center;
font-size:14px;
width:100%;
color:#fff;
}
/*语言选择样式*/
.language_list
{
height:130px;
}
.language_list .language_li
{
float:left;
width:130px;
height:130px;
margin:0 2px 4px;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative;
cursor:pointer;
border-radius:2px;
overflow:hidden;
margin-left:30px;
}
.language_list .language_li img
{
display:block;
height:100%;
}
.language_list .language_li .language_preview_hover
{
display:none;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
position:absolute;
width:128px;
height:128px;
left:0;
top :0;
border-radius:2px;
text-align:center;
border:1px solid #3b8cff;
}
.language_list .language_li .language_name
{
display:none;
position:absolute;
left:0px;
top:40px;
text-align:center;
font-size:14px;
width:100%;
color:#fff;
}
.language_list .language_li .icon_ok
{
display:none;
width:25px;
height:25px;
background:url(/Content/themes/images/themeOk.png);
position:absolute;
left:50px;
top:38px;
border-radius:2px;
}
.language_list .active .language_preview_hover
{
display:block;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
position:absolute;
width:128px;
height:128px;
left:0;
top :0;
border-radius:2px;
text-align:center;
border:1px solid #3b8cff;
}
.language_list .active .language_name
{
display:block;
position:absolute;
left:0px;
top:20px;
text-align:center;
font-size:14px;
width:100%;
color:#fff;
}
.language_list .active .icon_ok
{
display:block;
width:25px;
height:25px;
background:url(/Content/themes/images/themeOk.png);
position:absolute;
left:50px;
top:45px;
border-radius:2px;
}
.language_list .hover .language_preview_hover
{
display:block;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
position:absolute;
width:128px;
height:128px;
left:0;
top :0;
border-radius:2px;
text-align:center;
border:1px solid #3b8cff;
}
.language_list .hover .language_name
{
display:block;
position:absolute;
left:0px;
top:40px;
text-align:center;
font-size:14px;
width:100%;
color:#fff;
}
.notice-icon{
display:block;
position:absolute;
top:10px;
right:56px;
width:22px;
height:22px;
-webkit-border-radius:50%;
-ms-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
font-size:12px;
line-height:22px;
text-align:center;
color:#fff;
background:#FFA349;
font-style:normal;
}
.cli_business_showitems
{
position: relative;
}
.cli_business_showitems ul
{
position: relative;
}
.cli_business_showitems ul li
{
position: relative;
float:left;
height:99px;
width:19%;
display: table-cell;
text-align:center;
vertical-align:middle;
}
.cli_business_showitems ul li div
{
margin-top:70px;
}
.cli_business_showitems ul .bottom
{
border-bottom: solid 1px #eee;
}
.cli_business_showitems ul .right
{
border-right: solid 1px #eee;
}
.cli_business_showitems ul .acceptance
{
background:url(../img/acceptance.png) no-repeat;
background-position-x:50%;
background-position-y:40%;
}
.cli_business_showitems ul .assign
{
background:url(../img/assign.png) no-repeat;
background-position-x:50%;
background-position-y:40%;
}
.cli_business_showitems ul .itemtest
{
background:url(../img/itemtest.png) no-repeat;
background-position-x:50%;
background-position-y:40%;
}
.cli_business_showitems ul .itemproof
{
background:url(../img/itemproof.png) no-repeat;
background-position-x:50%;
background-position-y:40%;
position:relative;
}
.cli_business_showitems ul .itemaudit
{
background:url(../img/itemaudit.png) no-repeat;
background-position-x:50%;
background-position-y:40%;
}
.cli_business_showitems ul .reportedit
{
background:url(../img/reportedit.png) no-repeat;
background-position-x:50%;
background-position-y:40%;
}
.cli_business_showitems ul .reportproof
{
background:url(../img/reportproof.png) no-repeat;
background-position-x:50%;
background-position-y:40%;
}
.cli_business_showitems ul .reportaudit
{
background:url(../img/reportaudit.png) no-repeat;
background-position-x:50%;
background-position-y:40%;
}
.cli_business_showitems ul .reportissued
{
background:url(../img/reportissued.png) no-repeat;
background-position-x:50%;
background-position-y:40%;
}
.cli_business_showitems ul .reportprint
{
background:url(../img/reportprint.png) no-repeat;
background-position-x:50%;
background-position-y:40%;
}
.cli_business_showitems ul li span
{
padding-left:5px;
font-size:16px;
color:#b50021;
}