@charset "utf-8";
/* CSS Document */
@import url("popStyle.css");

body {margin:0; padding:0; font-size:13px; color:#333; background-color:#FFFFFF; overflow-x:hidden; font-family:Microsoft Yahei, Arial ,宋体 , tahoma, Verdana, Geneva, sans-serif;}
div,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,p {margin:0; padding:0; border:0;}
li {list-style-type: none;}
/* links */
a { color:#333333; text-decoration:none;}
a:hover { color:#3366FF; text-decoration: underline;}


:-webkit-any(input[type='checkbox']){
  -webkit-appearance: none;
  -webkit-user-select: none;
  background:url('../images/shared_ico.png') no-repeat -70px 0;
  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);*/
}
input[type='checkbox'] {
  bottom: 1px;
  height: 15px;
  position: relative;
  vertical-align: middle;
  width: 15px;
}
input[type='checkbox']:checked::before {
  -webkit-user-select: none;
  background:url('../images/shared_ico.png') no-repeat -70px -16px;
  content: '';
  display: block;
  outline:none;
  height: 100%;
  width: 100%;
}

:-webkit-any(input[type='radio']){
  -webkit-appearance: none;
  -webkit-user-select: none;
  background:url('../images/shared_ico.png') no-repeat -100px 0;
  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);*/
}
input[type='radio'] {
  bottom: 2px;
  height: 16px;
  position: relative;
  vertical-align: middle;
  width: 16px;
  border-radius:7px;
}
input[type='radio']:checked::before {
  -webkit-user-select: none;
  background:url('../images/shared_ico.png') no-repeat -100px -18px;
  content: '';
  display: block;
  outline:none;
  height: 100%;
  width: 100%;
}
select {
  -webkit-appearance: none;
  -webkit-padding-end: 0px;
  -webkit-padding-start: 0px;
  border:1px solid #e6e6e6;
  background-color:#e6e6e6;
  color:#333;
  margin-left:8px;
  font:inherit;
  height:26px;
  background-image:url('../images/select_down.png');
  background-position: right center;
  background-repeat: no-repeat;
  outline:none;
}
select:hover { /*background-color:#77aefc; border:1px solid #77aefc; color:#FFFFFF;*/ -webkit-transition: background-color .3s ease; background-color:#d5d5d5; border:1px solid #d5d5d5;}
:enabled:focus:-webkit-any(
  select,:-webkit-any(input[type='select'])) {
  border-color:#7f9db9;
  background-color:#f1f1f1; 
  color:#333;
  outline: none;
}
option { background-color:#f9f9f9;}

/*-------content------*/
.webContent { width:100%; max-width:1280px; min-width:900px; float:left;}
.webLeft { width:200px; height:100%; /*border-right:25px solid #FFFFFF;*/ background-color:#f7f7f7; position:fixed; z-index:20;}
.head-titie { height:68px;}
.head-titie h1 { font-size:22px; font-weight:normal; padding:22px 0 0 30px; color:#454545;}
.navLeft { width:100%;}
.navLeft li { width:100%; height:36px; line-height:36px; font-size:15px; cursor:pointer; -webkit-transition: background-color .3s ease;}
.navLeft li span { float:left; height:36px; border-left:0px solid #f7f7f7; display:inline-block;}
.navLeft li:hover { background-color:#eeeeee;}
.navLeft li:hover span { border-left:0px solid #d0d0d0;}
.navLeft li.select { background:url(../images/nav_jt.gif) no-repeat 193px 50% #0a7de7; }
.navLeft li.select span {color:#fff; font-weight:600; border-left:0px solid #579cfd;}
.navLeft li em { width:26px; height:36px; display:block; margin-left:30px; float:left;}
.navLeft li em.extension { background:url(../images/shared_ico.png) no-repeat 0 10px;}
.navLeft li em.plugin { background:url(../images/shared_ico.png) no-repeat 0 -36px;}
.navLeft li em.more { background:url(../images/shared_ico.png) no-repeat 0 -85px;}
.navLeft li.select em.ico1,.navLeft li.select em.ico2,.navLeft li.select em.ico3 { display:block;}
.navLeft li.select em.ico1 { background:url(../images/shared_ico.png) no-repeat -135px 10px;}
.navLeft li.select em.ico2 { background:url(../images/shared_ico.png) no-repeat -135px -36px;}
.navLeft li.select em.ico3 { background:url(../images/shared_ico.png) no-repeat -135px -85px}
.navLeft li em.basic { width:0;}
.webRight { padding:0 0 30px 225px;}
.rightTop { width:100%; max-width:1280px; min-width:900px; height:68px; border-bottom:1px solid #d8d8d8; background-image:-webkit-linear-gradient(top,#ffffff 70%,rgba(255, 255, 255, 0.9)); position:fixed; left:0; top:0; z-index:10;}
.rightTop .developers { line-height:24px; float:right; margin:37px 10px 0 0;}
.rightTop .developers input { vertical-align:middle; margin:0 8px 0 0;}
.topDisplay { height:68px;}
.openButton { height:43px; border-bottom:1px solid #e8e8e8; padding-top:17px;}
.openButton button { font:inherit; float:left; color:#333; cursor:pointer; padding:0 10px 0; line-height:24px; background-color:#fff; border:1px solid #cdcdcd; outline:none; margin:0 5px 0 0; -webkit-transition: background-color .2s ease;}
.openButton button:hover { border:1px solid #0a7de7; background-color:#0a7de7; color:#fff;}
.openButton button.R { float:right; margin:0 10px 0 0;}
.expansion-list { width:100%; display:inline-block;}
.expansion-list li { width:100%; padding:15px 0; float:left; display:inline-block; -webkit-transition: background-color .3s ease;}
.expansion-list li:hover { background-color:#f7f7f7;}
 .sharedList { padding:0 10px;}
.ico_48 { width:48px; height:48px; float:left; margin:2px 15px 0 0; }
.exp-font { width:60%; /*max-width:700px; min-width:365px;*/ line-height:18px; float:left;}
.exp-font .t1 { font-size:15px; line-height:26px; padding-bottom:3px;}
.exp-font .t1 strong { color:#000; font-weight:600;}
.exp-font .t1 span { padding-left:15px; font-size:13px;}
.exp-font .t2 { color:#888; padding-bottom:4px;}
.exp-font .t2 span { padding-right:15px;}
.exp-font .t3 { color:#666;}
.exp-font .t3 span { padding-right:15px;}
.exp-font a { color:#0a7de7; /*color:#579cfd; text-decoration:underline;*/ margin-right:6px;}
.exp-font.fontColor,.exp-font.fontColor .t1 strong,.exp-font.fontColor .t2,.exp-font.fontColor .t3 { color:#bbb;}
.expButton { /*width:186px;*/ float:right; padding-top:2px;}
.expButton button { width:54px; border:1px solid #cdcdcd; text-align:center; font:inherit; float:left; color:#333; cursor:pointer; line-height:22px; background-color:#fff; outline:none; margin:0 0 0 8px; -webkit-transition: background-color .2s ease;}
.expButton button:hover { border:0; line-height:24px; background-color:#0a7de7; color:#fff;}
.expButton button.blueBg { border:1px solid #0a7de7; color:#fff; background-color:#0a7de7;}
.expButton button.blueBg:hover { border:0; background-color:#2695fb; color:#fff;}
.expButton button.always { width:90px; padding-left:5px; text-align:left;}
.expButton select.always { width:103px; padding-left:3px; text-align:left;}
.pluButton { width:173px;}
.with { width:100%;}
.with dt { width:85px; float:left;}
.with dd { width:78%; float:left;}
.with dd .wtable span { padding-right:20px;}
.with dd .wtab { border-bottom:1px solid #bababa;}
.no-results { padding: 120px 0 0 0;}
.no-results a { width:178px; height:50px; line-height:50px; padding-left:60px; display:block; margin:0 auto; text-align:left; font-size:18px; border:1px solid #d8d8d8; background:url(../images/application_center.gif) no-repeat 20px 12px;}
.no-results a:hover { border:1px solid #579cfd; text-decoration:none; color:#097de7;}

/* settings */
.TRsearch { width:260px; height:26px; float:left; margin:30px 0 0 225px;}
.TRsearch label { width:258px; height:24px; display:block; position:relative;}
.TRsearch input { width:251px; height:22px; padding-left:5px; outline:none; font:inherit; color:#999999; border:1px solid #cdcdcd; background-color:#FFFFFF;}
.TRsearch input:focus { border:1px solid #2f92e7; color:#333;}
.TRsearch .close { width:14px; height:14px; border:0; outline:none; display:block; background:url(../images/shared_ico.png) no-repeat -240px 3px; position:absolute; right:24px; top:6px; z-index:2;}
.TRsearch .close:hover { background-position:-240px -20px;}
.TRsearch .search { width:24px; height:24px; border:0; display:block; background:url(../images/shared_ico.png) no-repeat -32px 6px; position:absolute; right:0; top:0; z-index:1;}
.TRsearch .search:hover { background-position:-32px -21px;}
.TRbutton { float:right; padding:30px 10px 0 0;}
.TRbutton button { font:inherit; float:left; color:#333; cursor:pointer; padding:0 10px 0; line-height:24px; background-color:#fff; border:1px solid #cdcdcd; outline:none; margin:0; -webkit-transition: background-color .3s ease;}
.TRbutton button:hover { border:1px solid #0a7de7; background-color:#0a7de7; color:#fff;}
.basic-list { width:100%;}
.basic-list li { width:100%; padding:20px 0; display:inline-block; border-bottom:1px solid #eeeeee;}
.basic-list li .setting-left-title { width:140px; float:left; font-size:14px; /*font-weight:bold;*/}
.basic-list li .setting-right-content { width:78%; float:left; line-height:22px;}
.basic-list li .setting-right-content p { line-height:26px; clear:both; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.basic-list li .setting-right-content input[type='radio'],.basic-list li .setting-right-content input[type='checkbox'] { margin:0 10px 0 0; vertical-align: middle;}
.basic-list li button { padding:0 15px; margin:0 10px 0 0; text-align:center; font:inherit; color:#333; cursor:pointer; line-height:22px; background-color:#fff; border:1px solid #cdcdcd; outline:none; -webkit-transition: background-color .3s ease;}
.basic-list li button:hover { border:1px solid #0a7de7; background-color:#0a7de7; color:#fff;}
.modifyPage { margin-top:5px!important;}
.set-bottom { margin-bottom:5px!important;}
.homePage { width:100%; line-height:24px; color:#666666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.set-default-bottom { height:26px; padding-bottom:2px; display:inline-block;}
.Save-location { height:29px;}
.Save-location input { width:253px; height:20px; margin:0 10px 0 0; border:1px solid #cdcdcd; padding-left:5px; outline:none; font:inherit; color:#999999;}
.Save-location input:focus { border:1px solid #2f92e7; color:#333;}
.bosskeyLeft { padding-left:15px;}
.boss-bottom { padding-bottom:5px;}
.searchEngine { width:93px; height:24px; padding: 0 20px 0 10px; margin:0 5px 0 0;}
.big-small { width:120px; height:24px; padding: 0 20px 0 10px; margin:0 5px 0 0;}
.aliks { color:#0a7de7; margin-left:15px;}
.webDisplay { width:100%; padding-bottom:5px;}
.webDisplay span { width:90px; line-height:24px; display:block; float:left;}

/*--history--*/
.nav-time-Left { width:100%; display:inline-block; line-height:36px; overflow:auto; overflow-x:hidden;}
.nav-time-Left li { width:100%; float:left;}
.nav-time-Left .month { cursor:pointer; padding-left:50px; font-size:20px; color:#0a7de7; background:url(../images/shared_ico.png) no-repeat 90px -129px;}
.nav-time-Left .month:hover { background-color:#eeeeee;}
.nav-time-Left .month.arrow-left { background-position:33px -130px;}
.nav-time-Left .month.arrow-bottom { background-position:30px -171px;}
.nav-time-Left .day { width:100%;}
.nav-time-Left .day p { width:100%; height:32px; line-height:32px; cursor:pointer; font-size:14px; -webkit-transition:background-color .3s ease;}
.nav-time-Left .day p span { height:32px; padding-right:36px; float:right; text-align:right; border-left:0px solid #f7f7f7; display:inline-block;}
.nav-time-Left .day p:hover { background-color:#eeeeee;}
.nav-time-Left .day p:hover span { border-left:0px solid #d0d0d0;}
.nav-time-Left .day p.select { background:url(../images/nav_jt.gif) no-repeat right 50% #0a7de7; /*background:url(../images/nav_jt.gif) no-repeat 193px 50% rgba(87, 156, 253, 0.15);*/ }
.nav-time-Left .day p.select span {color:#fff; font-weight:bold;}
.history-records { width:100%;}
.history-records li { width:100%; height:28px; line-height:28px; margin-top:2px; position:relative;}
.history-records li:hover { background-color:#dbeeff; /*-webkit-transition:background-color .3s ease;*/}
.history-records li:hover .history-close { display:block;}
.history-records-header h2 { font-size:18px; font-weight:normal; padding: 16px 0 10px 0;}
.history-records-header span { padding-left:5px;}
.historyFont { height:28px; padding-left:50px; background-repeat:no-repeat; background-position:25px 7px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.historyFont a { color:#333;}
.historyFont a:hover { text-decoration:none; color:#333;}
.history-right { float:right; padding-right:10px; color:#999999;}
.history-right span { display:inline-block; float:left;}
.history-right span.history-search { width:12px; height:28px; margin:0 10px; background:url(../images/shared_ico.png) no-repeat -70px -92px;}
.history-records li:hover .history-right span.history-search:hover { background:url(../images/shared_ico.png) no-repeat -70px -37px;}
.history-right span.history-search a { width:12px; height:28px; display:block;}
.history-right span.history-links { max-width:250px; text-align:right; padding-right:4px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.history-right span.history-time { /*width:35px;*/ text-align:right;}
.history-close { width:22px; height:28px; display:none; position:absolute; top:0; left:2px; z-index:30;}
.history-close a { width:14px; height:14px; display:block; margin:8px auto 0; background:url(../images/shared_ico.png) no-repeat -36px -82px;}
.history-close a:hover { background-position:-36px -102px;}

/*---bookmarks---*/
.TRbutton select { width:auto; float:left; height:26px; margin-right:10px;}
.TRbutton button { padding:0 20px 0;}
.TRbutton button.import-right-margin { margin-right:10px;}
.bookmarks-records { width:100%; margin:0px 0;}
.bookmarks-records li { width:100%; height:28px; line-height:28px; margin-top:1px; position:relative;}
.bookmarks-records li:hover { background-color:#dbeeff;}
.bookmarks-records li:hover .bookmarks-button { display:block;}
.bookmarks-records li:hover .bookmarksFont a.bookmarks-links{ display:inline-block;}
.bookmarks-records li:hover .bookmarksFont span.bookmarks-links{ display:inline-block;}
.bookmarks-records li.select { background-color:#cde5fa;}
.bookmarks-records li.select .bookmarks-links { display:inline-block;}
.bookmarks-records li.select-editing { background-color:#cde5fa;}
.bookmarks-records li.select-editing .bookmarks-button { display:none;}
.bookmarks-records .search-header { padding:10px 0; font-size:18px; color:#333333; padding-left:32px; text-align:left;}
.bookmarksFont { height:28px; padding-left:60px; background-repeat:no-repeat; background-position:40px 7px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bookmarksFont a { color:#333;}
.bookmarksFont a:hover { text-decoration:none; color:#333;}
.bookmarksFont a.bookmarks-links{ display:none; color:#999999; cursor:default; text-align:left; padding-left:4px;}
.bookmarksFont span.bookmarks-links { display:none; color:#999999; cursor:default; text-align:left; padding-left:4px;}
.bookmarksFont input { width:48.5%; height:20px; line-height:20px!important; padding:1px 0 0 2px; float:left; margin:2px 5px 0 0; outline:none; font:inherit; color:#333; border:1px solid #2f92e7; background-color:#FFFFFF;}
.bookmarksFont input.web { border:1px solid #bfbebe; margin-right:0;}
.bookmarks-button { width:32px; height:28px; display:none; position:absolute; top:0; left:5px; z-index:30;}
.bookmarks-button a { float:left;}
.bookmarks-button a.delete { width:14px; height:14px; display:block; margin:8px 3px 0 0; background:url(../images/shared_ico.png) no-repeat -36px -82px;}
.bookmarks-button a.delete:hover { background-position:-36px -102px;}
.bookmarks-button a.edit { width:14px; height:14px; display:block; margin:8px 0 0 0; background:url(../images/shared_ico.png) no-repeat -175px 2px;}
.bookmarks-button a.edit:hover { background-position:-175px -27px;}
.tree-container { width:100%; display:inline-block; overflow:auto; overflow-x:hidden;}
.tree { width:100%; display:inline-block; line-height:32px; display:none;}
.tree-item {}
.tree-row { width:100%; height:32px; }
.tree-row.select { color:#FFFFFF; background:url(../images/nav_jt.gif) no-repeat right 50% #0a7de7; }
.tree-row.select .tree-links:hover { background:none;}
.tree-row span { height:32px; float:left; display:block;}
.tree-links { line-height:32px; height:32px; cursor:default; position:relative; z-index:0;}
.tree-links:hover { background-color:#eeeeee;}
.tree-links .tree-label input { width:55%; height:20px; line-height:20px!important; float:left; padding:1px 0 0 2px; margin-top:4px; outline:none; font:inherit; color:#333; border:1px solid #2f92e7; background-color:#FFFFFF;}
.tree-links.open .tree-label { background:url(../images/folder-open.png) no-repeat 16px 8px;}
.tree-links.open .tree-label.none { background-position:0 8px;}
.tree-links.open .expand-icon { background-position:-215px 14px;}
.tree-label { padding-left:37px; background:url(../images/folder-close.png) no-repeat 16px 8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tree-label.none { padding-left:21px; background-position:0 8px;}
.tree-label i { font-style:normal;}
.expand-icon { width:16px; background:url(../images/shared_ico.png) no-repeat -215px -26px; position:absolute;}
.expand-icon.hidden { display:none;}
.tree-children { display:block;}



/*----- webkit 滚动条-----*/
::-webkit-scrollbar { width:6px;height: 10px;} 
::-webkit-scrollbar-track,  
::-webkit-scrollbar-thumb { border-radius:999px; border: 0px solid transparent;}
::-webkit-scrollbar-track { box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-thumb { min-height: 20px; background-clip: content-box;  box-shadow: 0 0 0 0px rgba(0,0,0,.2) inset; }
::-webkit-scrollbar-corner { background: transparent;}
::-webkit-scrollbar-thumb { background-color:#bebdbd; /*background-color:rgba(3, 106, 252, 0.5);*/}
::-webkit-scrollbar-thumb:hover { background-color:#cac9c9;}
::-webkit-scrollbar-thumb:active { background-color:#b2b1b1;}
