@charset "utf-8";
/* CSS Document */
html,body { width:100%; height:100%;/* overflow:hidden; */}
body { display:block; position:relative; min-width:1280px;overflow-y:hidden;}
* { font-family:"Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; font-size:12px; text-align:left; color:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {display: none;}
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
svg:not(:root) { overflow: hidden; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td, textarea, img, figure, legend { margin:0;padding:0; border:0;}
img { vertical-align: middle; }
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li,dl,dt,dd{ float:left; list-style:none;}
button, select { text-transform: none; }
button { text-align:center;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0;  height: 0; border-top: 1px solid #eeeeee; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align:middle; box-sizing:border-box;}
textarea { overflow: auto; vertical-align: top; box-sizing:border-box; line-height:20px; padding:5px; border:1px solid #caccd1; border-radius:3px;transition: border linear .2s, box-shadow linear .2s;}
input[type="text"], input[type="password"], select { line-height:20px; height:30px; padding:5px; border:1px solid #caccd1; border-radius:3px;transition: border linear .2s, box-shadow linear .2s;}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus  { border:1px solid #75b9f0; box-shadow:0 0 8px rgba(117,185,240,0.5); }
input[type=button] ,input[type=submit] { outline:none;}
input[type="file"] { height:30px\9; line-height:30px\9; padding:0px 5px\9; margin:5px 0; margin:0\9; }
:root input[type="file"]{ padding:0; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
select[multiple]{ height:auto;}
select > option { padding:5px;}
a { text-decoration: none; }
a:hover { text-decoration: underline; outline: 0;  }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.text-danger, .text-danger:hover, .text-danger:focus { color:#A94442!important;}
.text-primary, .text-primary:hover, .text-primary:focus { color:#428BCA!important;}
.text-success, .text-success:hover, .text-success:focus { color:#3C763D!important;}
.text-warning, .text-warning:hover, .text-warning:focus { color:#8A6D3B!important;}
.text-muted, .text-muted:hover, .text-muted:focus { color:#7f7f7f!important;}
.disabled, .disabled:hover, .disabled:focus { color:#CCC!important; text-decoration:none!important;}
.text-disabled, .text-disabled:hover, .text-disabled:focus { color:#adadad!important;}
.text-lightgreen, .text-lightgreen:hover, .text-lightgreen:focus { color:#72ce05!important; text-shadow:1px 1px 0px #FFF}
@media (max-width:1024px) {
body { display:block; position:relative; min-width:1024px;}
.hidden_tablet{ display:none!important;}
}
/*---------------btn public style---------------*/
.btn_primary, .btn_primary_ico, .btn_primary_large, .btn_gray, .btn_gray_ico, .btn_gray_large { display:inline-block; margin-right:5px!important; padding:0px 10px!important; font-weight:bold!important; text-align:center!important; letter-spacing:1px!important; border-radius:3px!important;  cursor:default; background-repeat:no-repeat; border-style:solid!important; border-width:1px!important; vertical-align:middle; box-sizing:border-box!important; background-image:url(../images/skinimages/btn_bg.png); }
.btn_primary:hover, .btn_primary_ico:hover, .btn_primary_large:hover, .btn_gray:hover, .btn_gray_ico:hover, .btn_gray_large:hover { text-decoration:none; }
.btn_primary.disabled, .btn_primary.disabled:hover, .btn_primary_ico.disabled, .btn_primary_ico.disabled:hover, .btn_primary_large.disabled, .btn_primary_large.disabled:hover, .btn_gray.disabled, .btn_gray.disabled:hover, .btn_gray_ico.disabled, .btn_gray_ico.disabled:hover, .btn_gray_large.disabled, .btn_gray_large.disabled:hover { opacity:0.5!important; filter:alpha(opacity=50)!important; }
.btn_primary, .btn_gray { min-width:70px!important; width:auto!important; height:30px!important; line-height:30px!important;cursor:pointer }
.btn_primary_ico, .btn_gray_ico { padding:0px 2px!important; height:30px!important; line-height:30px!important;}
.btn_primary_large, .btn_gray_large { min-width:90px!important; width:auto!important; height:38px!important; line-height:38px!important;cursor: pointer;}
.btn_primary, .btn_primary.disabled, .btn_primary.disabled:hover, .btn_primary_ico, .btn_primary_ico.disabled, .btn_primary_ico.disabled:hover { background-position:0px 0px!important; } 
.btn_gray, .btn_gray.disabled, .btn_gray.disabled:hover, .btn_gray_ico, .btn_gray_ico.disabled, .btn_gray_ico.disabled:hover { background-position:0px -204px;} 
.btn_primary_large, .btn_primary_large.disabled, .btn_primary_large.disabled:hover { background-position:0px -90px!important;} 
.btn_gray_large, .btn_gray_large.disabled, .btn_gray_large.disabled:hover { background-position:0px -294px!important;}  
.btn_primary:hover, .btn_primary_ico:hover { background-position:0px -30px!important; }
.btn_gray:hover, .btn_gray_ico:hover { background-position:0px -234px!important; }
.btn_primary_large:hover { background-position:0px -128px!important; }
.btn_gray_large:hover { background-position:0px -332px!important; }
li.active > .btn_primary, li.active > .btn_primary_ico { background-position:0px -60px!important; }
li.active > .btn_gray, li.active > .btn_gray_ico { background-position:0px -264px!important; }
li.active > .btn_primary_large { background-position:0px -166px!important; }
li.active > .btn_gray_large { background-position:0px -370px!important; }
.btn_primary > i, .btn_gray > i, .btn_primary_ico > i, .btn_gray_ico > i { position:static!important; display:inline-block; width:20px; height:20px; margin-left:-2px!important; margin-top:-1px!important;  margin-right:3px!important; vertical-align:middle; background-repeat:no-repeat; }
.btn_primary_ico > i, .btn_gray_ico > i { margin-top:-4px!important; margin-right:0px!important; }
.btn_gray > i, .btn_gray_ico > i{ background-image:url(../images/skinimages/ico_gray_bg.png?d=20141220002);}
.btn_primary > i, .btn_primary_ico > i { background-image:url(../images/skinimages/ico_white_bg.png?d=20141220002);}
.btn_primary > .creat, .btn_gray > .creat, .btn_primary_ico > .creat, .btn_gray_ico > .creat { display: inline-block; margin-left:2px; width: 0; height: 0; vertical-align:middle; border-width:4px 4px 0 4px; border-style:solid; border-color:transparent; content: "";}
.btn_ico { display:inline-block; vertical-align:middle; margin-left:0; margin-right:10px; width:20px; height:20px; outline: none; border:0; background-color:transparent; background-repeat:no-repeat; background-image:url(../images/skinimages/ico_color_bg.png); opacity:0.5; filter:alpha(opacity=50);}
.btn_ico:hover { opacity:1.0; filter:alpha(opacity=100);}
.dot_ico { display:inline-block; vertical-align:middle; margin-left:0; margin-right:5px; width:20px; height:20px; background-repeat:no-repeat; background-image:url(../images/skinimages/ico_gray_bg.png); opacity:0.5; filter:alpha(opacity=50);}
/*---------------btn_group style---------------*/
.btn_group > a, .btn_group > li > a, .btn_group > button, .btn_group > li > button{ margin:0px -2px!important; border-radius:0px!important; min-width:0px!important; }
.btn_group > a:first-child, .btn_group > li:first-child > a, .btn_group > button:first-child, .btn_group > li:first-child > button { margin-left:0px!important; border-radius:3px 0px 0px 3px!important;}
.btn_group > a:last-child, .btn_group > li:last-child > a, .btn_group > button:last-child, .btn_group > li:last-child > button {  margin-right:5px!important; border-radius:0px 3px 3px 0px!important;}
/*---------------input_group style---------------*/
.input_group { display:inline-block; vertical-align:middle;}
.input_group > span { display:inline-block; float:none; margin:0 auto; vertical-align:middle; box-sizing:border-box; height:30px; border:1px solid transparent; padding:5px 8px; line-height:20px; }
.input_group > input[type="text"], .input_group > input[type="password"], .input_group > a, .input_group > button, .input_group > span{ margin:0px -2px!important; border-radius:0px!important; min-width:0px!important; }
.input_group > input[type="text"]:first-child, .input_group > input[type="password"]:first-child, .input_group > a:first-child, .input_group > button:first-child, .input_group > span:first-child {margin-left:0px!important; border-radius:3px 0px 0px 3px!important;}
.input_group > input[type="text"]:last-child, .input_group > input[type="password"]:last-child, .input_group > a:last-child, .input_group > button:last-child, .input_group > span:last-child {  margin-right:5px!important; border-radius:0px 3px 3px 0px!important;}
.input_group > .btn_dropdown:first-child > a:first-child {margin-right:-3px!important; border-radius:3px 0px 0px 3px!important;}
.input_group > .btn_dropdown:last-child > a:first-child {margin-left:-3px!important; border-radius:0px 3px 3px 0px!important;}
/*---------------btn special style---------------*/
/*---------------btn_dropdown---------------*/
.btn_dropdown { position:relative; display:inline-block; height:30px; vertical-align:middle;}
.btn_all_share{opacity: 0.5!important;filter: alpha(opacity=50)!important;}
.btn_dropdown_menu { display:none; }
.open > .btn_dropdown_menu { display:block;}
.btn_dropdown_menu { position:absolute; z-index:10000; left:0; top:34px; min-width:125px; padding: 5px 0; border: 1px solid #e1e1e8!important; background: #fff; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,0.175);}
.btn_dropdown_menu > a { position:relative; display:block; float:none; margin:0 auto; padding:4px 10px 4px 33px; cursor: default; border:0; border-radius:0; background:transparent; text-align:left; text-shadow:1px 1px 0 #ffffff; font-weight:normal; line-height:20px; }
.btn_dropdown_menu > a:hover, .open > .btn_dropdown_menu > a:focus { background: #f5f5f5; }
.btn_dropdown_menu > a > i { display:block; position:absolute; width:20px; height:20px; margin:0px; left:10px; background-image:url(../images/skinimages/ico_gray_bg.png); }
.btn_dropdown_menu .divider { display:block; float:none; margin:0 auto; height: 1px; margin: 5px 0; background: #e5e5e5; }
.btn_dropdown .noicon > a { padding:4px 20px;}
.btn_dropdown .noicon > a > i { display:none;}
/*---------------btn ico_background style---------------*/
.ico_more { background-position:0px 0px!important;}
.ico_newfolder { background-position:-20px 0px!important;}
.ico_folder { background-position:-40px 0px!important;}
.ico_add { background-position:-60px 0px!important;}
.ico_minus { background-position:-80px 0px!important;}
.ico_del { background-position:-100px 0px!important;}
.ico_tick { background-position:-120px 0px!important;}
.ico_back { background-position:-140px 0px!important;}
.ico_next { background-position:-160px 0px!important;}
.ico_search { background-position:-180px 0px!important;}
.ico_ex_Close{ background-position:-100px -100px!important;}
.ico_externalUploadClose { background-position:-100px -100px!important;}
.ico_externalUploadCopy{background-position:-20px -20px!important;}
.ico_externalUploadRename{background-position:-40px -20px!important;}
.ico_externalUploadMove{background-position:-100px -20px!important;}
.ico_stick { background-position:-80px -140px!important;}
.ico_move_up { background-position:-140px -100px!important;}
.ico_move_down { background-position:-160px -100px!important;}
.ico_sort_drop { background-position:-120px -120px!important;}
.ico_sort_back { background-position:-100px -140px!important;}


.ico_edit { background-position:0px -20px!important;}
.ico_copy { background-position:-20px -20px!important;}
.ico_rename { background-position:-40px -20px!important;}
.ico_trash { background-position:-60px -20px!important;}
.ico_eyes { background-position:-80px -20px!important;}
.ico_move { background-position:-100px -20px!important;}
.ico_view { background-position:-120px -20px!important;}
.ico_restore { background-position:-140px -20px!important;}
.ico_clean { background-position:-160px -20px!important;}
.ico_clock { background-position:-180px -20px!important;}

.ico_upload { background-position:0px -40px!important;}
.ico_download { background-position:-20px -40px!important;}
.ico_comment {background-position:-80px -100px!important;}
.ico_share { background-position:-40px -40px!important;}
.ico_unshare { background-position:-60px -40px!important;}
.ico_list { background-position:-80px -40px!important;}
.ico_grid { background-position:-100px -40px!important;}
.ico_disk { background-position:-120px -40px!important;}
.ico_diskfilled { background-position:-140px -40px!important;}
.ico_info { background-position:-160px -40px!important;}
.ico_setting { background-position:-180px -40px!important;}
.ico_qrCode { background-position:-140px -140px!important;}

.ico_face { background-position:0px -60px!important;}
.ico_camera { background-position:-20px -60px!important;}
.ico_phone { background-position:-40px -60px!important;}
.ico_mail { background-position:-60px -60px!important;}
.ico_tag { background-position:-80px -60px!important;}
.ico_calender { background-position:-100px -60px!important;}
.ico_log { background-position:-120px -60px!important;}
.ico_location { background-position:-140px -60px!important;}
.ico_favorites { background-position:-160px -60px!important;}
.ico_save { background-position:-180px -60px!important;}

.ico_user { background-position:0px -80px!important;}
.ico_user_add { background-position:-20px -80px!important;}
.ico_user_setup { background-position:-40px -80px!important;}
.ico_userid { background-position:-140px -80px!important;}
.ico_pwd { background-position:-160px -80px!important;}
.ico_datacenter { background-position:-180px -80px!important;}

.ico_group { background-position:0px -100px!important;}
.ico_group_add { background-position:-20px -100px!important;}
.ico_group_move { background-position:-40px -100px!important;}
.ico_group_exit { background-position:-60px -100px!important;}
/*---------------btn fr---------------*/
.btn_fr { float:right!important; margin:0 0 0 10px!important;}
.dropmenu_pr { left:auto!important; right:0px!important;}
/*---------------alert style---------------*/
.alert_danger .close, .alert_warning .close, .alert_success .close, .alert_info .close { display:inline-block; position:absolute; right:10px; top:10px; width:20px; height:16px; box-sizing:border-box;/*  padding:0px 2px 3px 0px;  */ border:0; outline:none; background:none; font-weight:700; font-size:21px; line-height:12px; color:#000; opacity:0.2; filter:alpha(opacity=20);}
.alert_danger .close:hover, .alert_warning .close:hover, .alert_success .close:hover, .alert_info .close:hover { opacity:0.5; filter:alpha(opacity=50); cursor:pointer;}
.alert_danger > .public_pic, .alert_warning > .public_pic, .alert_success > .public_pic, .alert_info > .public_pic { margin-right:10px; }
.alert_danger { display:inline-block; position:relative;  border:1px solid #ebccd1; background:#f2dede; color:#a94442;}
.alert_warning { display:inline-block; position:relative;  border:1px solid #faebcc; background:#fcf8e3; color:#8a6d3b;}
.alert_success { display:inline-block; position:relative;  border:1px solid #d6e9c6; background:#dff0d8; color:#3c763d;}
.alert_info { display:inline-block; position:relative;  border:1px solid #bce8f1; background:#d9edf7; color:#31708f;}
/*---------------page_message---------------*/
.page_message_wrap ,.page_operating_wrap{ display:block; position: absolute; z-index:20000; top:0; left:0; right:0; bottom:0;text-align:center; }
.page_message { display:inline-block; margin:0 auto; margin-top:130px; box-sizing:border-box; padding:10px 20px; text-align:center; font-size:14px; font-weight:bold; min-width:600px;border-bottom-color: #BCBCBC!important;}
.page_loading,.page_operating { display:table-cell; margin:0 auto; margin-top:200px; box-sizing:border-box; padding:35px 20px 0px 20px; text-align:center; font-size:14px; font-weight:bold; min-width:220px; height:100px; border-radius:10px; background:#292e32; opacity:0.85; color:#FFF; line-height:24px;}
#loadingDiv{padding-top:15%;}
#loadingDivStyle{background: url('../images/publicimages/loading_01.gif')center 60px no-repeat #000; width:240px; height:60px;border-radius: 12px; margin:0 auto;text-align: center; padding-top: 120px;font-size: 14px;font-weight: bold;opacity: 0.6;color:white}
/*---------------public_pic---------------*/
.public_pic { display:inline-block; vertical-align: middle; margin:0 auto; float:none; background-image:url(../images/publicimages/public_pic.png); background-repeat:no-repeat;}
.public_pic.cancel { width:32px; height:32px; background-position:0px 0px;}
.public_pic.checkmark { width:32px; height:32px; background-position:-40px 0px;}
.public_pic.warning { width:32px; height:32px; background-position:-80px 0px;}
.public_pic.question {width:32px; height:32px; background-position:-120px 0px;}
.public_pic.info { width:32px; height:32px; background-position:-160px 0px;}
.public_pic.cancel_s { width:20px; height:20px; background-position:0px -40px;}
.public_pic.checkmark_s { width:20px; height:20px; background-position:-30px -40px;}
.public_pic.warning_s { width:20px; height:20px; background-position:-60px -40px;}
.public_pic.question_s {width:20px; height:20px; background-position:-90px -40px;}
.public_pic.info_s { width:20px; height:20px; background-position:-120px -40px;}
.public_pic.favorites { width:49px; height:46px; background-position:-150px -40px;}

.inlineBlock{display:inline-block}
#uploader_browse,#uploader_start,#uploader_clear,#uploader_stop{padding: 0px 5px!important;}
#listKeywords{max-height:150px;overflow:auto;border:1px solid #caccd1;width:300px;position:absolute;z-index:10;background:#FFF;display:none}
#listKeywords>ul{float:none;cursor:pointer;}
#listKeywords>ul:hover{background:gainsboro;}


/*图片预览*/
.PicGallery{position:fixed;left:0;top:0;right:0;bottom:0;z-index:5000;}
.PicGallery_bg {position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.9;z-index:1;}
.PicGallery_header{position:absolute;top:0;left:0;right:0;z-index:300;}
.PicGallery_footer{position:absolute;right:0;left:0;bottom:0;}
.PicGallery_left{position:absolute;top:0;left:0;bottom:0;}
.PicGallery_right{position:absolute;top:0;bottom:0;right:0;}
.PicGallery_body{position:absolute;z-index:300;overflow:hidden;}
.PicGallery_body.loading {background:url(../images/publicimages/loading.gif) center center no-repeat;}
.PicGallery_body img {display:block;position:absolute;}
.PicGallery_body .btn-next{position:absolute;width:40px;height:60px;right:20px;top:50%;margin-top:-20px;cursor:pointer;display:none;background:url(../images/publicimages/preview_bg.png)  -50px 0px no-repeat;}
.PicGallery_body .btn-pre{position:absolute;width:40px;height:60px;top:50%;margin-top:-20px;left:20px;cursor:pointer;display:none;background:url(../images/publicimages/preview_bg.png)  0 0 no-repeat;}
.PicGallery .PicGallery_close {position:absolute;z-index:10000;width:60px;height:60px;background:url(http://s1.pan.bdstatic.com/yun-static/common-cdn/images/img_preview_ic.png?t=1445339376682) 0 -189px no-repeat;top:6px;right:6px;cursor: pointer;display:none;}
.PicGallery_body:hover .btn-next,.PicGallery_body:hover .btn-pre, .PicGallery:hover .PicGallery_close{display:block;}
.PicGallery .scroll{position: relative;z-index:400;height:85px;overflow:hidden;}
.PicGallery .scroll ul {position:absolute;left:0;top:0;bottom:0;}
.PicGallery .scroll ul li span {display:inline-block;height:100%;*display:inline;*zoom:1;}
.PicGallery .scroll ul li{text-align:center;display:table-cell;vertical-align:middle;overflow:hidden;border:1px solid #484848;position:relative;width:70px;height:70px;float:left;cursor:pointer;margin-left:5px;margin-right:5px;overflow:hidden;}
.PicGallery .scroll ul li.loading {background:url(../images/publicimages/loading.gif) center center no-repeat;}
.PicGallery .scroll ul li * {vertical-align:middle;}
.PicGallery .scroll ul li img {width:auto;height:auto;max-width:70px;max-height:70px;vertical-align:middle;}
.PicGallery .scroll ul li i{display:none;}
.PicGallery .scroll ul li.active i{display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:3px solid #73b4e0;z-index:10;}
.PicGallery .name {height:50px;text-align: center;color:#ccc;line-height:50px;font-size:20px;}

.ico_share_all{
	vertical-align: middle;
	background-image:url(../images/skinimages/ico_gray_bg.png?d=20141220002);
	height: 20px;
    width: 20px;
    display: inline-block;
}
.ico_share_tip{background-position: -160px -40px!important;}
.ico_share_tip_time{background-position: -100px -60px!important;}
.ico_share_qr_code{background-position: -140px -140px!important;
}
.ico_share_addUser{
	cursor: pointer;
	position: absolute;
    width: 20px;
    display: inline-block;
    height: 20px;
    background: url(../images/skinimages/ico_color_bg.png?d=20141220002) -120px -140px;
    right: 35px;
    margin-top: 7px;
}
.customIco_right{
	display: inline-block;
    margin-right: 8px;
    border-right: 0 dotted;
    border-left: 4px solid #8E8C8C;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    content: "";
}
.customIco_bottom{
	display: inline-block;
    margin-right: 8px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #8E8C8C;
    border-bottom: 0 dotted;
    content: "";}
.fileList{cursor: pointer;font-weight: bold;text-decoration: none!important;}
.tip_span{vertical-align: middle;color: #7f7f7f;}
.img_radius{float: left;border-radius: 50%;}