@charset "utf-8";

.page-wrapper{min-width:1346px;}

/*        Start Of Header       */
.page-header{min-width:1346px; width:100%; position:fixed; top:0px; z-index:120; background-color:rgba(236,235,232,0.8);backdrop-filter: blur(3px);}
.page-header .top-container{}
.page-header .top-container .top-clos{ background-color:#222; height:56px;display: flex; color:#FFF; line-height:56px; overflow:hidden;}
.page-header .top-container .top-clos2{ background-color:#3E3E3E; height:56px;display: flex; color:#FFF; line-height:56px; overflow:hidden;}
.page-header .top-container .top-clos a{color:#FFF;text-decoration:none;}
.page-header .top-container .top-clos a:visited { color: #fff;text-decoration:none;} 
.page-header .top-container .top-clos a:hover{ text-decoration:underline;}
.page-header .top-container .top-clos .clos-left{width:155px; border-right:1px solid #505050; font-size:20px; text-align:center;}

.page-header .top-container .top-clos .clos-right{width:155px; font-size:20px; text-align:center;}
.page-header .top-container .top-clos .clos-flex{display: flex;flex: 1; border-right:1px solid #505050; font-size:18px; overflow:hidden;}
.page-header .top-container .top-clos .top-list-title{flex: 1; padding-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page-header .top-container .top-clos .top-list-date{width:140px; text-align:right; padding-right:10px;}

.page-header .top-container .top-menu{height:90px;display: flex;}
.page-header .top-container .top-menu .site-logo{width:155px; padding:12px 0px;text-align:center; display:grid;place-items: center;}
.page-header .top-container .top-menu .site-logo img{ max-width:155px;max-height:90px;}
.page-header .top-container .top-menu .menu-container{min-width:500px;display: flex; font-size:18px;gap:30px;}
.page-header .top-container .top-menu .menu-container-unlogin{ flex:1;}
.page-header .top-container .top-menu .menu-container a{text-decoration:none;}
.page-header .top-container .top-menu .menu-container a:visited{text-decoration:none;}
.page-header .top-container .top-menu .menu-container .menu-item{color:#999;margin-top:36px; height:42px;}
.page-header .top-container .top-menu .menu-container .menu-item:hover{border-bottom: 2px solid #999;}
.page-header .top-container .top-menu .menu-container .menu-item-active{ color:#1A1A1A;margin-top:36px; height:42px; border-bottom: 2px solid #1A1A1A;font-weight:600;}

.page-header .top-container .top-menu .search-container{flex: 1;display: flex;}
.page-header .top-container .top-menu .search-container .search-left{height:40px; width:40px;line-height:40px; position:absolute; margin-left:7px;}
.page-header .top-container .top-menu .search-container .search-left .iconfont{font-size:28px; color:#4D4D4D; cursor:pointer;}

.page-header .top-container .top-menu .search-container .search-right{height:40px; width:40px;line-height:40px;position:relative; float:right; margin-top:-40px; margin-right:-5px;}
.page-header .top-container .top-menu .search-container .search-right .iconfont{font-size:28px; color:#333; cursor:pointer; height:40px; display:none;}
.page-header .top-container .top-menu .search-container .search-right .iconfont:hover{color:#000;}

.page-header .top-container .top-menu .search-container .search-box{flex: 1;height:40px;margin:25px 20px;}
.page-header .top-container .top-menu .search-container .search-box .search-input{background-color:#FFF; border:1px solid #D3D3D3;height:40px; width:100%; font-size:16px; color:#999;padding:0px 42px;box-sizing:border-box;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.page-header .top-container .top-menu .search-container .search-box .search-input:focus{border:1px solid #999;}


.page-header .top-container .top-menu .search-container .search-box .search-his{ position:relative; width:calc(100% - 40px);background-color:#F5F5F5; padding-bottom:42px; margin:0px 20px;-moz-border-radius:0 0 20px 20px;-webkit-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px;z-index:120; display:none;}
.page-header .top-container .top-menu .search-container .search-box .search-his .search-his-title{ margin:0px 46px 20px 46px; padding-top:36px; font-size:20px;}
.page-header .top-container .top-menu .search-container .search-box .search-his .search-his-tagdiv{ margin:0px 46px 0px 46px; padding-top:20px;}
.page-header .top-container .top-menu .search-container .search-box .search-his a{color:#262626;}

.page-header .top-container .top-menu .right-container{display: flex; margin-right:48px;gap:10px;}

.page-header .top-container .top-menu .right-container .member-favorite{box-sizing:border-box;width:40px; height:40px; margin:25px 0px;padding:4px; line-height:40px; overflow:hidden; cursor:pointer;}
.page-header .top-container .top-menu .right-container .member-favorite:hover{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; background-color:#E1DDD1;}
.page-header .top-container .top-menu .right-container .member-favorite:hover .member-favorite-btn{ display:block;}
.page-header .top-container .top-menu .right-container .member-favorite-btn{position:absolute; min-width:70px;padding:0px 12px; height:30px; margin-top:-4px; margin-left:-28px; text-align:center;color:#fff; font-size:14px; line-height:28px; background-color:rgba(0,0,0,0.8); -moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px; white-space:nowrap; display:none;}

.page-header .top-container .top-menu .right-container .member-account{ box-sizing:border-box;height:40px; margin:25px 0px; padding:6px; line-height:28px; overflow:hidden; cursor:pointer}
.page-header .top-container .top-menu .right-container .member-account:hover{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; background-color:#E1DDD1;}
.page-header .top-container .top-menu .right-container .member-account-active{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; background-color:#E1DDD1;}
.page-header .top-container .top-menu .right-container .member-account .member-avatar{display:inline-block;width:28px; height:28px;line-height:0px; overflow:hidden;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.page-header .top-container .top-menu .right-container .member-account .member-avatar img{height:100%;}
.page-header .top-container .top-menu .right-container .member-account .member-menu-arrow{display:inline-block;width:28px; height:28px;overflow:hidden; cursor:pointer}
.page-header .top-container .top-menu .right-container .member-account .member-menu-lab{height:28px;overflow:hidden; line-height:28px; cursor:pointer; margin-right:10px; margin-left:10px; display:none;}
.page-header .top-container .top-menu .right-container .member-account:hover .member-menu-lab{ display:inline-block;}

.page-header .top-container .top-menu .right-container .lang-container{width:105px; height:32px; margin:29px 0px; line-height:32px;font-size:12px; overflow:hidden; background-color:#C6C3BA; cursor:pointer;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;}
.page-header .top-container .top-menu .right-container .lang-container .lang-btn{ padding:3px 5px; margin-top:6px; margin-left:6px; line-height:20px;color:#FFF; height:20px;}
.page-header .top-container .top-menu .right-container .lang-container .lang-btn:hover{ background-color:#999;color:#fff;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.page-header .top-container .top-menu .right-container .lang-container .lang-btn-active{padding:3px 5px; margin-top:6px; margin-left:6px;background-color:#343434; overflow:hidden; line-height:20px;color:#FFF; height:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}

/* Pop Menu*/
.page-header .top-container .top-menu .right-container .member-menu{position:absolute; z-index:120; min-width:288px; box-sizing:border-box; padding:20px;margin-top:72px; right:45px; font-size:16px;background-color:#FFF; -moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px; display:none;}
.page-header .top-container .top-menu .right-container .member-menu a{color:#AAA;}
.page-header .top-container .top-menu .right-container .member-menu a:hover{color:#262626;}
.page-header .top-container .top-menu .right-container .member-menu .space-line{clear:both;margin-bottom:8px;padding-top:8px; border-bottom:1px solid #E6E6E6;}
.page-header .top-container .top-menu .right-container .member-menu .member-info{display:flex;align-items: center; gap:20px; margin-bottom:20px;}
.page-header .top-container .top-menu .right-container .member-menu .member-info .member-avatar{ height:50px;width:50px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden;}
.page-header .top-container .top-menu .right-container .member-menu .member-info .member-avatar img{width:100%;}
.page-header .top-container .top-menu .right-container .member-menu .member-info .member-desc{flex:1;}
.page-header .top-container .top-menu .right-container .member-menu .member-info .member-desc .user-name{color:#000;font-size:14px;}
.page-header .top-container .top-menu .right-container .member-menu .member-info .member-desc .user-info{color:#808080;font-size:12px;}


.page-header .top-container .top-menu .right-container .member-menu .member-plan{display:flex;justify-content: space-between; margin-bottom:20px;}
.page-header .top-container .top-menu .right-container .member-menu .member-plan .plan-desc{ text-align:center}
.page-header .top-container .top-menu .right-container .member-menu .member-plan .plan-desc .title{color:#000;font-size:14px; font-weight:bold;}
.page-header .top-container .top-menu .right-container .member-menu .member-plan .plan-desc .sub-title{color:#808080;font-size:12px;}

.page-header .top-container .top-menu .right-container .member-menu .plan-buy{ display:flex; box-sizing:border-box; padding:15px 12px; margin-bottom:20px;justify-content: space-between;align-items: center; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; overflow:hidden;background-color:#fff4ef;background-image:linear-gradient(to right, #fff4ef, #ffe4d9);}
.page-header .top-container .top-menu .right-container .member-menu .plan-buy .sub-pbox{}
.page-header .top-container .top-menu .right-container .member-menu .plan-buy .sub-pbox .title{color:#000;font-size:14px;}
.page-header .top-container .top-menu .right-container .member-menu .plan-buy .sub-pbox .sub-title{color:#808080;font-size:12px;}
.page-header .top-container .top-menu .right-container .member-menu .plan-buy .sub-pbox .buy-btn{color:#FFF; background-color:#FBAB89;font-size:12px; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; overflow:hidden; line-height:24px; padding:0px 10px;}

.page-header .top-container .top-menu .right-container .member-menu .member-setting{display:flex;justify-content: space-between; margin-bottom:5px;}
.page-header .top-container .top-menu .right-container .member-menu .member-setting .setting-btn{ text-align:center; cursor:pointer; color:#808080;}
.page-header .top-container .top-menu .right-container .member-menu .member-setting .setting-btn:hover{color:#262626;}
.page-header .top-container .top-menu .right-container .member-menu .member-setting .setting-btn .btn-lab{font-size:12px;}
.page-header .top-container .top-menu .right-container .member-menu .other-link{color:#AAA; font-size:14px; text-align:center;}




.page-header .top-container .top-menu .right-container .right-lab{flex:1;margin:28px 0px;}
.page-header .top-container .top-menu .right-container .right-lab .text-button{ height:36px; line-height:36px; text-align:center; padding:0px 10px; display:block; -moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;background-color:#FBAB89;color:#FFF; font-weight:bold; font-size:16px; cursor:pointer;}
.page-header .top-container .top-menu .right-container .right-lab .text-button:hover{ }

.page-header .top-container .top-menu .right-container .right-link{margin:28px 10px; line-height:34px;font-size:20px;}
.page-header .top-container .top-menu .right-container .right-link a{color:#999999;}
.page-header .top-container .top-menu .right-container .deke-change-div{position: absolute;margin-left: 30px;color:#262626;margin-top: 63px;display: flex;flex-direction: column;gap: 5px;}
.page-header .top-container .top-menu .right-container .deke-change-div .deke-change{ background-color:#F89F01;font-size:12px; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; overflow:hidden; line-height:24px; padding:0px 10px;}
/*        End Of Header       */

<!--unlogin-wrapper{height:100%; width:100%; position:absolute; overflow:hidden;}-->
.unlogin-wrapper{ height:100vh; overflow:hidden;}
.unlogin-wrapper .text-title{font-size:50px; text-align:center; padding:20px 40px 20px 40px; font-family:XinYiJiXiangSong; line-height:150%;}
.unlogin-wrapper .pink-title{color:#FBAB89;box-sizing:border-box; position:absolute; padding-top:40px; width:100%;}
.unlogin-wrapper .sub-title{font-size:20px; text-align:center; padding:10px 40px 20px 40px;line-height:150%; color:#676767;}

<!--headspace{box-sizing:border-box; padding-top:90px;}-->
.headspace{}
.unlogin-wrapper .piclist1{ display:flex;gap:26px; height:100%; overflow:hidden;}
.unlogin-wrapper .piclist1 .list-item{flex:1;display:flex;flex-direction: column;gap:26px;}
.unlogin-wrapper .piclist1 .list-item .piclist-item{flex-shrink: 0;}

.unlogin-wrapper .piclist2{ display:flex;gap:50px; margin:60px 114px 0px 114px;}
.unlogin-wrapper .piclist2 .list-item1{flex:1; display:flex;flex-direction: column;gap:20px;}
.unlogin-wrapper .piclist2 .list-item2{flex:2;}
.unlogin-wrapper .piclist2 .title{position: absolute; height:43px;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));left: 0px;right: 0px;bottom: 0px;text-align: center;color: #FFF;line-height: 43px;-webkit-box-orient: vertical;display: -webkit-box; overflow: hidden;text-overflow:clip;word-break: break-all;-webkit-line-clamp:1;}
.unlogin-wrapper .piclist2 .left-corner{position:absolute;z-index:100; height:30px; padding:0px 16px; font-size: 12px; background-color: rgba(38, 38, 38, 0.8); color:#FFF; text-align:center;font-size:16px; line-height:30px;-moz-border-radius:0px 0px 20px 0px;-webkit-border-radius:0px 0px 20px 0px;border-radius:0px 0px 20px 0px;}
.unlogin-wrapper .piclist2 .video-infolab{flex:1; padding:0px 16px; color:#fff; font-size:14px;}

.unlogin-wrapper .piclist3{ display:flex;gap:50px; margin:0px 119px;}
.unlogin-wrapper .piclist3 .list-item{flex:1; display:flex;flex-direction: column;gap:24px; height:100%;}
.unlogin-wrapper .piclist3 .list-item-c{display:flex;flex-direction: column;gap:24px; width:426px; height:100%;}
.unlogin-wrapper .piclist3 .cols-item{flex-direction:row;gap:20px;}
.unlogin-wrapper .piclist3 .cols-item .list-subitem{flex:1;display:flex;flex-direction: column;gap:20px;}
.unlogin-wrapper .piclist3 .cols-item .list-subitem .piclist-item{flex-grow:1;}
.unlogin-wrapper .piclist3 .title{position: absolute; height:43px;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));left: 0px;right: 0px;bottom: 0px;text-align: center;color: #FFF;line-height: 43px;-webkit-box-orient: vertical;display: -webkit-box; overflow: hidden;text-overflow:clip;word-break: break-all;-webkit-line-clamp:1;}

.unlogin-wrapper .piclist4{ display:flex;gap:60px; margin:0px 182px; box-sizing:border-box;}
.unlogin-wrapper .piclist4 .list-item{}
.unlogin-wrapper .piclist4 .cols-text{flex:1;display:flex;align-items: center;height: 100vh;}
.unlogin-wrapper .piclist4 .cols-item{ width:594px;display:flex;align-items: center; flex-direction:row;gap:30px;}
.unlogin-wrapper .piclist4 .cols-item .list-subitem{flex:1;display:flex;flex-direction: column;gap:30px;}

.unlogin-wrapper .piclist5{ display:flex;gap:26px; height:100%; overflow:hidden;}
.unlogin-wrapper .piclist5 .list-item{flex:1; display:flex;flex-direction: column;gap:26px;}
.unlogin-wrapper .piclist5 .piclist-item{min-height:0px;padding-bottom:100%;}
.unlogin-wrapper .unlogin5{}
.unlogin-wrapper .unlogin5 .piclist-item{  overflow: hidden;position: relative;}
.unlogin-wrapper .unlogin5 .piclist-item img{  width: 100%; /* 图片宽度填满容器 */
  height: 100%; /* 图片高度填满容器 */
  object-fit: cover; /* 裁剪并覆盖容器 */
  position: absolute; /* 绝对定位 */
  top: 50%; /* 图片顶部居中 */
  left: 50%; /* 图片左侧居中 */
  transform: translate(-50%, -50%); /* 使图片中心与容器中心对齐 */}

.idx-page-5-mask{ position:absolute;width:100%;height:100vh; background-color:rgba(0,0,0,0.6); overflow:hidden;z-index:18;}
.idx-page-5-mask .page5-dialog-box{position:relative;background-color:#F5F5F5; overflow:hidden;width:860px; min-height:482px; margin:auto; top:50%; margin-top:-241px; display:block; box-shadow:unset;z-index:20;}
.idx-page-5-mask .page5-dialog-box .page5-content-box{ padding:20px 10px 24px; width:100%; box-sizing:border-box;}
.idx-page-5-mask .page5-dialog-box .page5-content-box .page5-content{display:flex; margin:20px 80px;}
.idx-page-5-mask .page5-dialog-box .page5-content-box .page5-content .page5-cols{flex:1;}
.idx-page-5-mask .page5-dialog-box .page5-content-box .page5-content .page5-cols-c{ height:308px; border-right:1px dashed #808080; margin:50px 20px 20px 20px;}
.idx-page-5-mask .page5-dialog-box .page5-content-box .page5-content .page5-cols .field-set{ margin:5px 30px;}
.idx-page-5-mask .page5-dialog-box .page5-content-box .page5-content .page5-cols .field-set .sms-button{right:484px;}
.idx-page-5-mask .page5-dialog-box .page5-content-box .page5-content .page5-cols .field-addition{ margin:5px 30px;}
.idx-page-5-mask .page5-dialog-box .page5-content-box .page5-content .page5-cols .field-button{ margin:5px 30px;}



.unlogin-wrapper .piclist-item{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden; background-color:#CCC;min-height:120px;}
.unlogin-wrapper .piclist-item img{width:100%; display:none;}
.unlogin-wrapper .item-v{ min-height:0px;padding-bottom:178%; position:relative;}
.unlogin-wrapper .item-v .img-item{ position:absolute;top:0px; left:0px; right:0px; bottom:0px;}
.unlogin-wrapper .item-w{ min-height:0px;padding-bottom:56%; position:relative;}
.unlogin-wrapper .item-w .img-item{ position:absolute;top:0px; left:0px; right:0px; bottom:0px;}
.unlogin-wrapper .item-s{ min-height:0px;padding-bottom:100%; position:relative;}
.unlogin-wrapper .item-s .img-item{ position:absolute;top:0px; left:0px; right:0px; bottom:0px;}



.page-wrapper .index-page-btn{position:absolute; margin:auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; width:60px; height:60px; overflow:hidden; background-color:rgba(251,171,137,1);}
.page-wrapper .index-page-btn:hover{ background-color:rgba(251,171,137,1);}
.page-wrapper .btn-up{ left:50%; margin-left:-30px; margin-top:105px;z-index: 50;}
.page-wrapper .btn-down{left:50%; margin-left:-30px; bottom: 75px;z-index: 50;}
.page-wrapper .index-page1-bottm{position:fixed;left: 0px;right: 0px;bottom: 0px;z-index: 50;text-align:center;line-height:50px; height:50px; overflow:hidden; background-color:rgba(246,245,232,0.85);backdrop-filter: blur(3px); cursor:pointer}
.page-wrapper .index-page1-bottm .icon-Arrow-Down{height:10px;}

.body-wrapper{margin:auto;margin-top:146px; margin-left:20px; margin-right:20px;}
.body-wrapper .index-cols-container{ position:fixed; top:146px; left:0px; right:0px; padding:20px 0px; height:44px; z-index:110; background-color:rgba(236,235,232,0.8);backdrop-filter: blur(3px); display: flex;justify-content: center;}
.body-wrapper .index-cols-container .category-count-container{display: inline-block;border: 1px solid #B3B3B3;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; margin:auto; height:42px; white-space:nowrap;}
.body-wrapper .index-cols-container .category-count-container .category-text-lab{ display: inline-block;font-size:16px; line-height:30px; overflow:hidden; margin:6px; padding:0px 8px;border-right: 1px solid #B3B3B3;}
.body-wrapper .index-cols-container .category-count-container .category-count-lab{ display: inline-block;font-size:16px; line-height:30px; overflow:hidden; margin:6px; padding:0px 8px; cursor:pointer;}
.body-wrapper .index-cols-container .category-count-container .category-count-lab:hover{ background-color:#ccc; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.body-wrapper .index-cols-container .category-count-container .category-count-lab-active{background-color:#FBAB89; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; color:#FFF; cursor:default;}
.body-wrapper .index-cols-container .category-count-container .category-count-lab-active:hover{background-color:#FBAB89; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; color:#FFF; cursor:default;}
.body-wrapper .index-cols-container .category-count-container a{color:#000}

.body-wrapper .hottag-container{margin-bottom:32px; overflow:hidden; height:40px; }
.body-wrapper .hottag-container-category{ display:none;}
.body-wrapper .hottag-container-bak{margin:auto;margin-left:160px; margin-right:160px; margin-bottom:32px; overflow:hidden; height:40px; }
.body-wrapper .hottag-container-category-bak{margin-left:360px; margin-right:200px;}
.body-wrapper .hottag-container-expand{height:auto;}

.body-wrapper .cols-count-container{position:absolute; margin-left:40px; height:40px; line-height:40px;color:#262626; border:1px solid #B3B3B3;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12x; display:none;}
.body-wrapper .his-head{ display:block; position:static;}
.body-wrapper .his-cols{ position:fixed; top:90px; left:0px; right:0px; padding-bottom:20px;  height:40px; z-index:110; background-color:rgba(236,235,232,0.8);backdrop-filter: blur(3px);}
.body-wrapper .download-cols{ position:fixed; top:90px; left:0px; right:0px; padding:0px 120px 20px 120px;  height:40px; z-index:110; background-color:rgba(236,235,232,0.8);backdrop-filter: blur(3px);}
.body-wrapper .cols-count-container span{color:#676767;}
.body-wrapper .cols-count-container .count-lab{display: inline-block;font-size:16px; line-height:30px; overflow:hidden; margin:5px; padding:0px 8px;color:#999; cursor:pointer;}
.body-wrapper .cols-count-container .count-lab:hover{background-color:#DFDFDF;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.body-wrapper .cols-count-container .count-lab-active{background-color:#C6C5BE; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;color:#262626;}
.body-wrapper .cols-count-container .count-lab-active:hover{background-color:#C6C5BE;}
.body-wrapper .cols-count-container a{color:#262626;}

.body-wrapper .catetory-title{font-size:40px; text-align:center; padding:10px 40px 20px 40px; font-family:XinYiJiXiangSong; line-height:150%;}
.body-wrapper .side-clos-btn{position:fixed; z-index:100; right:32px;width:40px;text-align:center;background-color:#3E3E3E;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-bottom:16px;cursor:pointer; color:#E0E0E0; font-size:14px; padding-bottom:30px; display:none;}
.body-wrapper .clos-btn-active{ display:block;}
.body-wrapper .side-clos-btn .iconfont{ margin-top:16px;}
.body-wrapper .side-clos-btn .side-btn-text{display: flex;align-items: center;justify-content: center;writing-mode: vertical-rl;text-align: center;width: 100%;word-spacing:2px;}

.body-wrapper .hottag-container .tag-active{display:inline-block; padding:0 16px; margin:0px 12px; word-break:keep-all;height:40px; line-height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; background-color:#222; color:#FFFEF2;font-size:14px;}
.body-wrapper .hottag-container .tag{display:inline-block; padding:0 16px; margin:0px 6px; word-break:keep-all;height:40px; line-height:40px;color:#262626;font-size:14px; cursor:pointer;}
.body-wrapper .hottag-container .tag:hover{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; background-color:#E6E6E6;}
.body-wrapper .hottag-container .tag-more{ display:inline;padding:0 16px; margin:0px 6px;height:40px;cursor:pointer; margin-right:40px;}
.body-wrapper .hottag-container .tag-sel{ -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-color:#FBAB89; color:#FFF;}
.body-wrapper .hottag-container .tag-sel:hover{background-color:#FBAB89; color:#262626;}

/*        Pic List            */
.body-wrapper .piclist-container{margin:auto;position:relative;}
.body-wrapper .piclist-container .piclist-item{ position:absolute;margin:0px 10px 20px 10px;width: 265px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden; background-color:#CCC;}
.body-wrapper .piclist-container .piclist-item img{width:100%; display:none;}
.body-wrapper .piclist-container .piclist-item .left-corner{position:absolute;z-index:100; height:30px; padding:0px 16px; background-color:#CCC; color:#FFF; text-align:center;font-size:16px; line-height:30px;-moz-border-radius:0px 0px 20px 0px;-webkit-border-radius:0px 0px 20px 0px;border-radius:0px 0px 20px 0px;}
.body-wrapper .piclist-container .piclist-item .corner-recommend{background-color:#FF3F3F;}
.body-wrapper .piclist-container .piclist-item .corner-ad{background-color:#09F;}
.body-wrapper .piclist-container .piclist-item .corner-video{font-size:12px;background-color:rgba(38,38,38,0.8); }
.body-wrapper .piclist-container .piclist-item .corner-roll-page{position:absolute;width:53px; height:55px;right: 0px;bottom: 59px;background-repeat: no-repeat;background-position : bottom right;background-image:url(/images/page_coner.svg);}
.body-wrapper .piclist-container .piclist-item .corner-roll-page-height{position:absolute;width:99px; height:186px;right: -15px;bottom: 51px;background-repeat: no-repeat;background-position : bottom right;background-image:url(/images/page_coner_height.svg);}



.body-wrapper .piclist-container .piclist-item .plitem-bg{ position:absolute;z-index:80;width:100%;height:100%; background-color:rgba(28,28,28,0.6); display:none;}

.body-wrapper .piclist-container .piclist-item .plitem-bg .item-favorite{position:absolute; width:40px; height:40px; right:16px; top:16px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden; text-align:center; line-height:40px; background-color:#FFF;}
.body-wrapper .piclist-container .piclist-item .plitem-bg .item-favorite .iconfont{font-size:26px; cursor:pointer;}
.body-wrapper .piclist-container .piclist-item .plitem-bg .item-desc{position:absolute; width:100%; padding-bottom:12px; bottom:0px;color:#FFF;font-size:12px;}
.body-wrapper .piclist-container .piclist-item .plitem-bg .item-desc .desc-title{ font-size:14px; font-weight:bold; margin:0px 14px;
    -webkit-box-orient: vertical;display: -webkit-box; text-overflow: ellipsis;overflow: hidden;word-break: break-all;-webkit-line-clamp:2;}
.body-wrapper .piclist-container .piclist-item .plitem-bg .item-desc .desc-title-only{text-align:center;}
.body-wrapper .piclist-container .piclist-item .plitem-bg .item-desc .desc-content{font-size:12px; margin:0px 14px;padding-top:4px;color:#FFF;font-size:12px;
    -webkit-box-orient: vertical;display: -webkit-box; text-overflow: ellipsis;overflow: hidden;word-break: break-all;-webkit-line-clamp:3;}
	.body-wrapper .piclist-container .piclist-item .plitem-bg .album-d{padding-bottom: 67px;}
.body-wrapper .piclist-container .piclist-item .plitem-bg .item-desc .album-content{font-size:12px; margin:0px 14px; text-align:center;color:#FFF;
    -webkit-box-orient: vertical;display: -webkit-box; text-overflow: ellipsis;overflow: hidden;word-break: break-all;-webkit-line-clamp:1;}

.body-wrapper .piclist-container .piclist-item .album-desc{ box-sizing:border-box;position:absolute;z-index:90;width:100%; height:60px; bottom:0px;color:#262626;font-size:12px; background-color:#F5F5F5;}
.body-wrapper .piclist-container .piclist-item .album-desc .desc-title{ font-size:14px; font-weight:bold; margin:0px 14px; text-align:center;height:30px; line-height:30px;
    -webkit-box-orient: vertical;display: -webkit-box; text-overflow: ellipsis;overflow: hidden;word-break: break-all;-webkit-line-clamp:1;}
.body-wrapper .piclist-container .piclist-item .album-desc .desc-subtitle{ font-size:12px; margin:0px 14px;text-align:center;line-height:16px;
    -webkit-box-orient: vertical;display: -webkit-box; text-overflow: ellipsis;overflow: hidden;word-break: break-all;-webkit-line-clamp:1;}

/*        Pic Desc            */
.body-wrapper .picdesc-container{margin:auto;position:relative; display:none;}


/*   Report Slide   */
.body-wrapper .report-slide-container{margin:auto; margin:0px 120px; min-height:400px; display:flex; gap:50px;}
.body-wrapper .report-slide-container .slide-left{ flex:5; position:relative;}
.body-wrapper .report-slide-container .slide-left .slide-img{position:absolute; top:0px; right:0px; bottom:0px;left:0px; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden; background-color:#EFEFEF;}
.body-wrapper .report-slide-container .slide-left .slide-img a{ display:block;position:absolute;overflow:hidden;background-position : center center;background-repeat: no-repeat;background-size:auto 100%; width:100%; height:100%;}
.body-wrapper .report-slide-container .slide-left .slide-dot{position:absolute;top:0px; right:24px; bottom:0px; width:24px; display:flex; flex-direction:column; gap:20px;justify-content: center;align-items: center; z-index:90;}
.body-wrapper .report-slide-container .slide-left .slide-dot .iconfont{cursor:pointer;}
.body-wrapper .report-slide-container .slide-left .slide-dot .dot{ width:20px; height:20px; display:block; background-color:#B3B3B3;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; cursor:pointer;}
.body-wrapper .report-slide-container .slide-left .slide-dot .dot-0{background-color:#B3B3B3;}
.body-wrapper .report-slide-container .slide-left .slide-dot .dot-0:hover{background-color:#E3E3E3;}
.body-wrapper .report-slide-container .slide-left .slide-dot .dot-1{background-color:#FFF;}

.body-wrapper .report-slide-container .slide-right{ flex:3; display:flex;gap:25px; flex-direction:column;}
.body-wrapper .report-slide-container .slide-right .right-item{ box-sizing:border-box; background-color:#E0E0E0;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden; cursor:pointer;}
.body-wrapper .report-slide-container .slide-right .right-item:hover{ background-color:#E3E3E3;}
.body-wrapper .report-slide-container .slide-right .right-item-ative{ border:2px solid #FF8A58; background-color:#FFF;}
.body-wrapper .report-slide-container .slide-right .right-item-ative:hover{ border:2px solid #FF8A58; background-color:#FFF;}
.body-wrapper .report-slide-container .slide-right .right-item .title{ margin:24px 24px 20px 24px; font-size:22px; font-weight:bold; line-height:24px;color:#262626; -webkit-box-orient: vertical;display: -webkit-box; text-overflow: ellipsis;overflow: hidden;word-break: break-all;-webkit-line-clamp:1;}
.body-wrapper .report-slide-container .slide-right .right-item .content{ margin:0px 24px 24px 24px; font-size:16px;line-height:150%; color:#666; -webkit-box-orient: vertical;display: -webkit-box; text-overflow: ellipsis;overflow: hidden;word-break: break-all;-webkit-line-clamp:3;}
.body-wrapper .report-slide-container .slide-right .right-item .title a:hover{color:#FF8A58;}


/*        Gallery            */
.body-wrapper .gallery-container{ margin:0px 70px; display:flex;}
.body-wrapper .gallery-container .btn-div{ width:200px;height: calc(100vh - 300px); display:flex;justify-content: center;align-items: center;}
.body-wrapper .gallery-container .btn-div .btn-switchpage{ box-sizing:border-box;padding:12px;width:60px;height:60px; background-color:#FFFFFF;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden; cursor:pointer;}
.body-wrapper .gallery-container .btn-div .btn-switchpage:hover { background-color:#E0E0E0;}

.body-wrapper .gallery-container .gallery-box{ box-sizing:border-box; padding:20px;flex:1; background-color:#FFF;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px; overflow:hidden; display:flex; gap:20px;}

.body-wrapper .gallery-container .gallery-box .pic-box{flex:2; background-color:#FFF;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden; height:calc(100vh - 226px); max-height:100%; display:flex;justify-content: center;align-items: center;}
.body-wrapper .gallery-container .gallery-box .pic-box img{width:100%;height: 100%;object-fit: contain; position:relative;}
.body-wrapper .gallery-container .gallery-box .desc-box{flex:1;max-width:480px;min-width:360px; display:flex;flex-direction: column;}
.body-wrapper .gallery-container .gallery-box .desc-box .btn-area{ display:flex;gap:20px;}
.body-wrapper .gallery-container .gallery-box .desc-box .btn-area .btn{height:46px; font-size:16px;line-height:46px; padding:0px 16px; margin-bottom:12px; background-color:#CCC; border:1px solid #CCC;-moz-border-radius:36px;-webkit-border-radius:36px;border-radius:36px; overflow:hidden; cursor:pointer;}
.body-wrapper .gallery-container .gallery-box .desc-box .btn-area .btn-size{ background-color:#3E3E3E; border-color:#3E3E3E;color:#FFF;}
.body-wrapper .gallery-container .gallery-box .desc-box .btn-area .original{ background-color:#FBAB89; border-color:#FBAB89;color:#FFF;}
.body-wrapper .gallery-container .gallery-box .desc-box .btn-area .btn-download{background-color:#FFF; border-color:#3E3E3E;color:#3E3E3E;}
.body-wrapper .gallery-container .gallery-box .desc-box .btn-area .btn-favorite{background-color:#FBAB89; border-color:#FBAB89;color:#FFF;}

.body-wrapper .gallery-container .gallery-box .desc-box .btn-area .space{flex:1;}
.body-wrapper .gallery-container .gallery-box .desc-box .dlnotic{ font-size:14px; font-weight:bold; line-height:18px; color:#F03; text-align:right; margin-bottom:12px;}
.body-wrapper .gallery-container .gallery-box .desc-box .title{ font-size:18px; font-weight:bold; line-height:24px;}
.body-wrapper .gallery-container .gallery-box .desc-box .title a{color:#0085FF;}
.body-wrapper .gallery-container .gallery-box .desc-box .title a:hover{ text-decoration:underline;}
.body-wrapper .gallery-container .gallery-box .desc-box .sub-title{ display:flex;justify-content:space-between; margin:10px 0px;color:#C7C7C7;}
.body-wrapper .gallery-container .gallery-box .desc-box .pic-tag{}
.body-wrapper .gallery-container .gallery-box .desc-box .pic-tag a{display:inline-block; line-height:20px; padding:0px 10px; margin:4px 5px;font-size:12px; color:#808080; border:1px solid #808080;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;}
.body-wrapper .gallery-container .gallery-box .desc-box .pic-tag span{display:inline-block; line-height:20px; padding:0px 10px; margin:4px 5px;font-size:12px; color:#808080; border:1px solid #808080;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;}
.body-wrapper .gallery-container .gallery-box .desc-box .video-link{ text-align:right;}
.body-wrapper .gallery-container .gallery-box .desc-box .video-link a{display:inline-block; line-height:20px;font-size:16px; color:#FF8A58;}
.body-wrapper .gallery-container .gallery-box .desc-box .footer{ color:#3E3E3E; font-size:16px; line-height:20px;}
.body-wrapper .gallery-container .gallery-box .desc-box .album-desc{ flex:1; margin-top:20px;font-size:14px; line-height:150%;color:#808080;}
.body-wrapper .gallery-container .gallery-box .desc-box .pic-tag .mdtag{ background-color:#CEFBD6; color:#090; border-color:#090;}


/* .body-wrapper .gallery-container .heng-box{flex-direction: column;height:calc(100vh - 168px);} */
.body-wrapper .gallery-container .heng-box{flex-direction: column;height:100vh;}
.body-wrapper .gallery-container .heng-box .pic-box{flex:4;}
.body-wrapper .gallery-container .heng-box .desc-box{ max-width:none; position: relative;width: 100%;display: block;}
.body-wrapper .gallery-container .heng-box .desc-box .btn-area{position: absolute;right: 0px;}
.body-wrapper .gallery-container .heng-box .desc-box .title{margin-right: 350px;}
.body-wrapper .gallery-container .heng-box .desc-box .sub-title{margin-right: 350px;}
.body-wrapper .gallery-container .heng-box .desc-box .pic-tag{margin-right: 350px;-webkit-box-orient: vertical;display: -webkit-box; text-overflow: ellipsis;overflow: hidden;word-break: break-all;-webkit-line-clamp:3;}
.body-wrapper .gallery-container .heng-box .desc-box .album-desc{}

.body-wrapper .more-piclab{ text-align:center; font-size:20px; line-height:24px; margin:30px 0px;}
.body-wrapper .more-piclab span{text-decoration:underline;}

/*        Full Screen            */
.body-wrapper .gallery-container .gallery-box .pic-fullscreen{position:absolute;left: 0px;top: 0px;width:100%;height:100%;background: #000;z-index: 298;}
.body-wrapper .gallery-container .btn-fullscreen{ z-index:299;}
.fullscreen-stopscorll{overflow:hidden;}


/*        Video List            */
.body-wrapper .videolist-container{margin:auto; margin-left:80px; margin-right:60px;}
.body-wrapper .videolist-container .videolist-slide{width:654px;height:572px; float:left; margin-right:30px; margin-bottom:30px;overflow:hidden; background-color:#CCC;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden;}
.body-wrapper .videolist-container .videolist-slide .slide-img{z-index:80; width:654px;height:572px;position:absolute; margin-top:0px;display:block; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden;}
.body-wrapper .videolist-container .videolist-slide .slide-img a{ display:block;position:absolute;width:654px;height:572px;overflow:hidden;background-position : center center;background-repeat: no-repeat;background-size:auto 100%;}
.body-wrapper .videolist-container .videolist-slide .slide-info{z-index:90; position:relative; margin-top:400px;height:172px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); display:flex;flex-direction:column;justify-content: flex-end;}
.body-wrapper .videolist-container .videolist-slide .slide-info .slide-title{ height:32px; margin-bottom:12px; padding:0px 24px; line-height:32px;display:flex; gap:5px;}
.body-wrapper .videolist-container .videolist-slide .slide-info .slide-title .title-text{flex:1;color:#FFF;font-size:20px;}
.body-wrapper .videolist-container .videolist-slide .slide-info .slide-title .title-text a{ display:block; position:absolute;color:#fff;}
.body-wrapper .videolist-container .videolist-slide .slide-info .slide-title .title-btn{ height:32px; width:32px;}
.body-wrapper .videolist-container .videolist-slide .slide-info .slide-title .title-btn .iconfont{ margin-top:4px; cursor:pointer;}
.body-wrapper .videolist-container .videolist-slide .slide-info .slide-dot{height:16px; margin-bottom:28px; padding:0px 24px; line-height:16px; display:flex; gap:8px;}
.body-wrapper .videolist-container .videolist-slide .slide-info .slide-dot .iconfont{cursor:pointer;}

.body-wrapper .videolist-item{width:312px;height:272px; float:left; margin-right:30px; margin-bottom:30px; }
.body-wrapper .videolist-item .video-cover{ display:block;height:176px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden; background-color:#CCC;background-position : center center;background-repeat: no-repeat;background-size:100% auto;}
.body-wrapper .videolist-item .video-cover img{ width:100%;}
.body-wrapper .videolist-item .video-cover .video-info{ position:relative; margin-top:133px;height:43px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); display:flex;align-items: center}
.body-wrapper .videolist-item .video-cover .video-info .video-infolab{flex:1; padding:0px 16px; color:#fff; font-size:14px;}
.body-wrapper .videolist-item .video-title{color:#262626; font-size:16px;font-weight:bold; margin:5px 10px;-webkit-box-orient: vertical;display: -webkit-box; text-overflow: ellipsis;overflow: hidden;word-break: break-all;-webkit-line-clamp:2;}
.body-wrapper .videolist-item .video-tag{-webkit-box-orient: vertical;display: -webkit-box; overflow: hidden;text-overflow:clip;word-break: break-all;-webkit-line-clamp:2;}
.body-wrapper .videolist-item .video-tag span{ display:inline-block; line-height:20px; padding:0px 10px; margin:4px 5px;font-size:12px; color:#808080; border:1px solid #808080;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; cursor:pointer;}

/*        Video Player page   */
.video-wrapper{ display:flex;position: fixed;left: 0px;right: 0px;bottom: 0px;top: 146px; background-color:#262626;}
.video-wrapper .player-container{flex:1;background-color:#111;align-self:center;}
.video-wrapper .player-container .player-div{background-color:#333; padding-bottom:56%; position:relative;}
.video-wrapper .player-container .player-div .video-stage{ position:absolute;top:0px; left:0px; right:0px; bottom:0px;}
.video-wrapper .player-container .player-div .video-stage .player{width:100%;height:100%;}
.video-wrapper .player-container .player-div .video-stage .notic{ margin:auto; height:40px; line-height:40px;font-size:32px; color:#FFF; text-align:center; position:relative;top:50%; margin-top:-20px;}

.video-wrapper .right-container{ display:flex;flex-direction: column; width:500px; background-color:#E2E1DC; box-sizing:border-box; padding:20px; padding-bottom:0px; height:calc( 100vh - 146px);overflow-y: auto; overflow-x: hidden;}
.video-wrapper .right-container .video-info{}
.video-wrapper .right-container .video-info .title{font-size:18px;font-weight:bold;  line-height:20px; margin-bottom:10px;}
.video-wrapper .right-container .video-info .sub-title{color:#808080;font-size:14px; display:flex;justify-content: space-between; margin-bottom:10px;}
.video-wrapper .right-container .video-info .sub-title span{}
.video-wrapper .right-container .video-info .video-message{ color:#262626;font-size:14px; line-height:150%;margin-bottom:10px;}
.video-wrapper .right-container .video-tag{margin-bottom:10px;}
.video-wrapper .right-container .video-tag span{display:inline-block; line-height:20px; padding:0px 10px; margin:4px 5px;font-size:12px; color:#808080; border:1px solid #808080;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;}
.video-wrapper .right-container .video-info .func{ background-color:#E9E8E4;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; overflow:hidden; margin:12px 0px; padding:13px 0px; display:flex;}
.video-wrapper .right-container .video-info .func .btn{ flex:1; height:24px; font-size:14px; color:#000; text-align:center; line-height:24px;  display: flex;align-items: center; justify-content:center; cursor:pointer;}
.video-wrapper .right-container .video-info .func .btn .iconfont{ padding-right:10px;}
.video-wrapper .right-container .video-info .func .line{ width:1px; background-color:#C2C2C2;}

.video-wrapper .right-container .addition-title{color:#262626;font-size:14px; line-height:20px; height:20px; margin-bottom:10px;}
.video-wrapper .right-container .addition-content{ flex:1; }
.video-wrapper .right-container .addition-content .video-list{ display: flex;gap:16px; margin-bottom:16px;}
.video-wrapper .right-container .addition-content .video-list .video-cover{flex:1; align-self:flex-start;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; overflow:hidden; position:relative; padding-bottom:31%;}
.video-wrapper .right-container .addition-content .video-list .video-cover .cover-img{position:absolute;top:0px; left:0px; right:0px; bottom:0px;background-color:#CCC;background-position : center center;background-repeat: no-repeat;background-size:100% auto;}
.video-wrapper .right-container .addition-content .video-list .video-cover .video-info{ position:absolute;left:0px; right:0px; bottom:0px;height:43px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); display:flex;align-items: center}
.video-wrapper .right-container .addition-content .video-list .video-cover .video-info .video-infolab{flex:1;color:#fff; font-size:14px;}

.video-wrapper .right-container .addition-content .video-list .video-desc{flex:1;}
.video-wrapper .right-container .addition-content .video-list .video-desc .title{font-size:16px;line-height:20px; margin-bottom:10px;}



/*        Genaral Page       */
.genaral-wrapper{ width:1168px; margin:auto; display:flex;}
.genaral-wrapper .left-container{ width:258px; box-sizing:border-box; padding-right:30px;}
.genaral-wrapper .left-container .article-menu{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden; background-color:#FFF; position:fixed; width:228px; margin-top:40px; box-sizing:border-box; padding:16px 0px;}
.genaral-wrapper .left-container .article-menu .menu-link{ display:block; line-height:30px; font-size:18px; font-weight:bold; border-left:4px solid #FFF; color:#999; padding-left:26px; margin:14px 0px;}
.genaral-wrapper .left-container .article-menu .menu-link:hover{border-left:4px solid #999;}
.genaral-wrapper .left-container .article-menu .cur-link{border-left:4px solid #262626; color:#262626;}
.genaral-wrapper .left-container .article-menu .cur-link:hover{border-left:4px solid #262626;}

.genaral-wrapper .main-container{ flex:1;}
.genaral-wrapper .main-container .article-body{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden; background-color:#FFF; margin:40px 0px; box-sizing:border-box; padding:30px 40px; min-height:500px;}
.genaral-wrapper .main-container .article-body .title{ font-size:24px; color:#262626; font-weight:bold; margin-bottom:30px;}
.genaral-wrapper .main-container .article-body .content{ line-height:200%; font-size:16px; color:#666;}
.genaral-wrapper .main-container .article-body .content img{max-width:100%;}

.genaral-wrapper .main-container .article-body .faq{}
.genaral-wrapper .main-container .article-body .faq h1{font-weight: bold;font-size: 20px;}
.genaral-wrapper .main-container .article-body .faq p{padding-left: 32px;padding-bottom: 25px;}


/*  Account */
.genaral-wrapper .account-left-container{width:396px;}
.genaral-wrapper .left-container .account-menu{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden; background-color:#FFF; position:fixed; width:366px; margin-top:40px; box-sizing:border-box; padding:30px;}
.genaral-wrapper .left-container .account-menu .account-info{ margin-bottom:30px; display:flex;}
.genaral-wrapper .left-container .account-menu .account-info .avatar{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden; width:100px; height:100px;}
.genaral-wrapper .left-container .account-menu .account-info .avatar img{width:100%}
.genaral-wrapper .left-container .account-menu .account-info .desc{ margin-left:30px;}
.genaral-wrapper .left-container .account-menu .account-info .desc .realname{font-size:22px;line-height: 35px;margin-bottom: 6px;}
.genaral-wrapper .left-container .account-menu .account-info .desc .user_name{font-size:14px;color:#A4A4A4;line-height: 20px;margin-bottom: 6px;}
.genaral-wrapper .left-container .account-menu .account-info .desc .user_id{font-size:14px;color:#A4A4A4;line-height: 20px;}
.genaral-wrapper .left-container .account-menu .plan-info{ display:flex;background-color: #fffbf9; box-shadow: 0 0 30px 5px #fff3ee inset; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden;}
.genaral-wrapper .left-container .account-menu .plan-info .info-item1{flex:3; margin:24px 0px;}
.genaral-wrapper .left-container .account-menu .plan-info .info-item2{flex:2; margin:24px 0px;}
.genaral-wrapper .left-container .account-menu .plan-info .info-item1 .title,
.genaral-wrapper .left-container .account-menu .plan-info .info-item2 .title{font-size:20px;color:#FBAB89; font-weight:bold; text-align:center; line-height:30px; margin-bottom:16px;}
.genaral-wrapper .left-container .account-menu .plan-info .info-item1 .sub-title,
.genaral-wrapper .left-container .account-menu .plan-info .info-item2 .sub-title{font-size:14px;color:#A4A4A4;line-height: 20px;text-align:center;}

.genaral-wrapper .main-container .account-info-menu{ display:flex; gap:10px; margin-top:40px;}
.genaral-wrapper .main-container .account-info-menu .menu-card{-moz-border-radius:20px 20px 0px 0px;-webkit-border-radius:20px 20px 0px 0px;border-radius:20px 20px 0px 0px; overflow:hidden; background-color:#F5F5F5; height:50px; line-height:50px; padding:0px 30px; cursor:pointer;}
.genaral-wrapper .main-container .account-info-menu .menu-card-cur{ background-color:#FFF;}
.genaral-wrapper .main-container .account-body{-moz-border-radius:0px 20px 20px 20px;-webkit-border-radius:0px 20px 20px 20px;border-radius:0px 20px 20px 20px; overflow:hidden; background-color:#FFF; margin-bottom:40px; box-sizing:border-box; padding:30px 40px; min-height:500px;}

.genaral-wrapper .main-container .account-body .field-set{ margin:5px 0px; padding-bottom:5px;}
.genaral-wrapper .main-container .account-body .field-set .field-name{font-size:16px; line-height:150%; padding-bottom:6px;}
.genaral-wrapper .main-container .account-body .field-set .field-input{color:#808080;}
.genaral-wrapper .main-container .account-body .field-set .field-input .input-box{ box-sizing:border-box;width:100%; height:48px; padding:0px 12px; font-size:14px; line-height:48px; border:1px solid #CCC;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; background-color:#FFF;}
.genaral-wrapper .main-container .account-body .field-set .field-input .input-box-disabled{ background-color:#F5F5F5;}
.genaral-wrapper .main-container .account-body .field-set .field-input .input-alert{border:1px solid #C30;}
.genaral-wrapper .main-container .account-body .field-set .sms-button{background-color:#ECECEC;color:#000;box-sizing:border-box; position:absolute; right:4px; top:34px;height:40px; padding:0px 12px; font-size:14px; line-height:40px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; cursor:pointer;}
.genaral-wrapper .main-container .account-body .field-set .icon-coner{display:inline-block;box-sizing:border-box; position:absolute; margin-top:-44px; right:92px;height:40px;width:40px;line-height:40px;}
.genaral-wrapper .main-container .account-body .field-set .field-input .select-items{ display:none;box-sizing:border-box;width:100%; font-size:14px; line-height:40px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; background-color:#FFF; position:absolute; width:280px; margin-top:5px;box-shadow:0px 6px 6px 0px rgba(131,131,131,0.2);}
.genaral-wrapper .main-container .account-body .field-set .field-input .select-items .select-item{color:#3E3E3E;height:40px; padding:0px 12px; text-align:center; margin:4px; font-size:14px; line-height:40px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; cursor:pointer;}
.genaral-wrapper .main-container .account-body .field-set .field-input .select-items .select-item:hover{background-color:#EFEFEF;}
.genaral-wrapper .main-container .account-body .field-set .field-input .select-items .select-item-sel{background-color:#ECECEC;}
.genaral-wrapper .main-container .account-body .field-set .field-input .avatar{width:90px; height:90px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;}
.genaral-wrapper .main-container .account-body .field-set .field-input .avatar img{ width:100%;}
.genaral-wrapper .main-container .account-body .field-set .field-input .avatar-btn{background-color: #CCC; color:#4D4D4D;box-sizing: border-box;height: 40px;padding: 0px 25px;font-size: 14px;line-height: 40px;-moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;}
.genaral-wrapper .main-container .account-body .field-set .field-input .btn-pink{background-color:#FBAB89; color:#FFF;}
.genaral-wrapper .main-container .account-body .field-set .field-notice{font-size:14px; line-height:150%; color:#C30;}


.genaral-wrapper .main-container .account-body .field-listcontent{ margin:5px 0px; margin-right:80px; padding-bottom:25px; display:flex;flex-wrap: wrap;justify-content: space-between;row-gap:20px;}
.genaral-wrapper .main-container .account-body .field-listcontent .list-item{color:#3E3E3E;font-size:14px;width:25%;}
.genaral-wrapper .main-container .account-body .field-listcontent .list-item label{vertical-align:middle;}
.genaral-wrapper .main-container .account-body .field-listcontent .list-item input{ margin-right:8px;}

.genaral-wrapper .main-container .account-body .field-button{ margin:20px 0px; padding-bottom:10px; text-align:right;}
.genaral-wrapper .main-container .account-body .field-button-more{ display:flex; gap:18px;margin:10px 0px; margin-right:80px;justify-content: space-between;}
.genaral-wrapper .main-container .account-body .field-button-more .field-button{ margin:10px 0px; flex:1;}

.genaral-wrapper .main-container .account-body .field-button button{ background-color:#FBAB89;box-sizing:border-box;height:48px; padding:0px 25px; font-size:14px; font-weight:bold; line-height:48px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.genaral-wrapper .main-container .account-body .field-button .button-gray{ background-color:#ECECEC;color:#3E3E3E;}

.genaral-wrapper .main-container .account-body .field-set .small-button{display:inline-block;background-color:#FBAB89;color:#FFF;box-sizing:border-box;height:30px; padding:0px 25px; font-size:14px; line-height:30px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; cursor:pointer;}

.genaral-wrapper .main-container .account-body .field-addition{ margin:10px 0px; padding-bottom:10px; display:flex;}
.genaral-wrapper .main-container .account-body .field-addition div{ flex:1;}
.genaral-wrapper .main-container .account-body .field-addition input{ vertical-align:middle;}

.genaral-wrapper .main-container .account-body .avatar-sel{width:600px;}
.genaral-wrapper .main-container .account-body .avatar-sel .avatarimg{ overflow:hidden;}
.genaral-wrapper .main-container .account-body .avatar-sel .avatarimg img{wdith:100%;}

.genaral-wrapper .main-container .account-body .div-bbtn{ display:inline-block;background-color:#FBAB89;color:#FFF;box-sizing:border-box;height:44px; padding:0px 25px; font-size:16px; font-weight:bold; line-height:44px;-moz-border-radius:38px;-webkit-border-radius:38px;border-radius:38px; cursor:pointer;}
.genaral-wrapper .main-container .account-body .div-sbtn{ display:inline-block;background-color:#FBAB89;color:#FFF;box-sizing:border-box;height:24px; padding:0px 15px; margin:0px 5px; font-size:14px; line-height:24px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px; cursor:pointer;}
.genaral-wrapper .main-container .account-body .btn-grayline{background-color:#FFF;color:#262626; border:1px solid #D0D0D0; line-height:42px;}
.genaral-wrapper .main-container .account-body .btn-pinkline{background-color:#FFF;color:#FBAB89; border:1px solid #FBAB89; line-height:22px;}
.genaral-wrapper .main-container .account-body .btn-green{background-color:#7FDC99;color:#FFF; }


/* My Favorite */
.body-wrapper .fav-head{margin: 0px 20px;}
.body-wrapper .fav-head .head-div{display: flex;}
.body-wrapper .fav-head .head-div .account-info{display: flex;gap:20px;}
.body-wrapper .fav-head .head-div .account-info .avatar{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden; width:100px; height:100px;background-position : center center;background-repeat: no-repeat;background-size:cover;}
.body-wrapper .fav-head .head-div .account-info .avatar img{ width:100%;}
.body-wrapper .fav-head .head-div .account-info .desc{ flex:1;}
.body-wrapper .fav-head .head-div .account-info .desc .main-title{font-size:22px;color:#262626;line-height: 35px;margin-bottom: 6px;}
.body-wrapper .fav-head .head-div .account-info .desc .title{color:#FBAB89;font-size:16px; font-weight:bold;line-height: 24px;margin-bottom: 6px;}
.body-wrapper .fav-head .head-div .account-info .desc .sub-title{font-size:14px;color:#A4A4A4;line-height: 40px;}
.body-wrapper .fav-head .head-div .account-info .desc .folder-info{display: flex;gap:20px; height:32px;color:#A5A5A5;}
.body-wrapper .fav-head .head-div .account-info .desc .folder-info .small-avatar{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden; width:32px; height:32px;}
.body-wrapper .fav-head .head-div .account-info .desc .folder-info .small-avatar img{width:100%;}
.body-wrapper .fav-head .head-div .account-info .desc .folder-info .creator{ color:#262626; font-size:14px;font-weight:bold; line-height:32px;}
.body-wrapper .fav-head .head-div .account-info .desc .folder-info .gapline{ font-size:14px;line-height:32px;}
.body-wrapper .fav-head .head-div .account-info .desc .folder-info .creat-time{ font-size:14px;line-height:32px;}

.body-wrapper .fav-head .head-div .tag-div{flex:1;text-align: right;display: flex; flex-direction:column; gap:20px;}
.body-wrapper .fav-head .head-div .tag-div .tags{font-size: 14px; display: flex;gap: 20px;justify-content: flex-end;}
.body-wrapper .fav-head .head-div .tag-div .tags .lab{color: #808080;line-height: 40px;height: 40px;}
.body-wrapper .fav-head .head-div .tag-div .tags .tag{ color:#262626; line-height: 40px;height: 40px; border:1px solid #D4D4D4; padding:0px 20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden;}
.body-wrapper .fav-head .head-div .tag-div .tags .tag-more{line-height: 40px;height: 40px;}

.body-wrapper .fav-head .fav-head-line{ margin:24px 0px; border-bottom:1px solid #C0C0C0;}

.body-wrapper .fav-head .fav-fields-cols{font-size:16px; display:flex;justify-content: space-between;}
.body-wrapper .fav-head .fav-fields-cols .fav-catelog{color:#808080;}
.body-wrapper .fav-head .fav-fields-cols .fav-catelog .catelog{margin-right: 10px; color:#808080;}
.body-wrapper .fav-head .fav-fields-cols .fav-catelog .catelog-cur{color: #262626;font-weight: bold;}
.body-wrapper .fav-head .fav-fields-cols .fav-catelog .catelog span{}
.body-wrapper .fav-head .fav-fields-cols .fav-catelog .gapline{margin-right: 10px;}
.body-wrapper .fav-head .fav-fields-cols .fav-catelog .btn{ display:inline-block; color:#262626; cursor:pointer;}
.body-wrapper .fav-head .fav-fields-cols .fav-catelog .btn .icon-download{ width:24px; height:22px; vertical-align:middle;background-position: center -1px;}
.body-wrapper .fav-head .fav-fields-cols .fav-catelog .btn:hover{color:#FBAB89;}
.body-wrapper .fav-head .fav-fields-cols .fav-catelog .btn:hover .icon-download{background-image: url(icons/icon-download-2.svg);}

.body-wrapper .fav-head .fav-fields-cols .fav-head-title{font-size:28px;color: #262626;font-weight: bold; line-height:40px;}

.body-wrapper .fav-head .fav-fields-cols .fav-sort-div{display: flex;gap: 20px;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .sel-option{height: 40px;display: flex; gap: 10px;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .sel-option .sel-lab{ font-weight:bold; line-height:40px;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .sel-option .opt-more{}

.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .sel-option .opt-items { position:absolute;display:flex; display:none;flex-direction:column; margin-top:40px; z-index:101;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;overflow:hidden; background-color:#FFF;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);padding: 10px;  gap: 4px;min-width: 120px;margin-left: -20px;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .sel-option .opt-items .opt-item{min-width: 60px;text-align: center;height: 32px;line-height: 32px;font-size: 14px; padding:0px 20px; text-align:center;cursor:pointer;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .sel-option .opt-items .opt-item:hover{ background-color:#F4F4F4;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; overflow:hidden;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .sel-option .opt-items .opt-item-cur{ background-color:#F4F4F4;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; overflow:hidden;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .sel-option .opt-items .opt-item-cur:hover{ background-color:#F4F4F4;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; overflow:hidden;}


.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .search-box{height:40px;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .search-box .search-left{height:40px; width:40px;line-height:40px; position:absolute; margin-left:7px;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .search-box .search-left .iconfont{font-size:28px; color:#4D4D4D; cursor:pointer;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .search-box .search-input{background-color:#E1E0DF; border:1px solid #E1E0DF;height:40px; width:135px; font-size:16px; color:#999;padding:0px 42px;box-sizing:border-box;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .search-box .search-input:focus{border:1px solid #999;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .search-box .search-right{height:40px; width:40px;line-height:40px;position:relative; float:right;right:33px;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .search-box .search-right .iconfont{font-size:28px; color:#333; cursor:pointer; height:40px; display:none;}
.body-wrapper .fav-head .fav-fields-cols .fav-sort-div .search-box .search-right .iconfont:hover{color:#000;}


.body-wrapper .fav-folder-list{} /* margin: 20px 200px; display:flex;flex-wrap: wrap; gap:28px;margin:0px 10px 20px 10px;*/
.body-wrapper .fav-folder-list .folder-item{ width:265px;position:absolute;}
.body-wrapper .fav-folder-list .videolist-item{position:absolute;}
.body-wrapper .fav-folder-list .folder-item .folder-add{width:265px;height:265px; box-sizing:border-box; border:2px dashed #B3B3B3;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden; display:flex;gap:20px;flex-direction:column;justify-content: center; align-items: center; cursor:pointer;}
.body-wrapper .fav-folder-list .folder-item .folder-add .iconfont{}
.body-wrapper .fav-folder-list .folder-item .folder-add .add-lab{ font-size:16px;}

.body-wrapper .fav-folder-list .folder-item .folder-cover{ position:relative;width:265px;height:265px; background-color:#FFF;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden; display:flex;gap:2px;flex-direction:column;}
.body-wrapper .fav-folder-list .folder-item .folder-cover .cover-bg{ display:none; position:absolute;z-index:75;width:100%;height:100%; background-color:rgba(28,28,28,0.6);}
.body-wrapper .fav-folder-list .folder-item .folder-cover .cover-bg .edit{position:absolute; width:40px; height:40px; right:16px; top:16px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden; text-align:center; line-height:40px; background-color:#FFF;}
.body-wrapper .fav-folder-list .folder-item .folder-cover .cover-bg .edit .iconfont{width:40px; height:40px; cursor:pointer;}
.body-wrapper .fav-folder-list .folder-item .folder-cover:hover .cover-bg{ display:block;}

.body-wrapper .fav-folder-list .folder-item .folder-cover .cover-main{ flex:1; background-color:#EFEFEF;background-position : center center;background-repeat: no-repeat;background-size:cover;}
.body-wrapper .fav-folder-list .folder-item .folder-cover .cover-small{ display:flex;gap:2px;}
.body-wrapper .fav-folder-list .folder-item .folder-cover .cover-sub{flex:1;height:87px; background-color:#EFEFEF;background-position : center center;background-repeat: no-repeat;background-size:cover;}
.body-wrapper .fav-folder-list .folder-item .folder-title{ margin:0px 6px; display:flex;justify-content: space-between;}
.body-wrapper .fav-folder-list .folder-item .folder-title .folder-name{font-size:18px;font-weight:bold; line-height: 40px;-webkit-box-orient: vertical;display: -webkit-box; overflow: hidden;text-overflow:clip;word-break: break-all;-webkit-line-clamp:1;}
.body-wrapper .fav-folder-list .folder-item .folder-title .folder-count{font-size:12px;line-height:18px;margin: 9px 0px; border:1px solid #CCCCCC; padding:0px 8px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;overflow:hidden;}
.body-wrapper .fav-folder-list .folder-item .folder-subtitle{margin:0px 6px;display:flex;justify-content: space-between;}
.body-wrapper .fav-folder-list .folder-item .folder-subtitle .post-date{font-size:14px;color:#808080;line-height:20px;}
.body-wrapper .fav-folder-list .folder-item .folder-subtitle .download-lab{font-size:14px;color:#808080;line-height:20px;}
.body-wrapper .fav-folder-list .folder-item .folder-subtitle .download-lab .icon-download{ width:22px; height:20px; vertical-align:middle;background-position: center -1px;}
.body-wrapper .fav-folder-list .folder-item .folder-subtitle .download-lab:hover{color:#FBAB89;}
.body-wrapper .fav-folder-list .folder-item .folder-subtitle .download-lab:hover .icon-download{background-image: url(icons/icon-download-2.svg);}

.body-wrapper .list-container{margin:20px 120px; min-height:600px;}
.body-wrapper .list-container .list-tab{font-size:16px;}
.body-wrapper .list-container .list-tab .list-header{ font-weight:bold; line-height:30px;}
.body-wrapper .list-container .list-tab .list-header td{ border-bottom:1px solid #999;}
.body-wrapper .list-container .list-tab .list-body{}
.body-wrapper .list-container .list-tab .list-body:hover td{ background-color:#CCC;}
.body-wrapper .list-container .list-tab .list-body a{color:#06C;}
.body-wrapper .list-container .list-tab .list-foot{}
.body-wrapper .list-container .list-tab .list-foot td{ border-bottom:2px solid #999;border-top:1px solid #999;}

/*        Plan Page       */
.plan-wrapper{ width:100%;}
.plan-wrapper .item-container{ background-color:#ECEBE8;}
.plan-wrapper .item-container .head-bg{height:346px;background-position : center center;background-repeat: no-repeat; background-size:cover;background-image:url(/images/plan-backgroud.jpg);}
.plan-wrapper .item-container .head-bg:after {content: "";width: 100%;height: 346px;position: absolute;background-color:rgba(0,0,0,0.2);backdrop-filter: blur(16px);z-index: 2;}

.plan-wrapper .plan-body{ box-sizing:border-box; padding:130px 105px; position:relative; margin-top:-346px; z-index:5;}
.plan-wrapper .plan-body .plan-title{ font-family:XinYiJiXiangSong;font-size:48px; line-height:50px; text-align:center; color:#FFF; margin-bottom:80px;}
.plan-wrapper .plan-body .plan-items{ display:flex;gap:20px;}
.plan-wrapper .plan-body .plan-items .item-box{flex:1; height:482px;min-width:260px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden; background-color:#FFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); display:flex;flex-direction: column;}
.plan-wrapper .plan-body .plan-items .item-box .item-head{height:112px; background-color:#eef3f4;}
.plan-wrapper .plan-body .plan-items .item-box .item-head .title{ font-size:26px; line-height:28px; font-weight:bold; text-align:center; margin-top:32px; margin-bottom:8px;}
.plan-wrapper .plan-body .plan-items .item-box .item-head .sub-title{ font-size:16px; line-height:18px; text-align:center;}
.plan-wrapper .plan-body .plan-items .item-box .head-1,
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .head-1{background-color:#eef3f4;background-image:linear-gradient(to right, #eef3f4, #b2b3b3);}
.plan-wrapper .plan-body .plan-items .item-box .head-1 .title,
.mask-dialog-box .buyplan-body .plan-body .plan-items .head-1 .title{color:#222;}
.plan-wrapper .plan-body .plan-items .item-box .head-1 .sub-title{color:#808080;}
.plan-wrapper .plan-body .plan-items .item-box .head-2,
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .head-2{background-color:#fedeba;background-image:linear-gradient(to right, #fedeba, #bc9075);}
.plan-wrapper .plan-body .plan-items .item-box .head-2 .title,
.mask-dialog-box .buyplan-body .plan-body .plan-items .head-2 .title{color:#703405;}
.plan-wrapper .plan-body .plan-items .item-box .head-2 .sub-title{color:#955F37;}
.plan-wrapper .plan-body .plan-items .item-box .head-3,
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .head-3{background-color:#fef3cc;background-image:linear-gradient(to right, #fef3cc, #eaa948);}
.plan-wrapper .plan-body .plan-items .item-box .head-3 .title,
.mask-dialog-box .buyplan-body .plan-body .plan-items .head-3 .title{color:#59370F;}
.plan-wrapper .plan-body .plan-items .item-box .head-3 .sub-title{color:#9C7C53;}
.plan-wrapper .plan-body .plan-items .item-box .head-4,
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .head-4{background-color:#d0daed;background-image:linear-gradient(to right, #d0daed, #8aa2d2);}
.plan-wrapper .plan-body .plan-items .item-box .head-4 .title,
.mask-dialog-box .buyplan-body .plan-body .plan-items .head-4 .title{color:#1D2832;}
.plan-wrapper .plan-body .plan-items .item-box .head-4 .sub-title{color:#304960;}
.plan-wrapper .plan-body .plan-items .item-box .head-5,
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .head-5{background-color:#bfbfff;background-image:linear-gradient(to right, #bfbfff, #5355a4);}
.plan-wrapper .plan-body .plan-items .item-box .head-5 .title,
.mask-dialog-box .buyplan-body .plan-body .plan-items .head-5 .title{color:#F5F5F5;}
.plan-wrapper .plan-body .plan-items .item-box .head-5 .sub-title{color:#E6E6E6;}

.plan-wrapper .plan-body .plan-items .item-box .item-body{flex:1; margin-bottom:20px; overflow:hidden;}
.plan-wrapper .plan-body .plan-items .item-box .item-body ol,
.mask-dialog-box .buyplan-body .plan-desc .desc-content .desc-body ol{ font-size:26px; color:#bc9075; list-style-type:disc;}
.plan-wrapper .plan-body .plan-items .item-box .item-body li,
.mask-dialog-box .buyplan-body .plan-desc .desc-content .desc-body li{ margin:5px 0px;}
.plan-wrapper .plan-body .plan-items .item-box .item-body li span,
.mask-dialog-box .buyplan-body .plan-desc .desc-content .desc-body li span{color:#808080;font-size:16px;}
.plan-wrapper .plan-body .plan-items .item-box .item-body .ol-1,
.mask-dialog-box .buyplan-body .plan-desc .desc-content .desc-body .ol-1{ color:#b2b3b3;}
.plan-wrapper .plan-body .plan-items .item-box .item-body .ol-2,
.mask-dialog-box .buyplan-body .plan-desc .desc-content .desc-body .ol-2{ color:#bc9075;}
.plan-wrapper .plan-body .plan-items .item-box .item-body .ol-3,
.mask-dialog-box .buyplan-body .plan-desc .desc-content .desc-body .ol-3{ color:#eaa948;}
.plan-wrapper .plan-body .plan-items .item-box .item-body .ol-4,
.mask-dialog-box .buyplan-body .plan-desc .desc-content .desc-body .ol-4{ color:#8aa2d2;}
.plan-wrapper .plan-body .plan-items .item-box .item-body .ol-5,
.mask-dialog-box .buyplan-body .plan-desc .desc-content .desc-body .ol-5{ color:#5355a4;}


.plan-wrapper .plan-body .plan-items .item-box .item-bottom,
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .item-bottom{margin-bottom:20px;}
.plan-wrapper .plan-body .plan-items .item-box .item-bottom .price-lab,
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .item-bottom .price-lab{ margin:0px 40px; text-align:center;color:#808080;font-size:12px; margin-bottom:8px;}
.plan-wrapper .plan-body .plan-items .item-box .item-bottom .price-lab .price,
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .item-bottom .price-lab .price{color:#703405;font-size:24px;font-weight:600;}

.plan-wrapper .plan-body .plan-items .item-box .item-bottom .buy-btn,
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right .buy-btn{ margin:0px 40px; text-align:center;color:#703405; font-weight:bold; font-size:16px; line-height:44px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden;background-color:#eef3f4; cursor:pointer;}
.plan-wrapper .plan-body .plan-items .item-box .item-bottom .btn-0{ border:1px solid #212121; color:#212121; background-color:#FFF;}
.plan-wrapper .plan-body .plan-items .item-box .item-bottom .btn-1,
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right .btn-1{background-image:linear-gradient(to right, #fff7d9, #ffe8ae);}

.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right .paytitle{font-size:14px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right .payqrcode{}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right .payqrcode img{ width:128px; height:128px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right .paytype{background: #FFF;padding: 10px 0px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;overflow:hidden;width: 100%;text-align: center;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right .paytype img{ height:28px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right .paytype label{ margin-left:8px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right .paysmlbtn{display: flex; gap: 10px; width: 100%;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right .paysmlbtn .buy-smlbtn{flex:1; margin:0px; text-align:center;color:#703405; font-weight:bold; font-size:14px; line-height:44px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden;background-color:#eef3f4; cursor:pointer;}

.plan-wrapper .plan-body2{ box-sizing:border-box; padding:130px 105px;background-color:#FFFEF2;}
.plan-wrapper .plan-body2 .plan-title{ font-family:XinYiJiXiangSong;font-size:48px; line-height:50px; text-align:center; color:#262626; margin-bottom:80px;}
.plan-wrapper .plan-body2 .plan-desc{ display:flex; gap:23px;  flex-wrap: wrap;}
.plan-wrapper .plan-body2 .plan-desc .desc-box{flex:30%; background-color:#F5F4E9;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;overflow:hidden; padding:42px 26px; box-sizing:border-box;}
.plan-wrapper .plan-body2 .plan-desc .desc-box .title{color:#262626;font-size:40px; font-weight:bold; line-height:40px;}
.plan-wrapper .plan-body2 .plan-desc .desc-box .content{color:#808080;font-size:18px;line-height:150%;}
.plan-wrapper .plan-body2 .plan-desc .desc-box .content p{ margin:25px 0px;}
.plan-wrapper .plan-body2 .plan-desc .desc-box .content ul{ margin:25px 0px;list-style-type: disc;}
.plan-wrapper .plan-body2 .plan-desc .desc-box .content li{ margin:10px 0px;}


.plan-wrapper .plan-body3{ box-sizing:border-box; padding:130px 105px;background-color:#F6F5E8;}
.plan-wrapper .plan-body3 .plan-title{ font-family:XinYiJiXiangSong;font-size:48px; line-height:50px; text-align:center; color:#262626; margin-bottom:80px;}
.plan-wrapper .plan-body3 .plan-desc{ display:flex; gap:42px;}
.plan-wrapper .plan-body3 .plan-desc .item-cols{flex:1; display:flex;gap:20px; flex-direction:column;}
.plan-wrapper .plan-body3 .plan-desc .item-cols .desc-box{}
.plan-wrapper .plan-body3 .plan-desc .item-cols .desc-box .item{ box-sizing:border-box;padding: 0px 30px;background-color:#FFFFFF; color:#333;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;overflow:hidden; border:1px solid #FFFFFF; font-size:24px; line-height:70px; min-height:70px; cursor:pointer;}
.plan-wrapper .plan-body3 .plan-desc .item-cols .desc-box .item:hover{background-color:#E1DCDC; border:1px solid #BDBDBD;}
.plan-wrapper .plan-body3 .plan-desc .item-cols .desc-box .item-active{background-color:#E1DCDC; border:1px solid #BDBDBD;}
.plan-wrapper .plan-body3 .plan-desc .item-cols .desc-box .item .item-content{ font-size:18px; line-height:150%; padding-bottom:20px; display:none;}
.plan-wrapper .plan-body3 .plan-desc .item-cols .desc-box .iconfont{ float:right; margin-top:15px; margin-right:-20px;}


/*        News List            */
.body-wrapper .newslist-container{margin:auto; margin:0px 100px; display:flex; gap:30px;}
.body-wrapper .newslist-container .main-container{flex:1;}
.body-wrapper .newslist-container .main-container .head-news{ margin-bottom:30px;display:flex; gap:30px;}

.body-wrapper .newslist-container .main-container .head-news .news-cols-1{flex:3; background-color:#CCC; min-height:0px;position:relative; padding-bottom:45%;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden;}
.body-wrapper .newslist-container .main-container .head-news .news-cols-1 img{height:100%;}
.body-wrapper .newslist-container .main-container .head-news .news-cols-1 .title{position: absolute;width: 100%; min-height:60px;bottom:0px;color:#FFF; font-size:28px;font-weight:bold; -webkit-box-orient: vertical;display: -webkit-box; overflow: hidden;text-overflow:clip;text-overflow: ellipsis;word-break: break-all;-webkit-line-clamp:2;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));line-height: 150%;  padding: 20px;  box-sizing: border-box;}

.body-wrapper .newslist-container .main-container .head-news .news-cols-2{flex:2;display:flex;flex-direction:column; gap:30px;}
.body-wrapper .newslist-container .main-container .head-news .news-cols-2 img{width:100%;}
.body-wrapper .newslist-container .main-container .head-news .news-cols-2 .news-2{flex:1; background-color:#CCC;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden;position:relative; padding-bottom:45%;}
.body-wrapper .newslist-container .main-container .head-news .news-cols-2 .news-2 .title{position: absolute;width: 100%; min-height:40px;bottom:0px;color:#FFF; font-size:20px; font-weight:bold; -webkit-box-orient: vertical;display: -webkit-box; overflow: hidden;text-overflow:clip;text-overflow: ellipsis;word-break: break-all;-webkit-line-clamp:2;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));line-height: 150%;  padding: 20px;  box-sizing: border-box;}
.body-wrapper .newslist-container .main-container .head-news .img-item{ display:block; position:absolute;top:0px; left:0px; right:0px; bottom:0px;display: flex;align-items: center;justify-content: center;}

.body-wrapper .newslist-container .main-container .news-category{display:flex; gap:10px; margin-bottom:30px;}
.body-wrapper .newslist-container .main-container .news-category .cate-item{ height:40px; line-height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden; padding:0px 20px; font-size:16px; color:#000; cursor:pointer;}
.body-wrapper .newslist-container .main-container .news-category .cate-item:hover{background:#C6C3BA;}
.body-wrapper .newslist-container .main-container .news-category .cate-item-active{background:#262626; color:#FFFEF2;}
.body-wrapper .newslist-container .main-container .news-category .cate-item-active:hover{background:#262626; color:#FFFEF2;}

.body-wrapper .news-list{min-height:100vh;}
.body-wrapper .news-list .list-item{ margin-bottom:30px;display:flex; gap:30px;}
.body-wrapper .news-list .list-item .news-pic{flex:3.5; min-height:60px;background-color:#CCC;align-self:flex-start;display: flex;align-items: center;justify-content: center; max-height:215px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;overflow:hidden;}
.body-wrapper .news-list .list-item .news-pic img{width:100%; display:none;}
.body-wrapper .news-list .list-item .news-desc{flex:6.5;  min-height:60px;}
.body-wrapper .news-list .list-item .news-desc .title{font-size:22px; line-height:150%; font-weight:bold; color:#262626; margin-bottom:14px;-webkit-box-orient: vertical;display: -webkit-box; overflow: hidden;text-overflow:clip;text-overflow: ellipsis;word-break: break-all;-webkit-line-clamp:2;}
.body-wrapper .news-list .list-item .news-desc .title:hover{ text-decoration:underline;}
.body-wrapper .news-list .list-item .news-desc .sub-title{font-size:16px; line-height:150%;color:#4D4D4D; margin-bottom:12px;-webkit-box-orient: vertical;display: -webkit-box; overflow: hidden;text-overflow:clip;text-overflow: ellipsis;word-break: break-all;-webkit-line-clamp:3;}
.body-wrapper .news-list .list-item .news-desc .desc-foot{display:flex;}
.body-wrapper .news-list .list-item .news-desc .desc-foot .news-tag{flex:1;-webkit-box-orient: vertical;display: -webkit-box; overflow: hidden;text-overflow:clip;text-overflow: ellipsis;word-break: break-all;-webkit-line-clamp:1;}
.body-wrapper .news-list .list-item .news-desc .desc-foot .news-tag span{ display:inline-block; line-height:20px; padding:0px 10px; margin:4px 5px;font-size:12px; color:#808080; border:1px solid #808080;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; cursor:pointer;}
.body-wrapper .news-list .list-item .news-desc .desc-foot .news-tag .catelog{ border-color:#FBAB89;background-color:#FBAB89; color:#FFF;}
.body-wrapper .news-list .list-item .news-desc .desc-foot .news-date{font-size:12px;color:#808080; line-height:30px;}

.body-wrapper .newslist-container .right-container{width:410px;}
.body-wrapper .newslist-container .right-container .right-cols{display:flex;flex-direction:column;gap:30px;position:fixed;width:410px;bottom:30px;top:146px;}
.body-wrapper .newslist-container .right-container .right-cols .hot-news-title{ font-size:28px; font-weight:bold; height:30px; overflow:hidden; line-height:30px;}
.body-wrapper .newslist-container .right-container .right-cols .hot-news{ flex:1; overflow:hidden;}
.body-wrapper .newslist-container .right-container .right-cols .hot-news .hot-news-container{ position:relative; margin-top:0px;}
.body-wrapper .newslist-container .right-container .right-cols .hot-news .hot-news-container .title{ display:flex;justify-content: space-between;}
.body-wrapper .newslist-container .right-container .right-cols .hot-news .hot-news-container .title p{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden; line-height:26px; background-color:#262626;color:#fff;font-size:12px; font-weight:bold; padding:0px 13px;}
.body-wrapper .newslist-container .right-container .right-cols .hot-news .hot-news-container .title span{ display:block;color:#808080;font-size:12px;}
.body-wrapper .newslist-container .right-container .right-cols .hot-news .hot-news-container .content{font-size:14px; color:#262626; line-height:150%; margin:6px 0px 12px 0px;}

.body-wrapper .newslist-container .right-container .right-cols .rmb-rate{ height:324px; background-color:#E2E0DB;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;overflow:hidden;}
.body-wrapper .newslist-container .right-container .right-cols .rmb-rate .title{font-size:24px; font-weight:bold; line-height:35px; text-align:center; color:#262626; margin-top:20px;}
.body-wrapper .newslist-container .right-container .right-cols .rmb-rate .sub-title{font-size:14px;line-height:20px; text-align:center; margin-top:10px;}
.body-wrapper .newslist-container .right-container .right-cols .rmb-rate .line{ border-bottom:1px dashed #CAC8C1; margin:20px 0px;}
.body-wrapper .newslist-container .right-container .right-cols .rmb-rate .line::before {content: '';position: absolute;left: -10px;margin-top:-10px;width: 20px;height: 20px;background-color: #ECEBE8;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;}
.body-wrapper .newslist-container .right-container .right-cols .rmb-rate .line::after {content: '';position: absolute;right: -10px;margin-top:-10px;width: 20px;height: 20px;background-color: #ECEBE8;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;}
.body-wrapper .newslist-container .right-container .right-cols .rmb-rate .content{ display:flex;  flex-wrap: wrap;  justify-content: space-between; padding:0px 60px;}
.body-wrapper .newslist-container .right-container .right-cols .rmb-rate .content .rate-value{font-size:18px;color:#262626;width: 50%; margin:12px 0px;}

/* News Desc */
.body-wrapper .news-container{ display:flex; margin:0px 100px; gap:30px;}
.body-wrapper .news-container .news-body{ flex:1;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; overflow:hidden; background-color:#FFF; margin:40px 0px; box-sizing:border-box; padding:30px 40px; min-height:500px;}
.body-wrapper .news-container .news-body .title{ font-size:46px; line-height:150%; color:#262626; font-weight:bold; margin-bottom:30px;}
.body-wrapper .news-container .news-body .sub-title{ font-size:18px; color:#3E3E3E;  margin-bottom:30px;}
.body-wrapper .news-container .news-body .sub-title .newfrom{ font-size:18px; color:#3E3E3E; font-weight:bold; line-height:20px;}
.body-wrapper .news-container .news-body .sub-title .dateline{ font-size:16px; color:#808080; line-height:20px; padding-left:10px;}
.body-wrapper .news-container .news-body .content{ line-height:200%; font-size:16px; color:#666;}
.body-wrapper .news-container .news-body .content img{max-width:100%;}

.body-wrapper .news-container .news-right{width:512px; box-sizing:border-box;margin: 40px 0px;}
.body-wrapper .news-container .news-right .right-body{ position:fixed;display:flex;flex-direction: column; gap:30px; width:512px;bottom: 0px;top: 186px;}
.body-wrapper .news-container .news-right .right-body .barcode{ background-color:#E2E0DB;color:#3E3E3E;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;overflow:hidden;}
.body-wrapper .news-container .news-right .right-body .barcode .title{ text-align:center;font-size:22px; margin-top:20px; line-height:30px; font-weight:bold;}
.body-wrapper .news-container .news-right .right-body .barcode .sub-title{ text-align:center;font-size:18px; line-height:28px; margin-bottom:20px;}
.body-wrapper .news-container .news-right .right-body .barcode .body{ text-align:center;}
.body-wrapper .news-container .news-right .right-body .barcode .body img{ max-width:100%;}
.body-wrapper .news-container .news-right .right-body .barcode .foot-lab{ text-align:center;font-size:18px; line-height:28px; margin:20px 0px;}
.body-wrapper .news-container .news-right .right-body .news-tag{flex:1;}
.body-wrapper .news-container .news-right .right-body .news-tag .title{color:#3E3E3E;font-size:22px;font-weight:bold; line-height:30px;}
.body-wrapper .news-container .news-right .right-body .news-tag .tags{ margin:10px 0px;}
.body-wrapper .news-container .news-right .right-body .news-tag .tags a{display:inline-block; line-height:20px; padding:0px 10px; margin:4px 5px;font-size:12px; color:#808080; border:1px solid #808080;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;}
.body-wrapper .news-container .news-right .right-body .news-tag .tags span{display:inline-block; line-height:20px; padding:0px 10px; margin:4px 5px;font-size:12px; color:#808080; border:1px solid #808080;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;}
.body-wrapper .news-container .news-right .right-body .other{ margin-bottom:48px;}
.body-wrapper .news-container .news-right .right-body .other .fav{ width:40px; height:40px; background-color:#FFF; margin-bottom:16px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;overflow:hidden;}
.body-wrapper .news-container .news-right .right-body .other .fav .iconfont{cursor:pointer;  width:40px; height:40px;background-size:24px;}
.body-wrapper .news-container .news-right .right-body .other .share{ width:40px; height:40px; background-color:#FFF;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.body-wrapper .news-container .news-right .right-body .other .share .iconfont{cursor:pointer;  width:40px; height:40px;}
.body-wrapper .news-container .news-right .right-body .other .share:hover +.share-div{display:block;}
.body-wrapper .news-container .news-right .right-body .other .share-div{ position:absolute; display:none;bottom: 48px;left: 64px; width:170px; box-sizing:border-box;padding:12px 18px; background-color:#FFF;color:#3E3E3E;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;overflow:hidden;}
.body-wrapper .news-container .news-right .right-body .other .share-div .lab{font-size:12px; color:#999; line-height:150%; text-align:center; margin-top:10px;}
.body-wrapper .news-container .news-right .right-body .other .share-div img{ max-width:100%;}


.body-wrapper .tablist,
.genaral-wrapper .tablist {font-size:14px;}
.body-wrapper .tablist .head,
.genaral-wrapper .tablist .head{color:#808080;}
.body-wrapper .tablist .head td,
.genaral-wrapper .tablist .head td{padding:5px;border-bottom:1px solid #DCDCDC;font-weight:bold;padding:3px;line-height:200%;}
.body-wrapper .tablist .body,
.genaral-wrapper .tablist .body{color:#262626;}
.body-wrapper .tablist .body td,
.genaral-wrapper .tablist .body td{padding:5px;padding:3px;line-height:200%;}

/*  Search Body*/
.insearch-body{}
.insearch-body .cols-count-container{z-index: 120;  position: fixed;  top: 167px;}
.insearch-body .side-clos-btn{}
.insearch-body .piclist-container{margin-top: 230px;}
.insearch-body .index-cols-container{box-sizing: border-box;height:84px;justify-content: unset;}
.insearch-body .index-cols-container .category-count-container{ margin-right:0px;}
.insearch-body .videolist-container{margin-top: 230px;}
.insearch-body .news-list{ margin-top:100px;}

.insearch-body .newslist-container .index-cols-container{padding-left:0px;justify-content:center;}
.insearch-body .newslist-container .index-cols-container .category-count-container{ margin-right:auto;}
.insearch-body .news-category{margin-top: 100px;}
.insearch-body .newslist-container .right-container .right-cols{top: 250px;}



/*        Start Of Footer       */
.page-footer{min-width:1346px; width:100%;  background-color:rgba(236,235,232,0.8);backdrop-filter: blur(3px);}
.page-footer-fix{position:absolute; bottom:0px; z-index:120;}
.page-footer-public{ background-color:#222;backdrop-filter:unset; position:relative;}
.page-footer .more-info{color:#252525; text-align:center; line-height:50px; font-size:16px; border-bottom:1px solid #999999; margin:0px 132px; display:flex;}
.page-footer .more-info a{color:#252525;}
.page-footer .more-info .more-item{ flex:1;}
.page-footer .misc-info{color:#515151; line-height:40px; font-size:14px; padding:0px 190px;}
.page-footer .misc-info a{color:#515151;}
.page-footer .foot-info{color:#ccc;font-size:16px; border-bottom:1px solid #808080; padding:0px 190px; display:flex;}
.page-footer .foot-info .foot-logo{ flex:1; padding:38px 0px;}
.page-footer .foot-info .foot-space{ flex:2;}
.page-footer .foot-info .foot-item{ flex:1;padding:38px 0px;}
.page-footer .foot-info .foot-item .foot-title{font-size:20px; line-height:30px;font-family:XinYiJiXiangSong; color:#FFF;}
.page-footer .foot-info .foot-item a{ display:block;color:#CCC; margin:12px 0px;}

.page-footer-public .misc-info{color:#CCC;}
.page-footer-public .misc-info a{color:#CCC;}


.bottom-container{ z-index:100; position:fixed; right:32px;bottom:32px;width:40px;}
.bottom-container .bottom-icon{width:40px;height:40px;line-height:40px;text-align:center;background-color:#FFF;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-bottom:16px;cursor:pointer;box-shadow:0px 0px 6px 0px rgba(131,131,131,0.2);}

.bottom-container .bottom-icon .icon-go-top{font-size:36px; color:#676767;}
.bottom-container .bottom-icon .icon-go-top:hover{color:#000;}

.bottom-container .bottom-icon .icon-headphone1{font-size:24px; color:#676767;}
.bottom-container .bottom-icon .icon-headphone1:hover{color:#000;}
.bottom-container .bottom-icon .icon-headphone1-active{color:#FBAB89;}

.bottom-contact{position:fixed;z-index:320;right:120px;bottom:48px;width:180px;padding:30px;background-color:#FFF;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;box-shadow:0px 0px 6px 0px rgba(131,131,131,0.2); display:none;}
.bottom-contact .contact-h1{ font-size:20px;margin-bottom:22px; padding-top:2px; font-weight:600;color:#222;}
.bottom-contact .contact-h2{ margin-bottom:8px;padding-top:8px;font-size:16px; line-height:20px;height:20px;color:#222;}
.bottom-contact .contact-line{clear:both;margin-bottom:8px;padding-top:8px; border-bottom:1px dotted #808080;}
.bottom-contact .hotline{font-size:20px;color:#FF5151; padding-left:8px;}

.bottom-contact .contact-content{display:flex;gap:8px; margin-bottom:8px; padding-top:8px;}
.bottom-contact .contact-content .qqnumber{flex: 1;color:#FBAB89; border:1px solid #FBAB89;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; height:30px; line-height:30px; padding:0px 6px; font-size:12px;}
.bottom-contact .contact-content .other-content{flex: 1; text-align:center; color:#3E3E3E;}
.bottom-contact .contact-content .other-content img{ width:75px;}
/*        End Of Footer       */

.mask-show-stopscorll{overflow:hidden;}
.mask-backgroud{position:fixed;z-index:300;left:0px;top:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.6);backdrop-filter: blur(0px);display: flex;align-items: center;justify-content: center; opacity:0; visibility:hidden;}

.mask-dialog-box{position:absolute;margin:auto; background-color:#F5F5F5; overflow:hidden;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.6); z-index:350; display:none;}
.mask-dialog-box .dialog-close{ position:absolute; right:10px;top:10px; width:32px; height:32px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%x;cursor:pointer;}
.mask-dialog-box .dialog-close:hover{background-color:#CCC;}
.mask-dialog-box .dialog-close .icon-close{ padding:8px; line-height:32px;}
.mask-dialog-box .dialog-content-box{width:436px; min-height:308px; padding:20px 10px;}
.mask-dialog-box .dialog-content-boundbox{width:710px;}
.mask-dialog-box .dialog-content-favbox{width:736px;}
.mask-dialog-box .dialog-content-box .dialog-conten-titleicon{ text-align:center;}
.mask-dialog-box .dialog-content-box .dialog-conten-title{font-size:22px; font-weight:bold; margin-top:26px; text-align:center; margin-bottom:32px;}
.mask-dialog-box .dialog-content-box .dialog-conten-boundtitle{margin-bottom:12px;}
.mask-dialog-box .dialog-content-box .dialog-conten-subtitle{font-size:14px;color:#808080; text-align:center; margin-bottom:32px;}
.mask-dialog-box .dialog-content-box .err_notice{color:#FBAB89;}
.mask-dialog-box .dialog-content-box .dialog-conten-desc{display:block;font-size:16px; margin:60px 40px; text-align:center;}
.mask-dialog-box .dialog-content-box .dialog-conten-desc a{color:#0085FF;text-decoration:none;}
.mask-dialog-box .dialog-content-box .dialog-conten-desc a:visited{ text-decoration:none;}
.mask-dialog-box .dialog-content-box .dialog-conten-desc a:hover{ text-decoration:underline;}

.mask-dialog-box .dialog-content-box .field-set{ margin:5px 78px; padding-bottom:5px;}
.mask-dialog-box .dialog-content-box .field-set .field-name{font-size:16px; line-height:150%; padding-bottom:6px;}
.mask-dialog-box .dialog-content-box .field-set .field-input{color:#808080;}
.mask-dialog-box .dialog-content-box .field-set .field-input .input-box{ box-sizing:border-box;width:100%; height:48px; padding:0px 12px; font-size:14px; line-height:48px; border:1px solid #CCC;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; background-color:#F5F5F5;}
.mask-dialog-box .dialog-content-box .field-set .field-input .input-alert{border:1px solid #C30;}
.mask-dialog-box .dialog-content-box .field-set .sms-button{display:inline-block;background-color:#ECECEC;color:#000;box-sizing:border-box; position:absolute; margin-top:4px; right:92px;height:40px; padding:0px 12px; font-size:14px; line-height:40px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; cursor:pointer;}
.mask-dialog-box .dialog-content-box .field-set .sub-button{display:inline-block;background-color:#ECECEC;color:#262626;box-sizing:border-box;height:48px; padding:0px 25px; font-size:14px; line-height:48px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; cursor:pointer;}
.mask-dialog-box .dialog-content-box .field-set .icon-coner{display:inline-block;box-sizing:border-box; position:absolute; margin-top:-44px; right:92px;height:40px;width:40px;line-height:40px;}


.mask-dialog-box .dialog-content-box .field-set .field-input .select-items{ display:none;box-sizing:border-box;width:100%; font-size:14px; line-height:40px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; background-color:#FFF; position:absolute; width:280px; margin-top:5px;box-shadow:0px 6px 6px 0px rgba(131,131,131,0.2);}
.mask-dialog-box .dialog-content-box .field-set .field-input .select-items .select-item{color:#3E3E3E;height:40px; padding:0px 12px; text-align:center; margin:4px; font-size:14px; line-height:40px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; cursor:pointer;}
.mask-dialog-box .dialog-content-box .field-set .field-input .select-items .select-item:hover{background-color:#EFEFEF;}
.mask-dialog-box .dialog-content-box .field-set .field-input .select-items .select-item-sel{background-color:#ECECEC;}
.mask-dialog-box .dialog-content-box .field-set .field-input .opt-list{ display:block; position:static; padding:5px 0px;}
.mask-dialog-box .dialog-content-box .field-set .field-input .opt-list .select-item{ margin:5px 10px;}
.mask-dialog-box .dialog-content-box .field-set .field-input .sel-arrow{position: absolute;right: 4px;top: 4px;}

.mask-dialog-box .dialog-content-box .field-set .field-notice{font-size:14px; line-height:150%; color:#C30;}

.mask-dialog-box .dialog-content-box .field-listcontent{ margin:5px 100px; padding-bottom:25px; display:flex;flex-wrap: wrap;justify-content: space-between;row-gap:20px;}
.mask-dialog-box .dialog-content-box .field-listcontent .list-item{color:#3E3E3E;font-size:14px;width:25%;}
.mask-dialog-box .dialog-content-box .field-listcontent .list-item label{vertical-align:middle;}
.mask-dialog-box .dialog-content-box .field-listcontent .list-item input{ margin-right:8px;}

.mask-dialog-box .dialog-content-box .field-button{ margin:10px 80px; padding-bottom:10px;}
.mask-dialog-box .dialog-content-box .field-button-more{ display:flex; gap:18px;margin:10px 100px;justify-content: space-between;}
.mask-dialog-box .dialog-content-box .field-button-more .field-button{ margin:10px 0px; flex:1;}

.mask-dialog-box .dialog-content-box .field-button button{ background-color:#FBAB89;box-sizing:border-box;width:100%; height:48px; padding:0px 12px; font-size:14px; font-weight:bold; line-height:48px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.mask-dialog-box .dialog-content-box .field-button .button-gray{ background-color:#ECECEC;color:#3E3E3E;}

.mask-dialog-box .dialog-content-box .field-addition{ margin:10px 80px; padding-bottom:10px; display:flex;}
.mask-dialog-box .dialog-content-box .field-addition div{ flex:1;}
.mask-dialog-box .dialog-content-box .field-addition input{ vertical-align:middle;}
.mask-dialog-box .dialog-content-box .foot-addition{ display:block; margin:10px 40px; text-align:center;}
.mask-dialog-box .dialog-content-box .btn-addition{ display:block; margin:10px 0px; text-align:center;}
.mask-dialog-box .dialog-content-box .field-addition a{color:#0085FF;text-decoration:none;}
.mask-dialog-box .dialog-content-box .field-addition a:visited{ text-decoration:none;}
.mask-dialog-box .dialog-content-box .field-addition a:hover{ text-decoration:underline;}

.mask-dialog-box .dialog-content-box .field-addition .reglink{color:#808080;text-decoration:none;}
.mask-dialog-box .dialog-content-box .field-addition .reglink:visited{ text-decoration:none;}
.mask-dialog-box .dialog-content-box .field-addition .reglink:hover{ text-decoration:underline;}

.mask-dialog-box .dialog-content-box .foot-addition .alert{font-size:16px; line-height:32px;}
.mask-dialog-box .dialog-content-box .foot-addition .alert span{font-weight:bold;}
.mask-dialog-box .dialog-content-box .foot-addition .formnotic{color:#C30;}

.mask-dialog-box .dialog-subbox{background-color: rgba(255, 255, 255, 0.6);position: absolute;top: 0;left: 0;right: 0;bottom: 0; display: none;}
.mask-dialog-box .dialog-subbox .dialog-subcontent{width: 100%;height: 100%; display: flex;justify-content: center;align-items: center;}
.mask-dialog-box .dialog-subbox .dialog-subcontent .dialog-subbody{width: auto;min-height: auto;position: relative;border: 1px solid #ccc;border-radius: 6px;background: #fff;overflow: hidden;}
.mask-dialog-box .dialog-subbox .dialog-subcontent .dialog-subbody .sub-title{text-align: center; padding: 10px;}
.mask-dialog-box .dialog-subbox .field-set .field-input .input-box{ background-color: #FFF;}
/*    Toast        */
.mask-dialog-toast{position:absolute;margin:auto; background-color:#F5F5F5; overflow:hidden;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;font-size:16px; font-weight:bold; padding:20px 40px; line-height:150%;z-index:400; display:none;}
.mask-dialog-toast a{color:#0085FF;text-decoration:underline;}
.mask-dialog-toast a:visited{ text-decoration:underline;}
.mask-dialog-toast a:hover{ text-decoration:underline;}
.mask-dialog-toast .dialog-conten-title{font-size:22px; font-weight:bold; text-align:center; margin-bottom:32px;}
.mask-dialog-toast .dialog-close{ position:absolute; right:10px;top:10px; width:32px; height:32px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%x;cursor:pointer;}
.mask-dialog-toast .dialog-close:hover{background-color:#CCC;}
.mask-dialog-toast .dialog-close .icon-close{ padding:8px; line-height:32px;}

/*    Buy Plan     */
.mask-dialog-box .dialog-close-32{ width:32px; height:32px; padding:8px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%x; overflow:hidden;cursor:pointer;}
.mask-dialog-box .dialog-close-32:hover{background-color:#FBA079;}

.mask-plan-box{ background-color:#FBFBF6;}
.mask-dialog-box .buyplan-title{ height:100px; background-color:#FBAB89;color:#FFF;display:flex;}
.mask-dialog-box .buyplan-title .member-info{ width:300px;display:flex;align-items:center; margin-left:40px;position: absolute;height: 100px;}
.mask-dialog-box .buyplan-title .member-info .member-avatar{ width:58px; height:58px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%x; overflow:hidden;}
.mask-dialog-box .buyplan-title .member-info .member-avatar img{ width:100%;}
.mask-dialog-box .buyplan-title .member-info .member-desc{flex:1px; margin-left:10px;}
.mask-dialog-box .buyplan-title .member-info .member-desc .desc-title{font-size:16px; font-weight:bold;}
.mask-dialog-box .buyplan-title .member-info .member-desc .desc-subtitle{display:inline-block;font-size:12px; line-height:24px; margin-top:6px; padding:0px 8px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; overflow:hidden;background-color:rgba(0,0,0,0.2);transform: skew(-6deg);}

.mask-dialog-box .buyplan-title .title-text{ flex:1;display: flex;justify-content: center; align-items:center;}
.mask-dialog-box .buyplan-title .title-text .main-title{font-size:26px; font-weight:bold;}
.mask-dialog-box .buyplan-title .title-text .sub-title{font-size:20px; font-family:XinYiJiXiangSong; padding-left:20px;}
.mask-dialog-box .buyplan-title .title-btn{width:60px;display: flex;justify-content: center; align-items:center;position: absolute;height: 100px; right:10px;}

.mask-dialog-box .buyplan-body{ display:flex; min-height:400px; margin:50px 35px; gap:30px;}
.mask-dialog-box .buyplan-body .plan-desc{ width:300px; min-height:400px; box-sizing:border-box; padding:20px; background-color:#F5F5F5; display:flex;flex-direction: column;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px; overflow:hidden;}
.mask-dialog-box .buyplan-body .plan-desc .desc-content{flex:1; display:flex;flex-direction: column;}
.mask-dialog-box .buyplan-body .plan-desc .desc-content .desc-title {font-size:16px;}
.mask-dialog-box .buyplan-body .plan-desc .desc-content .desc-title .main-title{color:#FBAB89;}
.mask-dialog-box .buyplan-body .plan-desc .desc-content .desc-title .sub-title{color:#808080;}
.mask-dialog-box .buyplan-body .plan-desc .desc-content .desc-body { flex:1;}
.mask-dialog-box .buyplan-body .plan-desc .desc-foot {font-size:14px; color:#808080;}
.mask-dialog-box .buyplan-body .plan-desc .desc-foot a{color:#808080;}
.mask-dialog-box .buyplan-body .plan-body{ flex:1;}
.mask-dialog-box .buyplan-body .plan-body .plan-items{ display:flex; gap:20px;margin-bottom: 30px; cursor:pointer;}
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box{flex:1;min-height:60px;min-width:180px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden; background-color:#FFF;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2); display:flex;flex-direction: column; display:none;}
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-active{border:2px solid #FBAB89;box-sizing: border-box;}
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .item-head{height:55px; line-height:55px; font-size:16px; font-weight:bold; text-align:center; background-color:#eef3f4;}
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .item-bottom{ flex:1; margin-bottom:0px;}
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .item-bottom .price-lab{ margin:20px;}
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .item-bottom .price-lab .price{color:#FF8A58;}
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .price-desc{ margin-bottom:20px; text-align:center; }
.mask-dialog-box .buyplan-body .plan-body .plan-items .item-box .price-desc span{font-size:14px; line-height:24px;color:#FBAB89; padding:2px 10px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;overflow:hidden; border:1px solid #FBAB89;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc{min-height:228px;box-sizing:border-box; padding:20px;background-color:#F5F5F5;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px; overflow:hidden; display:flex; gap:20px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-left{width:228px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center{flex:2; display:flex;flex-direction: column;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-unit{flex:1; display:flex;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-unit .unit-lab{display: inline-block;line-height: 28px;height: 28px;font-size: 14px; color: #808080;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-unit .pay-option{font-size:14px; font-weight:bold;color:#808080;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; border:1px solid #CCCCCC; overflow:hidden;display: inline-block;  height: 28px;  line-height: 28px;  padding-left:10px; cursor:pointer;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-unit .pay-option .iconfont{ padding-left:20px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-unit .pay-option-active{color:#FF8A58;border-color:#FF8A58;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-unit .opt-items{ position:absolute;display:flex;flex-wrap: wrap;width: 200px;margin-top: -35px; margin-left: 25px;justify-content: space-between;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;overflow:hidden; background-color:#FFF;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);padding: 10px;  gap: 4px}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-unit .items-cols1{width: 100px;}

.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-unit .opt-items .opt-item{min-width: 60px;text-align: center;height: 32px;line-height: 32px;font-size: 14px;width: 48%; cursor:pointer;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-unit .opt-items .opt-item:hover{ background-color:#F4F4F4;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; overflow:hidden;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-unit .opt-items .item-cols1{width: 100%;}

.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-expire{font-size:14px;color:#FF8A58; line-height:24px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-lab{font-size:14px; color:#808080;margin: 10px 0px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-price{color:#FF8A58; height:60px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-price .pay-amount{font-size:30px; font-weight:bold;line-height: 32px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-price .pay-discount{font-size:14px;padding-left: 8px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-price .pay-oldamount{font-size:16px;padding-left: 8px;color: #808080;text-decoration: line-through; font-weight:bold;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-price .default-lab{font-size:14px;padding-left: 20px; display:none;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-notice{font-size:14px; color:#808080;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-center .plan-notice a{font-size:14px; color:#808080;}

.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right{flex:1;display: flex;justify-content: center;flex-direction: column;gap: 20px;align-items: center;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right .buy-btn{padding: 0px 40px; margin:0px; max-width:240px; min-width:200px;}
.mask-dialog-box .buyplan-body .plan-body .plan-itemdesc .pay-right .notice{padding: 0px 40px; margin:0px; text-align:center; font-siz:16px;}


/*  Favorite */
.mask-dialog-box .dialog-content-box .fav-box{margin: 22px 12px 12px 12px; display:flex; gap:40px;}
.mask-dialog-box .dialog-content-box .fav-box .item{ width:270px;}
.mask-dialog-box .dialog-content-box .fav-box .item .item-pic{width: 270px; height: 270px; background-color:#CCC; overflow: hidden; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; margin-bottom: 16px;background-position : center center;background-repeat: no-repeat;background-size:cover;}
.mask-dialog-box .dialog-content-box .fav-box .item .item-pic img{ width:100%;}
.mask-dialog-box .dialog-content-box .fav-box .item .item-tag{ margin-bottom:16px;display: flex; gap: 20px;}
.mask-dialog-box .dialog-content-box .fav-box .item .item-tag span{ display:inline-block; height:38px; line-height:38px;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-size:14px;color: #262626; padding: 0px 20px; background-color: #ECEBE8;  border: 1px solid #D4D4D4;}
.mask-dialog-box .dialog-content-box .fav-box .item .item-title{font-size:16px; line-height:50px;}
.mask-dialog-box .dialog-content-box .fav-box .item .item-curtag{}
.mask-dialog-box .dialog-content-box .fav-box .item .item-curtag textarea{width: 100%;  height: 120px; box-sizing: border-box; padding:10px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; border: 1px solid #CCC; font-size: 14px; line-height: 150%; color: #808080;}

.mask-dialog-box .dialog-content-box .fav-box .fav{ flex:1;  display:flex;flex-direction: column;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-head{ display:flex;gap:10px; margin-bottom:20px;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-head .folder-name{flex: 1; height: 48px; font-size: 16px; line-height: 48px; overflow: hidden; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding: 0px 10px; border: 1px solid #CCC;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-head button{height: 50px; font-size: 16px; line-height: 50px; overflow: hidden; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding: 0px 20px; color:#FFF; cursor:pointer;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-head .folder-search-btn{ background-color:#7FDC99;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-head .folder-add-btn{ background-color:#FBAB89;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-list{ height:390px;overflow-y: auto; overflow-x: hidden;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-list .list-item{ box-sizing:border-box; padding:8px 6px;height: 52px; margin:2px 0px; display:flex; gap:14px;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-list .list-item:hover{ background-color:#E8E8E8;overflow: hidden; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-list .list-item:hover .itembtn{ display:block;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-list .list-item .itemicon{ width:36px; height:36px; background-color:#FFF;overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;background-position : center center;background-repeat: no-repeat;background-size:cover;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-list .list-item .itemicon img{ width:100%;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-list .list-item .itemname{ flex:1; font-size:16px;color:#262626; line-height:36px;}
.mask-dialog-box .dialog-content-box .fav-box .fav .folder-list .list-item .itembtn{ display:none;font-size:14px;color:#FFF;padding: 0px 20px;background-color:#FBAB89; line-height:36px;overflow: hidden; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; cursor:pointer;}



.side-cols-container{position:absolute; display:flex;flex-direction: column; top:0px; bottom:0px; right:0px; width:390px; background-color:#3C3C3C; visibility:hidden;}
.side-cols-container .side-cols-title{height:60px; padding:9px 0px 9px 28px;color:#CCC;font-size:16px; line-height:60px; display:flex;}
.side-cols-container .side-cols-title .title-lab{flex:1;}
.side-cols-container .side-cols-title .iconfont{ cursor:pointer;}
.side-cols-container .side-cols-search{height:60px;color:#CCC;font-size:16px; line-height:60px; display:flex;}
.side-cols-container .side-cols-search .search-box{flex:1;}
.side-cols-container .side-cols-search .search-box .input-box{height:60px; width:100%; background-color:#505050; color:#999;border:0px;vertical-align:top;box-sizing:border-box; padding:0px 24px;}
.side-cols-container .side-cols-search .search-box .input-box:focus{ background-color:#E9E5DE;color:#808080;}
.side-cols-container .side-cols-lab{height:32px; overflow:hidden; padding:23px 0px;color:#CCC; display:flex;align-items: center;justify-content: center;}
.side-cols-container .side-cols-lab .lab-item{padding:0 16px; margin:0px 6px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; border:1px solid #808080; color:#FFFFFF;font-size:12px; text-align:center; line-height:32px; cursor:pointer;}
.side-cols-container .side-cols-lab .lab-item:hover{ background-color:#4D4D4D;}
.side-cols-container .side-cols-lab .lab-item-active{display:inline-block; padding:0 16px; margin:0px 6px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; background-color:#4D4D4D; border:1px solid #808080; color:#FFFFFF;font-size:12px; text-align:center; line-height:32px; cursor:pointer;}

.side-cols-container .side-cols-tab{ display:flex;}
.side-cols-container .side-cols-tab .tab-item{flex:1;height:52px; text-align:center; line-height:52px; font-size:16px; background-color:#3C3C3C;color:#999; cursor:pointer;}
.side-cols-container .side-cols-tab .tab-item:hover{color:#FFF;}
.side-cols-container .side-cols-tab .item-active{background-color:#303030;color:#E0E0E0;}
.side-cols-container .side-cols-list{ flex:1;background-color:#303030;color:#CCC;overflow:auto;}
.side-cols-container .side-cols-list .list-rows{ padding:10px 56px 10px 24px;}
.side-cols-container .side-cols-list .list-char{height:32px; color:#999; border-bottom:1px solid #545454; line-height:32px;}
.side-cols-container .side-cols-list .list-item-rows{ padding:10px 56px 10px 24px; display:flex; cursor:pointer;}
.side-cols-container .side-cols-list .list-item-rows:hover{ background-color:#3C3C3C;}
.side-cols-container .side-cols-list .list-item-rows .item-icon{ width:124px; height:62px; min-width:124px; overflow:hidden;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.side-cols-container .side-cols-list .list-item-rows .item-icon img{ max-width:124px; max-height:62px;}
.side-cols-container .side-cols-list .list-item-rows .item-desc{ flex:1; padding-left:24px;display: flex;justify-content: center;flex-direction: column;}
.side-cols-container .side-cols-list .list-item-rows .item-desc .item-name{font-size:16px;}
.side-cols-container .side-cols-list .list-item-rows .item-desc .item-info{font-size:12px;}

.side-cols-container .side-cols-list .list-idx{ width:32px; font-size:12px; position:absolute; right:16px; color:#676767; margin-top:40px;}
.side-cols-container .side-cols-list .list-idx span{ display:block; text-align:center; margin:3px 0px; cursor:pointer; line-height:14px;}
.side-cols-container .side-cols-list .list-idx span:hover{ color:#FFF;}
.side-cols-container .side-cols-list .list-idx .char-active{ color:#FFF; font-weight:bold;}

.page-header .normal-tag-active{display:inline-block; padding:0 16px; margin:0px 12px; word-break:keep-all;height:40px; line-height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; background-color:#222; color:#FFFEF2;font-size:18px;}
.page-header .normal-tag{display:inline-block; padding:0 16px; margin:0px 12px 12px 12px; word-break:keep-all;height:40px; line-height:40px;color:#262626;font-size:14px; cursor:pointer;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;font-size:18px;background-color:#E6E6E6;}
.page-header .normal-tag .iconfont{ padding-left:8px;}
.page-header .normal-tag:hover{background-color:#E6E6E6;}
.page-header .normal-tag-more{display:inline-block; padding:0 16px; margin:0px 12px;height:40px; line-height:40px;color:#262626;font-size:14px; cursor:pointer;}
.page-header .his-tag {padding-right: 0px;}
.page-header .his-tag .iconfont{padding: 0px 12px;margin: 8px;box-sizing: border-box; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.page-header .his-tag .iconfont:hover{background-color:#CCC;}

.page-wrapper div.pagination {font-size: 14px;font-family: Tahoma, Arial, Helvetica, Sans-serif;display: flex;gap: 6px;justify-content: center;align-items: center;}
.page-wrapper div.pagination a,div.pagination a:visited {
	text-decoration: none;
	color: #000;
	border: 1px solid #CCC;
	line-height:24px;
	-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12x;
	min-width:26px;
	display:inline-block;
	text-align:center;
	box-sizing:border-box;
	padding: 0px 6px;
}
.page-wrapper div.pagination a:hover, div.pagination a:active {
	background-color:#666;
	color: #fff;
	min-width:26px;
}

.page-wrapper div.pagination span.current {
	font-weight: bold;
	color: #303030;
	padding: 0px 6px;
	-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12x;
	background-color:#ccc;
}
.page-wrapper div.pagination span.disabled {
		margin: 2px;
		color: #797979;
	}


.loading {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 30px;
	line-height:30px;
    color:#fff;
}
[class*="loader-"] {
    display: inline-block;
    width: 12px;
    height: 12px;
    color: inherit;
    pointer-events: none;
}
.loader-01 {
    border: 5px dotted currentcolor;
    border-radius: 50%;
    -webkit-animation: 1s loader-01 linear infinite;
    animation: 1.5s loader-01 linear infinite;
}

.loading-bar{width:240px; margin:auto;position:absolute;margin-top:-16px; height:6px;}
.loading-bar .loader-bar {
  animation: loadingBar 1s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
  
  height:6px;
  -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
}
@keyframes loadingBar {
  0%{
    transform: translate(0, 0);
	width: 6px;
  }
  50% {
    transform: translate(120px, 0);
    background-color: #ccc;
    width: 40px;
  }
  100%{
    transform: translate(240px, 0);
	width: 6px;
  }
}

.m-loading{font-size: 51px;position:relative;display:inline-block;width:120px;height:120px}
.m-loading span{position:absolute;will-change:background-color;left:1.109375em;bottom:0;width:.09375em;height:.5em;border-radius:.25em;background-color:transparent;-ms-transform-origin:center -.65625em;transform-origin:center -.65625em;-webkit-backface-visibility:hidden}
.m-loading span:nth-child(1){animation-delay:0s;-ms-transform:rotate(0);transform:rotate(0)}
.m-loading span:nth-child(2){animation-delay:.1s;-ms-transform:rotate(30deg);transform:rotate(30deg)}
.m-loading span:nth-child(3){animation-delay:.2s;-ms-transform:rotate(60deg);transform:rotate(60deg)}
.m-loading span:nth-child(4){animation-delay:.3s;-ms-transform:rotate(90deg);transform:rotate(90deg)}
.m-loading span:nth-child(5){animation-delay:.4s;-ms-transform:rotate(120deg);transform:rotate(120deg)}
.m-loading span:nth-child(6){animation-delay:.5s;-ms-transform:rotate(150deg);transform:rotate(150deg)}
.m-loading span:nth-child(7){animation-delay:.6s;-ms-transform:rotate(180deg);transform:rotate(180deg)}
.m-loading span:nth-child(8){animation-delay:.7s;-ms-transform:rotate(210deg);transform:rotate(210deg)}
.m-loading span:nth-child(9){animation-delay:.8s;-ms-transform:rotate(240deg);transform:rotate(240deg)}
.m-loading span:nth-child(10){animation-delay:.9s;-ms-transform:rotate(270deg);transform:rotate(270deg)}
.m-loading span:nth-child(11){animation-delay:1s;-ms-transform:rotate(300deg);transform:rotate(300deg)}
.m-loading span:nth-child(12){animation-delay:1.1s;-ms-transform:rotate(330deg);transform:rotate(330deg)}
.m-loading-dark span{animation:loading-fade-dark 1.1s infinite linear}
@keyframes loading-fade-dark{0%{background-color:#5c5c5c}100%{background-color:rgba(255,255,255,0)}}