@charset "UTF-8";
/* CSS Document */
*{margin:0; padding:0; word-wrap: break-word;}
body{font-size: 12px; font-family: CXHackSafariFont,CXEmojiFont,CXChineseQuote,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Tahoma, Arial,Segoe UI,PingFang SC, Hiragino Sans GB,Microsoft YaHei,sans-serif,Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,Noto Color Emoji; overflow-x: auto;-webkit-font-smoothing: antialiased;-webkit-font-variant-ligatures: no-common-ligatures;  font-variant-ligatures: no-common-ligatures;}
table{border:0; border-collapse:collapse; border-spacing:0;font-size: 14px;}
table th{font-weight:normal;}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
input,select,textarea{vertical-align:middle; color:#000;border:none;border:0; outline:none; resize:none; font-family: CXHackSafariFont,CXEmojiFont,CXChineseQuote,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Tahoma, Arial,Segoe UI,PingFang SC, Hiragino Sans GB,Microsoft YaHei,sans-serif,Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,Noto Color Emoji;}
input[type='file'] { display: block; opacity: 0;}
a{text-decoration:none;}
b,i,strong,em{font-weight:normal; font-style:normal;}
img{ border:0;}
.fr{float:right}
.fl{float:left}
.clear{clear:both}
/*input-placeholder-color*/
::-webkit-input-placeholder{ color: #acb4bf; text-overflow: ellipsis;}
:-moz-placeholder{ color: #acb4bf !important; text-overflow: ellipsis;}
::-moz-placeholder{ color: #acb4bf !important; text-overflow: ellipsis;}
:-ms-input-placeholder{ color: #acb4bf !important; text-overflow: ellipsis;}
@font-face {
    font-family: CXChineseQuote; /*自己取的名字*/
    font-weight: 300;
    src: local("PingFangSC-Light");
    unicode-range: U+2018,U+2019,U+201c,U+201d /*指定这些中文符号使用PingFangSC-Light字体*/
}

@font-face {
    font-family: CXChineseQuote;
    font-weight: 400;
    src: local("PingFangSC-Regular");
    unicode-range: U+2018,U+2019,U+201c,U+201d
}

@font-face {
    font-family: CXChineseQuote;
    font-weight: 500;
    src: local("PingFangSC-Medium");
    unicode-range: U+2018,U+2019,U+201c,U+201d
}

@font-face {
    font-family: CXChineseQuote;
    font-weight: 600;
    src: local("PingFangSC-Semibold");
    unicode-range: U+2018,U+2019,U+201c,U+201d
}

@font-face {
    font-family: CXEmojiFont;
    src: local("Apple Color Emoji"),local("Noto Color Emoji");
    unicode-range: U+1f21a,U+1f250,U+1f237
}

@font-face {
    font-family: CXHackSafariFont;
    src: local("Helvetica Neue");
    unicode-range: U+0000
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
.het76{height: 76px;}
/*padding,margin值*/
.pad30lr{padding:0 30px;}
.padTop30{padding-top:30px;}
.marginRight30{margin-right:30px;}
.padBom20{padding-bottom:20px;}
/**********公共文字颜色*************/
.textHidden{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
/*color*/
.colorDeep{ color:#131B26;}/*一级文字 深色*/
.colorIn{ color:#474C59;}/*二级文字 适中*/
.colorShallow{ color:#ACB4BF;}/*三级文字 浅色*/
.colorBlue_click{ color:#91a0b5;}/*可点击文字 蓝色*/
.colorBlue{ color:#3A8BFF;}/*蓝色*/
/******border**********/
.borderBom1{border-bottom:1px solid #F2F2F2;}

/************渐变按钮样式************/
.jb_btn{display:inline-block;margin-right: 30px; box-shadow: 0 3px 12px 0 rgba(39,125,255,0.30);color: #FFFFFF;text-align:center;line-height:36px;border-radius: 20px;cursor: pointer; user-select:none; box-sizing: border-box; }
.jb_btn_92{width:92px;height:36px;background:url(../../../images/pc/note/jb_btn_92.png) no-repeat 0 0;}
.jb_btn_92:hover{background-position:0 -48px;}
.jb_btn_92:active{background-position:left -96px}
.jb_btn_92_disable{width:92px;height:36px;background:url(../../../images/pc/note/jb_disable.png) no-repeat;box-shadow: 0 4px 11px 0 rgba(86,82,255,0.17);
border-radius: 20px;}
.jb_btn_104{width:104px;height:36px;background:url(../../../images/pc/note/jb_btn_104.png) no-repeat 0 0;}
.jb_btn_104:hover{background-position:0 -48px;}
.jb_btn_104:active{background-position:left -96px}
.jb_btn_168{width:168px;height:44px;line-height:44px;background:url(../../../images/pc/note/jb_btn_168.png) no-repeat 0 0;}
.jb_btn_168:hover{background-position:0 -56px;}
.jb_btn_168:active{background-position:left -112px}

.btnBlue{margin-right: 30px;border: 1px solid #94C1FF;border-radius: 20px;display:inline-block;width:90px;height:36px;text-align:center;line-height:34px;color: #3A8BFF;cursor: pointer;user-select:none;box-sizing: border-box}
.btnBlue:hover{background: #EAF0FF;}
.btnBlue:active{background: #E4ECFF;}
.jb_btn_92_disable:hover{opacity: 0.3; background-position:center; cursor: default;}
.btn_disable{opacity: 0.3; cursor: default;}
.btn_disable:hover,.btn_disable:active{background: none;}
.btn_92_cancel:hover{background:none}
.btn_92_cancel:active{background:none}
.btn_104{width:102px;}
.btn_92{width:90px;}

.draftBtn .editNoteBtn{width:auto}
/*搜索*/
.dataSearch{position:relative; width:200px; height:36px; border-radius:40px; border:1px solid #D4D6D9; box-sizing: border-box}
.dataSearch_input{ width:200px; height:34px; font-size:14px; color:#131B26; caret-color:#3A8BFF; background:none;position:absolute;left:0;top:0;z-index:2;padding:0 58px 0 14px; box-sizing: border-box; border-radius:40px;}
.dataSearch_bnt{ width:18px; height:18px;background:url(../../../images/pc/note/search_ico.png) center center / 18px 18px no-repeat; border:0 none; cursor:pointer;position:absolute;right:14px;top:9px;z-index:3;outline:none}
.dataSearch:hover{border: 1px solid #3a8bff;}
.dataSearch:hover .dataSearch_bnt{background-image: url(../../../images/pc/note/search_icoBlue.png);}
.dataSearch .cancelSearch { display: none; width: 14px; height: 14px; background: url(../../../images/pc/note/cancelsearch.png) center center / 14px 14px no-repeat; position: absolute; right: 38px; top: 11px; z-index: 2; cursor: pointer; }
.dataSearch .cancelSearch:hover{background-image: url(../../../images/pc/note/cancelsearchBlue.png);}
.noSearchResult{color:#A8A8B3;text-align: center;font-size: 14px;padding: 40px 0;}

/*位置路径*/
.RoutePosiiton{width:100%;line-height:40px;padding-top:10px;}
.dataNum{ color:#A8A8B3; }
.breadcrumb{ display:table;}
.breadcrumb>li{ color:#a8a8b3; float:left;font-size:14px; line-height: 20px;}
.breadcrumb>li.active{ color:#A8A8B3;}
.breadcrumb>li>a{  color:#3A8BFF; display:block; max-width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.breadcrumb>li>a:hover{ text-decoration:underline;}
.breadcrumb>li+li { background:url(../../../images/pc/note/breadcrumb.png) no-repeat 10px center; padding-left:24px;}

/*返回顶部*/
.back_to_top{border-radius: 5px; z-index: 9;}
.Downloada {
  font-family: "Downloada" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:#3A8BFF;
  text-align:center;line-height:40px;
}
.Downloada em{font-size: 13px;color: #FFFFFF;display:inline-block;min-width:12px;height:18px;background: #F33F34;line-height:18px;border-radius:10px;font-style:normal;position:absolute;right:-7px;top:-9px;font-family: PingFangSC-Regular;padding:0 3px;}
.Downloada:before {  content: "\e605";}
.Downloada:hover{color:#fff;background:#3A8BFF;}
.DownloadaHover{position:absolute;right:50px;bottom:0px;width: 82px;height:40px;background: rgba(24,30,51,0.80);border-radius: 4px;margin-left: -28px;opacity: 0; visibility: hidden;-webkit-transition: opacity 0.3s 0.3s, visibility 0s 0.3s;transition: opacity 0.3s 0.3s, visibility 0s 0.3s;text-align:center;line-height:40px;color:#fff;}
.DownloadaHover i{ display:block; width:0px; height:0px; border:solid rgba(24,30,51,0.80) 4px; position:absolute; right:-8px; top:16px; bottom:auto; border-color:rgba(24,30,51,0.80) transparent transparent transparent;transform:rotate(-90deg);}
.show_download_center{width: 40px;height: 40px; right: 20px;background: #FFFFFF;box-shadow: 0 1px 7px 0 rgb(198, 204, 217, 58%);position: fixed;bottom: 92px;border-radius: 4px;z-index: 10}
.show_download_center>a{    display: inline-block;width: 40px;height: 40px;overflow: hidden;background: url(../../../images/pc/note/downloadCenter.png) no-repeat;}
.DownloadCenter{position:absolute;right:48px;bottom:0px;width: 82px;height:40px;background: rgba(24,30,51,0.80);border-radius: 4px;margin-left: -28px;opacity: 0; visibility: hidden;-webkit-transition: opacity 0.3s 0.3s, visibility 0s 0.3s;transition: opacity 0.3s 0.3s, visibility 0s 0.3s;text-align:center;line-height:40px;color:#fff;}
.DownloadCenter i{ display:block; width:0px; height:0px; border:solid rgba(24,30,51,0.80) 4px; position:absolute; right:-8px; top:16px; bottom:auto; border-color:rgba(24,30,51,0.80) transparent transparent transparent;transform:rotate(-90deg);}
.show_download_center:hover{background-color: #3a8bff;}
.show_download_center:hover>a{background: url(../../../images/pc/note/downloadCenter-active.png) no-repeat;background-size: 100%;}
.show_download_center:hover .DownloadCenter{visibility: visible;opacity: 1;}


/*写笔记按钮图标*/
.PlusIcon{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:middle;margin-top:-2px;}
.PlusIcon img{display: block; width: 12px; height: 12px;}
/***************分页****************/
.pageDiv{text-align:center;padding:40px 0 0;}
.pageDiv a{display:inline-block;width:24px;height:24px;border-radius:50%;text-align:center;line-height:24px;color: #91A0B5;font-size:12px;margin:0 2px;}
.pageDiv a:hover{color: #3A8BFF;}
.pageDiv .prvePage i{display:inline-block;width:9px;height:14px;background:url(../../../images/pc/note/page_prve.png) no-repeat;vertical-align:middle}
.pageDiv .nextPage i{display:inline-block;width:9px;height:14px;background:url(../../../images/pc/note/page_next.png) no-repeat;vertical-align:middle}
.pageDiv .prvePage:hover i{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.pageDiv .nextPage:hover i{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.pageDiv a.curPage{background:url(../../../images/pc/note/pageBg.png) no-repeat;color:#fff;    box-shadow: 0 2px 6px 0 rgba(39,125,255,0.30);}
.pageDiv .prve_page_disable i{display:inline-block;width:9px;height:14px;background:url(../../../images/pc/note/disable_page_prve.png) no-repeat;vertical-align:middle}
.pageDiv .next_page_disable i{display:inline-block;width:9px;height:14px;background:url(../../../images/pc/note/disable_page_next.png) no-repeat;vertical-align:middle}

body{min-width: 900px;}
.popOverflow { overflow: hidden;}
/*公共二级导航*/
.subNav{width:100%;height:40px;background: #344B68;box-shadow: 0 2px 17px 0 rgba(211,211,211,0.50);text-align:center;line-height:40px;font-size: 16px;color: #AAAEB3;position:fixed;left:0;top:0;z-index:5}
.subNav .subNav_folderIcon,.subNav .subNav_icon{position: relative; top: 4px; display: inline-block; width: 20px; height: 20px; margin-right: 6px; background: url(../../../images/pc/note/attachIcon/folder.png) center center / 20px 20px no-repeat; opacity: 0.7;}
.subNav .subNav_binIcon{background-image: url(../../../images/pc/note/bin.png);}
.subNav .subNav_draftIcon{background-image: url(../../../images/pc/note/draft.png);}
.het40{height:40px;width:100%}
.sub-button a{display:inline-block;width:94px;height:40px;border-left:1px solid #313A4C;font-size: 14px;color: #FFFFFF;}
.sub-button a:hover{background:#48536B;}
.sub-button a:active{background:#32394A;color:rgba(255,255,255,0.7);}
.sub-button a.completeBtn{ background:#3A8BFF;}
.sub-button a.completeBtn:hover{ background:#5CA0FF;}
.sub-button a.completeBtn:active{background:#2F70CC;color:rgba(255,255,255,0.7);}
.subBack{position: absolute; left: 0; top: 0; font-size: 14px;color: #8A8B99;margin-left:30px; max-width: 30%;}
.subBack:hover{color:#A8A8B3;}
.subCenterTitle{max-width: 30%; margin: 0 auto; text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.navRight{position: absolute;top: 0; right: 0;}
@font-face {font-family: "BackIcon";
  src: url('iconfont.eot?t=1565764956848'); /* IE9 */
  src: url('iconfont.eot?t=1565764956848#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAK8AAsAAAAABmQAAAJvAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApkdQE2AiQDCAsGAAQgBYRtBzwbpwXIHpKkBw2H8xzidxQkQIiH/1/7/T4zdxD3xKKKZdFEZJEIhfYqeKiiJREimVDsW6j/4Jr3YfvRADO8yuZRRaMGHQ8rMW0NuNlmj4u+nHMIwr4wQ1k1IoU+l36SAn3ZiLnNWvSJe6d/BRTIfEC5rj1pUhdQFwcU6B7YJiuhjBvGLniB5wlU6SOArG1O10JDYk8LxLEhWaFRCEoSy1QIZQ1rk7iBQkV2iu6B6+j78Rtmo0GmyNk1m0drvTD7xJ0crPQvwUFAQIiANhfIMQMkYrcxua4sGBtTtb1iCEiS4DP9/9gsjmoQ7K+zy2tAD0wFn8kTP2pFBorOPqA3TXos0Rct1lotrmeh1f1qtyPtcyi1iIdG6XWU+sDKRDPk7dfP888H8+5feLnte97X5erbV015U9XETJcECjP0s/wdJSEQHP4z/Z192bWCksDHydsW6ZNhbip25wp+i2hgRzIktilLmqixN9N3uroqVfgP2NvkNFXbeg/ZUKF1grtcb4ZchREysWZQqDaHMhUWUWWacXO1ZhllkSoxpQoQGvSRqfOGXIMDmVhHFNqQKNMQZVTZD9qe1cbCaGkJWYQ6eHIIc88VriVqxZVnlLHNKC+JOHek0IiAVCQpZ7boIi2xIJvIaS4SECDPAQO4DG3bgxR5JvJoGIoiXxOLA01vGno9p9CyiiAmgnTAIwfCOI9LBP0jrcrnz5AUszHU0VYXvkMkZAwPpEQkA8it0h3U9ijXZCWkqZyIAAKIxwEMYBSy2Twg1TzKhLjIUGhC3KcRO90CQ5XD7dXO3x2AKrYuC2ePXNMRc1VsDPIKXckV8x0DAAAAAA==') format('woff2'),
  url('iconfont.woff?t=1565764956848') format('woff'),
  url('iconfont.ttf?t=1565764956848') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1565764956848#iconfont') format('svg'); /* iOS 4.1- */
}
.BackIcon {  font-family: "BackIcon" !important;  font-size: 17px; color: #8a8b99; font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  margin-right:6px;}
.BackIcon:before {  content: "\e604";}

.subPageMain { position: relative; top: 40px; width: 900px; min-height: 160px; margin: 30px auto; padding: 1px 0;}

.tag {position: relative; top: 2px; display: inline-block; vertical-align: top; height: 20px; margin-right: 10px; line-height: 20px; padding: 0 6px; font-size: 12px; color: #FFFFFF; border-radius: 4px; }
.tag.blue { background: #8FB4DE; }


/*灰色提示弹窗*/
.toolTipBox{position:fixed;padding:0 24px;height: 48px; background:rgba(79,87,98,0.98);border-radius: 8px;line-height:48px;color:#fff;font-size:14px;top:50%;left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:10}
.popicon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:10px;}
.popicon img{display: block;width:100%;height:100%}
.loadicon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:10px;}
.loadicon img{width:100%;height:100%}
.toolTipBox .loading img{position: relative; top: -1px;-webkit-transform: rotate(0deg) translateZ(0); -webkit-transition-duration: 0ms; -webkit-animation-name: loading; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.toolTipBox{position:fixed;padding:12px 24px; height:auto; background:rgba(79,87,98,0.98);border-radius: 8px;line-height:24px;color:#fff;font-size:14px;top:50%;left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:10}
}

.maskDiv{width:100%;height:100%;position:fixed;top:0;left:0;background: rgba(16,26,41,0.76);z-index:10}
.wid440{width:440px;max-height:360px}
.wid640{width:640px;max-height:480px}
.wid840{width:840px;max-height:600px}

.popDiv{min-height:100px;background: #FFFFFF;border-radius: 10px;position:fixed;left:50%;overflow:hidden}
.popHead{line-height:60px;height:60px;background: #FFFFFF;box-shadow: inset 0 -1px 0 0 rgba(242,242,242,0.80);position:absolute;left:0;top:0;width:100%;padding:0 30px;box-sizing: border-box;background:#fff;border-top-left-radius:10px; border-top-right-radius: 10px;}
.popClose{display:inline-block;width:18px;height:18px;margin-top:19px}
.popClose img{display: block;}
.het62{width:100%;height:60px;}
.popBottom{width:100%;height:53px;background:#fff;position:absolute;left:0;bottom:0;padding-top:17px;border-top-left-radius:10px; border-top-right-radius: 10px;box-sizing: content-box;}
.popBottom a{margin-right:30px;}
.shadowBox{box-shadow: 0 -1px 4px 0 rgba(209,209,209,0.18);}
.het72{width:100%;height:72px;}
.popWord{padding:26px 30px;}

/*switch切换按钮*/
.switch { position: relative; display: inline-block; width: 36px; height: 20px; border-radius: 20px; padding: 2px; transition: border 0.4s, box-shadow 0.4s; background-color: #D0D5DB; cursor: pointer;}
.switch .slider { position: absolute; display: inline-block; width: 16px; height: 16px; background: white; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.01);left: 2px; transition: background-color 0.4s, left 0.2s; box-sizing: border-box; }
.switch.active { box-shadow: #3A8BFF 0px 0px 0px 16px inset; transition: border 0.4s, box-shadow 0.2s, background-color 1.2s; background-color: white; cursor: pointer; }
.switch.active .slider { right: 2px; left: auto; transition: background-color 0.4s, left 0.2s; }
.switch.switch-disabled { background-color: #F0F0F0 !important; cursor: auto; }
.switch.active.switch-disabled { opacity: .5; cursor: auto; }

/*加载更多*/
.loadMore { padding: 30px 0; text-align: center; }
.loadMore .loadText, .loadMore .loadingText, .loadMore .loadEndText { display: none; position: relative; font-size: 14px; color: #91A0B5; text-align: center; }
.loadMore .loadText { display: inline-block; padding-right: 18px; cursor: pointer; }
.loadMore .loadText:after { position: absolute; content: ''; top: 4px; right: 0; width: 13px; height: 13px; background: url(../../../images/pc/note/loadMoreArrow.png) center center/13px auto no-repeat; }
.loadMore .loadText:hover { color: #3A8BFF; }
.loadMore .loadText:hover:after{background-image: url(../../../images/pc/note/loadMoreArrowBlue.png);}
.loadMore .loadingText { padding-left: 26px; }
.loadMore .loadingText:before { position: absolute; content: ''; top: 2px; left: 0; width: 18px; height: 18px; background: url(../../../images/pc/note/loadMoreLoadingBlue.png) center center/18px auto no-repeat; -webkit-transform: rotate(0deg) translateZ(0); -webkit-transition-duration: 0ms; -webkit-animation-name: loading; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
.loadMore.loading .loadingText { display: inline-block; }
.loadMore.loading .loadText, .loadMore.loading .loadEndText { display: none; }
.loadMore.loadEnd .loadEndText { display: inline-block; }
.loadMore.loadEnd .loadText, .loadMore.loadEnd .loadingText { display: none; }

@keyframes loading { from { -webkit-transform: rotate(0deg) translateZ(0); }
  to { -webkit-transform: rotate(360deg) translateZ(0); } }

/*透明遮罩*/
.transMask { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background: transparent; }


/*移动到和收藏弹窗*/
.popMove_module { height: 339px; margin: 0 2px; margin-top: 10px; }
.popMove_module .popMove_name { height: 46px; line-height: 46px; padding: 0 22px; display: block; position: relative; cursor: pointer; }
.popMove_module .popMove_name:hover { background-color: #F7FAFC; }
.popMove_module .popMove_text { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.popMove_module .popMove_active, .popMove_module .popMove_active:hover { background: #f0f6ff; border-bottom: solid #d6e8ff 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.popMove_module .popMove_active:before, .popMove_module .popMove_active:hover:before { width: 100%; height: 1px; content: ''; display: block; background: #d6e8ff; position: absolute; top: 0px; left: 0; right: 0; }
.popMove_module .popMove_name img { width: 30px; height: 30px; margin: 8px 14px 0 0; float: left; display: block; border-radius: 3px; }
.popMove_module .popMove_putit > .popMove_name { background-image: url(https://noteyd.chaoxing.com../../../images/pop/sj_right.png); background-repeat: no-repeat; }
.popMove_module .popMove_open > .popMove_name { background-image: url(https://noteyd.chaoxing.com../../../images/pop/sj_down.png); background-repeat: no-repeat; }
.popMove_module .popMove_list li > .popMove_name { padding-left: 40px; background-position: 18px center; }
.popMove_module .popMove_list li li > .popMove_name { padding-left: 62px; background-position: 42px center; }
.popMove_module .popMove_list li li li > .popMove_name { padding-left: 84px; background-position: 64px center; }
.popMove_module .popMove_list li li li li > .popMove_name { padding-left: 106px; background-position: 86px center; }
.popMove_module .popMove_list li li li li li > .popMove_name { padding-left: 128px; background-position: 108px center; }
.popMove_module .popMove_list li li li li li li > .popMove_name { padding-left: 150px; background-position: 130px center; }
.popMove_module .popMove_list li li li li li li li > .popMove_name { padding-left: 172px; background-position: 152px center; }
.popMove_module .popMove_list li li li li li li li li > .popMove_name { padding-left: 194px; background-position: 174px center; }
.popMove_module .popMove_list li li li li li li li li li > .popMove_name { padding-left: 216px; background-position: 196px center; }
.popMove_module .popMove_list li li li li li li li li li li > .popMove_name { padding-left: 238px; background-position: 218px center; }
.popMove_module .popMove_newFolder { height: 20px; line-height: 20px; padding-left: 26px; margin: 8px 0 0 30px; background: url(https://noteyd.chaoxing.com../../../images/pop/new_wjj.png) no-repeat left center; }
.popMove_module .popMove_newFolder:hover { opacity: .7; }
.popMove_module .popMove_list .rename_con { height: 36px; padding: 5px 0; position: inherit; width: auto; }
.popMove_module .popMove_module .tag { background: #F9F9FA; border: 1px solid #D8E4EC; color: #819DC6; }
.popMove_module .popMove_module .popMove_text { display: inline-block; vertical-align: middle; max-width: calc(100% - 100px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.popMove_module .popMove_empty { height: 100%; text-align: center; font-size: 14px; color: #a8a8b3; }
.popMove_module .popMove_empty:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.popMove_module .popMove_empty span { display: inline-block; vertical-align: middle; }
.pop_newFolder { height: 20px; line-height: 20px; padding-left: 26px; margin: 8px 0 0 30px; background: url(../../../images/pc/note/new_wjj.png) no-repeat left center;}

.pop_newFolder:hover{ opacity: .7; }
/*云盘资源弹窗*/
.popDiv .popTable { height: 468px; padding: 0 2px; }
.popDiv .popTable .popTableNotes { height: 40px; line-height: 40px; padding: 0 28px; }
.popDiv .popTable .popTableHead { height: 40px; background: #F5F6F7; border-radius: 2px; }
.popDiv .popTable .popTableBody { height: 386px; margin-top: 2px; }
.popDiv .popTable .popTable_th { height: 40px; color: #A8A8B3; position: relative; }
.popDiv .popTable .popTable_th li { height: 40px; line-height: 40px; float: left; }
.popDiv .popTable .popTable_td { height: 54px; position: relative; cursor: pointer; box-sizing: border-box; border-bottom: solid 1px transparent; }
.popDiv .popTable .popTable_td:hover { background: #F7FAFC; }
.popDiv .popTable .popTable_td li { height: 54px; line-height: 54px; float: left; }
.popDiv .popTable .popYunpan_th_name { width: 434px; padding-left: 60px; }
.popDiv .popTable .popYunpan_th_size { width: 170px; }
.popDiv .popTable .popYunpan_th_state { width: 170px; }
.popDiv .popTable .popYunpan_td_name { width: 494px; }
.popDiv .popTable .popYunpan_td_size { width: 170px; }
.popDiv .popTable .popYunpan_td_state { width: 170px; }
.popDiv .popTable .popYunpan_th_check, .popDiv .popTable .popYunpan_th_disabled, .popDiv .popTable .popYunpan_td_check, .popDiv .popTable .popYunpan_td_disabled { width: 18px; height: 18px !important; display: block; overflow: hidden; background: url(../../../images/pc/note/dx_check.png) no-repeat; position: absolute; left: 28px; top: 50%; margin-top: -9px; }
.popDiv .popTable .popYunpan_th_checked, .popDiv .popTable .popYunpan_td_checked { background: url(../../../images/pc/note/dx_checked.png) no-repeat; }
.popDiv .popTable .popYunpan_th_check input, .popDiv .popTable .popYunpan_th_disabled input, .popDiv .popTable .popYunpan_td_check input, .popDiv .popTable .popYunpan_td_disabled input { filter: alpha(opacity=0); opacity: 0; position: absolute; left: 20px; }
.popDiv .popTable .popYunpan_th_disabled, .popDiv .popTable .popYunpan_td_disabled { background: url(../../../images/pc/note/dx_check_disable.png) no-repeat; }
.popDiv .popTable .popYunpan_td_pic { width: 30px; height: 30px !important; position: absolute; left: 60px; top: 50%; margin-top: -15px; }
.popDiv .popTable .popYunpan_td_pic img { width: 30px; height: 30px; border-radius: 3px; display: block; }
.popDiv .popTable .popYunpan_text { width: 200px; height: 40px; line-height: 20px; padding: 7px 0 0 104px; font-size: 14px; color: #131B26; display: table; }
.popDiv .popTable .popYunpan_clamp { display: table-cell; vertical-align: middle; }
.popDiv .popTable .popYunpan_line { color: #131B26; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.popDiv .popTable .popYunpan_hover:hover { color: #3A4B87; }
.popDiv .popTable .popYunpan_active, .popDiv .popTable .popYunpan_active:hover { background: #f0f6ff; }
.popDiv .popTable .popYunpan_active { border-bottom: solid 1px #d6e8ff; }

/*举报弹窗*/
.popReport { height: 480px; overflow: unset; }
.popReport .popReport_module { position: relative; height: 350px; padding: 20px 30px; margin-right: 2px; box-sizing: border-box; }
.popReport .reporttxt { font-size: 14px; color: #646873; line-height: 20px; margin-bottom: 20px; }
.popReport .reporttxt span { color: #a8a8b3; }
.popReport .radioList { margin-bottom: 24px; overflow: hidden; width: calc(100% + 30px); }
.popReport .radioItem { float: left; height: 20px; margin-bottom: 16px; margin-right: 30px; font-size: 14px; color: #646873; }
.popReport .radioItem label { display: inline-block; vertical-align: middle; }
.popReport .radio { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 10px; border: 1px solid #D8D8D8; border-radius: 50%; box-sizing: border-box; }
.popReport .radio.checked { border: none; background: url(../../../images/pc/note/radio_button.png) center center/16px auto no-repeat; }
.popReport .addReportImg { position: relative; margin-bottom: 40px; border: 1px solid #94C1FF; border-radius: 18px; font-size: 14px; overflow: hidden; }
.popReport .addReportImg input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.popReport .addReportImg span { display: inline-block; vertical-align: middle; }
.popReport .addReportImg .addIcon { display: inline-block; vertical-align: middle; width: 12px; height: 12px; margin-right: 7px; background: url(../../../images/pc/note/svg/addBlue.svg) center center/12px 12px no-repeat; }
.popReport .uploadImgList { margin-bottom: 40px; margin-top: -10px; }
.popReport .reportContent { position: relative; border: 1px solid #E1E1E5; border-radius: 4px; padding: 14px; height: 170px; box-sizing: border-box; margin-bottom: 10px; }
.popReport .reportContent textarea { display: block; width: calc(100% + 12px); margin-right: 12px; min-height: 140px; font-size: 14px; line-height: 20px; }
.popReport .reportContent textarea:focus { border: none; box-shadow: none; }
.popReport .sizeCount { position: absolute; right: 14px; bottom: 14px; font-size: 14px; color: #E1E1E5; }
.popReport .sizeCount.red { color: #F33F34; }



/*个人信息弹窗*/
.personInfo { position: absolute; width: 440px; height: auto; min-height: 300px; background: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 0 8px rgba(24, 30, 51, 0.2); -webkit-box-shadow: 0 0 8px rgba(24, 30, 51, 0.2); box-shadow: 0 0 8px rgba(24, 30, 51, 0.2); z-index: 2; display: none; }
.personInfo .popHead { height: 48px; line-height: 48px; background: none; box-shadow: none; }
.personInfo .popHead .closeSurePop { margin-top: 30px; }
.personInfo .infoHead { height: 80px; padding: 30px 30px 0; overflow: hidden; }
.personInfo .infoHead img.personHeadPic { width: 80px; height: 80px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; float: left; }
.personInfo .infoHead h3 { float: left; font-size: 20px; color: #131B26; line-height: 80px; padding-left: 20px; }
.personInfo .infoHead em.sex { display: block; float: left; width: 16px; height: 16px; margin-top: 32px; margin-left: 10px; }
.personInfo .infoHead em.sex img { width: 100%; height: 100%; }
.personInfo .infoHead span { display: block; float: left; font-size: 12px; padding: 0 12px; text-align: center; height: 18px; line-height: 19px; margin-top: 30px; margin-left: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.personInfo .infoHead .blueBtn { color: #3A8BFF; border: 1px solid #3A8BFF; }
.personInfo .infoHead .grayBtn { color: #ccc; border: 1px solid #ccc; padding: 0 6px; }
.personInfo ul { padding: 20px 50px; overflow: hidden; }
.personInfo ul li { line-height: 20px; padding-bottom: 10px; font-size: 14px; overflow: hidden; }
.personInfo ul li span { display: block; width: 42px; float: left; color: #646873; text-align-last: justify; }
.personInfo ul li p { color: #131B26; padding-left: 16px; overflow: hidden; }

/*已读弹窗*/
.popReaderWrap { position: absolute; width: 346px; height: 304px; box-shadow: 0 2px 12px 0 rgba(175, 187, 204, 0.75); z-index: 2;}
.popReaderWrap .userListWrap, .popLikeWrap .userListWrap { background: #FFFFFF; height: 304px;border-radius: 6px; box-sizing: border-box; z-index: 2; }
.popLikeWrap .popLike { position: fixed; width: 300px;  box-shadow: none; }
.userListWrap .userList { margin: 10px 0; overflow: auto; }
.userListWrap .userList li { height: 40px; padding: 10px 20px; overflow: hidden; cursor: pointer; }
.userListWrap .userList li .user_avatar { float: left; width: 40px; height: 40px; margin-right: 14px; }
.userListWrap .userList li .user_avatar img { display: block; width: 100%; height: 100%; border-radius: 50%; }
.userListWrap .userList li .user_con { float: left; max-width: 115px; padding-top: 1px; position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); }
.userListWrap .userList li .user_con h2 { font-size: 14px; line-height: 20px; color: #131B26; margin-bottom: 2px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.userListWrap .userList li .user_con p { font-size: 12px; line-height: 16px; color: #A8A8B3; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.userListWrap .userList li .user_time { float: right; font-size: 12px; line-height: 40px; color: #A8A8B3; }
.userListWrap .userList li:not(.endTips):hover { background: #F7FAFC; }
.userListWrap .userList li.endTips{ padding: 0; height: 30px; text-align: center; color: #A8A8B3; font-size: 14px; line-height: 30px; cursor: default;}
.popLikeWrap .userListWrap .userList li .user_con{max-width: 110px;}
.popLikeWrap .popHead{padding: 0 20px; font-weight: 500}
.popLikeWrap .popHead p{font-size: 16px; }
.popLikeWrap .userListWrap{height: 390px;}
/*已读列表弹窗 end*/





/*附件*/
.attachList { margin-top: 16px;}
.attachList:empty{margin: 0;}
.attachList .attachItem { position: relative; height: 74px; box-sizing: border-box; padding: 16px; background: #F7F8FA; border-radius: 4px; margin-bottom: 16px; border: 1px solid #f7f8fa; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-box-align: center; -moz-box-align: center; display: flex; align-items: center; cursor: pointer; /*标签*/ /*直播状态颜色*/ }
.attachList .attachItem .attachImg { position: relative; float: left; width: 42px; height: 42px; min-width: 42px; margin-right: 14px; }
.attachList .attachItem .attachImg img { width: 100%; height: 100%; border-radius: 4px; margin: 0; }
.attachList .attachItem .attachImg .videoIcon { position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; z-index: 2; background: url(../../../images/pc/note/svg/video.svg) center center no-repeat; }
.attachList .attachItem .attachImg.chatImg4, .attachList .attachItem .attachImg.chatImg3, .attachList .attachItem .attachImg.chatImg2, .attachList .attachItem .attachImg.chatImg1 { position: relative; width: 42px; height: 42px; border-radius: 42px; overflow: hidden; background: #E8E8ED; }
.attachList .attachItem .attachImg.chatImg4 img, .attachList .attachItem .attachImg.chatImg3 img, .attachList .attachItem .attachImg.chatImg2 img, .attachList .attachItem .attachImg.chatImg1 img { position: absolute; width: 20px; height: 20px; border-radius: 0; }
.attachList .attachItem .attachImg.chatImg4 img:nth-child(1) { top: 0; right: 0; }
.attachList .attachItem .attachImg.chatImg4 img:nth-child(2) { top: 0; left: 0; }
.attachList .attachItem .attachImg.chatImg4 img:nth-child(3) { bottom: 0; left: 0; }
.attachList .attachItem .attachImg.chatImg4 img:nth-child(4) { bottom: 0; right: 0; }
.attachList .attachItem .attachImg.chatImg3 img:nth-child(1) { top: 0; left: 10px; }
.attachList .attachItem .attachImg.chatImg3 img:nth-child(2) { bottom: 0; left: 0; }
.attachList .attachItem .attachImg.chatImg3 img:nth-child(3) { bottom: 0; right: 0; }
.attachList .attachItem .attachImg.chatImg2 img:nth-child(1) { top: 0; left: 0; }
.attachList .attachItem .attachImg.chatImg2 img:nth-child(2) { bottom: 0; right: 0; }
.attachList .attachItem .attachImg.chatImg1 img { position: absolute; width: 100%; height: 100%; left: 0; border-radius: 0; }
.attachList .attachItem .attachInfo {width: calc(100% - 350px); min-width: 100px; overflow: hidden; }
.attachList .attachItem .attachInfo h1 {width: 100%;  font-size: 14px; line-height: 20px; color: #131B26; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.attachList .attachItem .attachInfo .loc { position: relative; display: inline-block; width: 10px; height: 14px; top: 2px; margin-right: 5px; background: url(../../../images/pc/note/icon_map.png) center center/10px auto no-repeat; }
.attachList .attachItem .attachInfo p {width: 100%;  font-size: 12px; line-height: 17px; color: #A8A8B3; margin-top: 2px; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.attachList .attachItem .attachInfo p.green { color: #4FCF5C; }
.attachList .attachItem .attachInfo p.red { color: #F33F43; }
.attachList .attachItem .attachInfo:hover h1 { color: #3A4B87; }
.attachList .attachItem .attachTag { display: inline-block; height: 20px; line-height: 20px; padding: 0 6px; font-size: 12px; color: #FFFFFF; background: #78B2F5; border-radius: 4px; margin-left: 10px; }
.attachList .attachItem .state { position: relative; font-size: 12px; margin-left: 26px; color: #A8A8B3; }
.attachList .attachItem .state:before { position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; left: -10px; top: 6px; background: #A8A8B3; }
.attachList .attachItem .attachRight { position: absolute; right: 0; top: 0; height: 100%; line-height: 74px; width: auto; padding: 0 20px; font-size: 14px; color: #91A0B5; cursor: pointer; text-align: center; }
.attachList .attachItem .attachRight > span { display: none; float: left; padding: 0 10px; font-size: 12px; color: #3A8BFF; cursor: pointer; }
.attachList .attachItem .attachRight .attachDel { width: 36px; height: 100%; right: 0; top: 0; padding: 0; background: url(https://noteyd.chaoxing.com../../../images/pc/note/popClose.png) center center/16px 16px no-repeat; cursor: pointer; }
.attachList .attachItem .attachRight .attachDown:hover, .attachList .attachItem .attachRight .attachPreview:hover, .attachList .attachItem .attachRight .attachSaveCloud:hover, .attachList .attachItem .attachRight .attachBatch:hover { color: #ACBFD9; }
.attachList .attachItem .attachRight .attachDel:hover, .attachList .attachItem .attachRight .attachReload:hover { opacity: 0.7; }
.attachList .attachItem .attachRight .attachProgressText { display: none; position: absolute; top: 0; right: 0; padding: 0 20px; width: 100%; height: 100%; font-size: 14px; color: #3A8BFF; }
.attachList .attachItem .attachRight .attachReload { display: none; position: absolute; top: 26px; right: 63px; width: 20px; height: 20px; background: url(../../../images/pc/note/svg/reload.svg) center center/16px 16px no-repeat; cursor: pointer; }
.attachList .attachItem .attachProgress { position: absolute; left: 0; top: 0; height: 100%; border-radius: 3px; background: rgba(58, 139, 255, 0.05); }
.attachList .attachItem:hover { background: #F5F7FC; }
.attachList .attachItem.file .attachRight > span { display: block; }
.attachList .attachItem.file .attachRight .attachDel { display: none; }
.attachList .attachItem.video .attachImg:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px; background: rgba(0, 0, 0, 0.2); }
/*.attachList .attachItem.liveOn .state { color: #3A8BFF; }*/
/*.attachList .attachItem.liveOn .state:before { background: #3A8BFF; }*/
/*.attachList .attachItem.living .state { color: #F7704E; }*/
/*.attachList .attachItem.living .state:before { background: #F7704E; }*/
.attachList .attachItem.insertLive { min-height: 74px; height: auto; padding: 13px 16px; }
.attachList .attachItem.insertLive h1 { line-height: 20px; overflow: inherit; white-space: normal; word-break: break-all; margin-bottom: 4px; }
.attachList .attachItem.insertLive .state { position: relative; display: inline-block; top: 0;  margin-left: 14px;width: 54px;  height: 24px; line-height: 24px;  border-radius: 13px;  white-space: nowrap; font-size: 12px; padding: 0 10px 0 11px; box-sizing: content-box;}
.attachList .attachItem.insertLive .state:before{display:none}
.attachList .attachItem.insertLive .type { position: relative; width: 14px; height: 100%; display: inline-block; vertical-align: middle;  background-size: 11px 11px; background-position: center center; background-repeat: no-repeat; margin-right: 4px;  position: relative;}

/*直播中*/
.attachList .living.attachItem .state { background-color: #FDE7DF; color: #F45925;}
.attachList .living.attachItem .state .type { background-image: url(/res/pc/images/richtext/living.png); }
/*可回看*/
.attachList .canplay.attachItem .state{ background-color: #E0EDFF; color: #3A8BFF;}
.attachList .canplay.attachItem .state .type{ top: -1px; width: 4px; height: 4px; margin-right: 7px; background: #3A8BFF; border-radius: 50%; }
/*不可回看*/
.attachList .endlive.attachItem .state{ background-color: #FFFFFF; color: #A8A8B3;}
.attachList .endlive.attachItem .state .type{ top: -1px; width: 4px; height: 4px; margin-right: 7px; background: #A8A8B3; border-radius: 50%; }
/*未开始*/
.attachList .liveno.attachItem .state{ background-color: #FFFFFF; color: #A8A8B3; }
.attachList .liveno.attachItem .state .type{ top: -1px; width: 4px; height: 4px; margin-right: 7px; background: #A8A8B3; border-radius: 50%; }

.attachList .attachItem:last-child { margin-bottom: 0; }
.attachList .unsupport { font-size: 14px; color: #131B26; line-height: 20px; }
.attachTotal { font-size: 12px; color: #6B89B3; margin-top: 10px; }
.attachTotal:hover { color: #3A8BFF; }


/*刷新*/
.tips { position: fixed; z-index: 2000; width: 240px; height: 50px; line-height: 50px; text-align: center; background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF; left: 50%; top: 50%; margin-left: -120px; margin-top: -25px; border-radius: 5px; }
.refreshing { padding: 30px 0; text-align: center; }
.refreshing .refreshingText { padding-left: 26px; }
.refreshing .refreshingText { position: relative; font-size: 14px; color: #91A0B5; text-align: center; display: inline-block; }
.refreshing .refreshingText:before { position: absolute; content: ''; top: 2px; left: 0; width: 18px; height: 18px; background: url(../../../images/pc/note/loadMoreLoading.png) center center/18px auto no-repeat; -webkit-transform: rotate(0deg) translateZ(0); -webkit-transition-duration: 0ms; -webkit-animation-name: loading; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
.personInfo { position: fixed; width: 440px; height: auto; min-height: 300px; background: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 0 8px rgba(24, 30, 51, 0.2); -webkit-box-shadow: 0 0 8px rgba(24, 30, 51, 0.2); box-shadow: 0 0 8px rgba(24, 30, 51, 0.2); z-index: 4; display: none; }

/*表情*/
.icon-face { position: relative; width: 24px; top: 6px; left: 1px; }

/*底部按钮*/
.bottomFixed { position: fixed; bottom: 0; left: 0; width: 100%; height: 36px; background: #FFFFFF; box-shadow: 0 1px 12px 0 rgba(1, 39, 78, 0.12); padding: 20px 0; z-index: 3;}
.bottomFixed .btnGroup { width: 1140px; margin: 0 auto; }
.bottomFixed .uploadTips { font-size: 14px; color: #C7C8D4; margin-left: 20px; line-height: 36px; }
.bottomFixed .addFiles { position: relative; cursor: pointer; }
.bottomFixed .addFiles input[type='file'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.useragreement{
	width: 100%;
	height: 60px;
	padding-top: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #A8A8B3;
	text-align: center;
	box-sizing: border-box;
}
.useragreement a,.replyagreement a{
	color: #3A8BFF;
	cursor: pointer;
}
.useragreement a:hover,.useragreement a:link,.useragreement a:active,.useragreement a:visited{
	color: #3A8BFF;
}
.replyagreement{
	display: inline-block;
	width: calc(100% - 400px);
	padding-top: 8px;
	line-height: 20px;
	font-size: 12px;
	color: #A8A8B3;
}
.replyagreement a:hover,.replyagreement a:link,.replyagreement a:active,.replyagreement a:visited{
	color: #3A8BFF;
}
.tag.top{
	padding: 0;
	margin: 0;
	display: inline-block;
    vertical-align: middle;
    height: 20px;
    margin-left: 10px;
    line-height: 20px;
    padding: 0 6px;
    font-size: 12px;
    color: #FFFFFF;
    border-radius: 4px;
	background: #8FB4DE;
	user-select:none;
}


/*目录*/
.editPage,.detailPage { min-width: 1280px!important; }
/*分享页和详情页都有目录*/
body>.catalogWrap { position: fixed; width: calc(50% - 450px); min-width: 300px; height: calc(100% - 110px); top: 110px; left: 0; z-index: 5; }
.detailPage .catalogWrap{ top:40px; height: calc(100% - 40px);}
.editPage .catalogWrap{min-width: 190px;}
body .catalogBox{display: flex; align-items: center; height: 100%;}
body>.catalogWrap .catalogDiv { width: 100%; position: absolute; right: 0; max-height: 100%; transition: all 0.3s; }
body>.catalogWrap .catalogHead { height: 30px; margin: 0 18px; color: #474C59; font-size: 16px; }
body>.catalogWrap .catalogHead p{font-weight: 500;}
body>.catalogWrap .catalogHead .closeIcon{display: none;}
body>.catalogWrap .catalogDiv:hover .closeIcon{display: block;}
body>.catalogWrap .closeIcon { width: 18px;height: 30px;background: url(../../../images/pc/note/doubleleftarrow.png) center center / 18px 12px no-repeat; cursor: pointer; }
body>.catalogWrap .closeIcon:hover{background-image: url(../../../images/pc/note/doubleleftarrow-blue.png)}
body>.catalogWrap .navDiv { display: none; position: absolute; left: 0; cursor: pointer; }
body>.catalogWrap .navDiv .hoverTips { left: 48px; top: -5px; }
body>.catalogWrap .navDiv .hoverTips i { left: -8px; margin-left: 0; top: 50%; margin-top: -4px; border-color: transparent rgba(24, 30, 51, 0.8) transparent transparent; }
body>.catalogWrap .navDiv:hover .hoverTips { display: block; }
body>.catalogWrap #navBtn { width: 40px; height: 32px; padding: 0 16px 0 10px; background: url(../../../images/pc/note/list.png) center center/14px 14px no-repeat; background-color: #FFFFFF; border-bottom-right-radius: 32px; border-top-right-radius: 32px; box-shadow: 0px 1px 4px 0px rgba(1, 33, 79, 0.1); border-radius: 0px 100px 100px 0px; box-sizing: border-box; }
body>.catalogWrap .catalogMain { max-height: calc(100vh - 160px); }
.foldCatalog{position: absolute; right: 18px; top: 0px;}
.foldCatalog .hoverTips{display: none; top: -5px; left: 26px; font-size: 12px;}
.foldCatalog .hoverTips i{left: -4px; top: 50%; transform: translateY(-50%); border-color: transparent rgba(24, 30, 51, 0.8) transparent transparent;}
.foldCatalog:hover .hoverTips{display: block}
.hoverTips { display: none; position: absolute; height: 40px; padding: 0 16px; line-height: 40px; text-align: center; color: #FFF; background: rgba(24, 30, 51, 0.8); border-radius: 4px; white-space: nowrap; z-index: 99; -webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -moz-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -ms-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; }
.hoverTips i { position: absolute; left: 50%; margin-left: -4px; top: 40px; bottom: auto; display: block; width: 0px; height: 0px; border: solid rgba(24, 30, 51, 0.8) 4px; border-color: rgba(24, 30, 51, 0.8) transparent transparent transparent; }
.catalogList {padding: 10px 0 1px;}
.catalogList li { position: relative; font-size: 14px; padding: 0 18px; margin-bottom: 10px; cursor: pointer; word-wrap: break-word; }
.catalogList li i { display: none; position: absolute; left: 0px; top: 6px; width: 18px; height: 18px; background: url(../../../images/pc/note/triBlueRight.png) center center/12px 12px no-repeat; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.3s; }
.catalogList li i.fold { transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; }
.catalogList li[level='1'], .catalogList li[attr='title'] { color: #474C59; padding-left: 18px; }
.catalogList li[level='1'], .mac .catalogList li[attr='title'] { font-weight: 500; }
.catalogList li[level='2'] { color: #474C59; padding-left: 36px; }
.catalogList li[level='3'] { color: #474C59; padding-left: 54px; }
.catalogList li[level='4'] { color: #474C59; padding-left: 72px; }
.catalogList li[level='5'] { color: #474C59; padding-left: 90px; }
.catalogList li[level='6'] { color: #474C59; padding-left: 108px; }
.catalogList li[attr]:empty { display: none; }
.catalogList li.active { color: #3A8BFF; }
.catalogList li:hover { color: #3A8BFF; }
.catalogList li.hover { color: #3A8BFF; }
.catalogList li.hover i { display: block; }