/** 
 * 描述：公用头部
 * by paperccc.com
 */
@charset "utf-8";
/*页面整体宽度控制*/
.wrapper { width: 1200px; margin: auto; }
/* 公用头部区域 */
.header-box { width: 100%; background: #fff;  }
.wt-head { height: 70px; }
/* 站点logo */
.wt-head .site-logo {height:40px; overflow: hidden; float:left; margin:15px 40px auto 0 }
.wt-head .site-logo img { height:40px;}
.wt-head .logo-banner { float: left; height: 70px; margin: 10px 10px auto 0; width: 120px; }
.wt-head .logo-banner img { max-height: 70px; max-width: 120px; }
/* 头部搜索 */
.wt-head-search { width:1100px; margin:20px 0 0 50px }
.search-m { width: 100%; height: 60px; display: block; position: relative; z-index: 100; border-radius:30px;}
.search-m .search-form { background-color: #56B282; height: 60px; border-radius:30px;}
.search-m .input-text { line-height: 48px; color: #555; width: 935px; height: 48px; float: left; padding:6px 20px 6px 20px; border: none 0; font-size:16px; border-radius:30px 0 0 30px;}
.search-m .search-submit, .search-m .search-submit:hover {font-style: normal; font-size: 28px; color: #FFFFFF; background-color: transparent; width: 120px; height: 60px; float: right; border: none; cursor: pointer;}
.wt-head-search .keyword {margin-top: 36px; text-align:center;}
.wt-head-search .keyword .banner-hot-tag-list { height: 32px; line-height: 32px; font-size: 16px; font-weight: 400; color:#FFFFFF;}
.wt-head-search .keyword .banner-hot-tag-list .paperccc-tag { height: 24px; line-height: 24px; border-radius: 20px; margin-left: 10px; padding: 5px 20px; display: inline-block; color: #fff; font-size: 14px; font-weight: 400; cursor: pointer;}
.wt-head-search .keyword .banner-hot-tag-list .paperccc-tag.paperccc-tag-line { padding: 4px 20px; background: transparent; border: 1px solid rgba(255, 255, 255, 0.4); backdrop-filter: blur(0);}
.wt-head-search .keyword .banner-hot-tag-list .paperccc-tag.paperccc-tag-line:hover { background: rgba(255, 255, 255, 0.2);}
#search-m { position:relative; border-radius:5px;}
/* 头部用户型菜单*/
.head-my-menu { font-size: 0; *word-spacing:-1px/*IE6、7*/; float: right; margin: 20px 0 0 0; }
/* 公用导航区域 */
.wt-nav{height: 36px; position: relative; zoom: 1; margin-top:22px; float:left}
.wt-nav ul.nav{ font-size:14px; float:left;}
.wt-nav ul.nav li{vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/;*zoom: 1;}
.wt-nav ul.nav li>a{font-size: 14px; font-weight: normal; line-height: 20px; color: #333; height: 20px; padding: 8px 16px; display: inline-block; *display:inline/*IE6、7*/;zoom:1; }
.wt-nav ul.nav li>a:hover,.wt-nav ul.nav li.current>a {text-decoration: none; color:#CC2229;}
.wt-nav ul.nav li>a:hover:after,.wt-nav ul.nav li.current>a:after{transition:all .3s; height: 2px; opacity: 1; filter:Alpha(opacity=100);}
.wt-nav .nav li a.current { font-weight: 600; color: #CC2229; }
.wt-nav ul.nav li .i-hot{ position:absolute; right:0px; top:-10px;}
/*内页下拉分类导航菜单*/
.topmenu-nav{ width:700px;padding:0;float:left; text-decoration:none}
.topmenu .menu { background-color:#fff; background-color: rgba(255, 255, 255, 0.9); width: 100%; height: 70px;}
.topmenu .menu li {height: 70px; position: relative; z-index: 10000; zoom:1; display: block; float:left; margin:0 18px;}
.topmenu .menu li.hover {z-index: 2;background-color: rgba(255, 255, 255, 255);}
.topmenu li h4 { font-weight: normal; font-size: 14px; line-height: 70px; height: 70px; float: left; overflow: hidden;}
.topmenu li h4 a { color: #333;}
.topmenu li .arrow { background: url(../images/top_bg.png) no-repeat -194px -15px; width: 6px; height: 11px; position: relative; z-index: 1;}
.topmenu li.hover .arrow { background: url(../images/top_bg.png) no-repeat -194px 0; }
.topmenu li.hover .h_menu{ z-index: 4; background: #fff;position: relative;}
.topmenu li .h_menu i { background: url(../images/top_bg.png) no-repeat 0 0; vertical-align: middle; display: inline-block; width: 6px; height: 3px; margin-left: 2px; -webkit-transition: .2s ease-in; -moz-transition: -webkit-transform .2s ease-in; -o-transition: -webkit-transform .2s ease-in; transition: .2s ease-in; top:27px; position:relative }
.topmenu li.hover .h_menu i {
FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%; }
.topmenu .sub-menu { -webkit-box-shadow:4px 0px 6px rgba(0,0,0,0.2);-moz-box-shadow:4px 0px 6px rgba(0,0,0,0.2);box-shadow:4px 0px 6px rgba(0,0,0,0.2); background-color:#fff; display: none; min-height: 80px; position: absolute; z-index: 1; top: 70px; left: 0; border-width: 1px solid #fff; border-radius:5px; width:-moz-max-content; width:max-content; max-width:746px; padding:5px 16px 16px 16px;z-index:9999;}
.topmenu li.hover .sub-menu { display: block;}
.topmenu .sub-menu-content { display: block; min-width: 230px;}
.topmenu .class{z-index: 4; background: #fff;position: absolute;width: 192px;height: 60px;}
.topmenu .class .arrow {background: url(../images/top_bg.png) no-repeat -194px -15px; width: 12px; height: 12px; float: right; z-index: 1; }
.topmenu .sub-menu .sec-class {height: 30px; line-height:30px; margin:5px 0; }
.topmenu .sub-menu .sec-class h3 { color:rgba(0,0,0,.8); font-size:14px; margin-bottom:5px}
.topmenu .sub-menu .third-class{display:flex;flex-wrap:wrap;gap:10px}
.topmenu .sub-menu .third-class .MenuPopover_listItem{width:220px;padding:10px;display:flex;border-radius:8px;border:1px solid;cursor:pointer}
.topmenu .sub-menu .third-class .MenuPopover_listItem>img{width:36px;height:36px; padding:2px}
.topmenu .sub-menu .third-class .MenuPopover_listItem .MenuPopover_info{display:flex;flex-direction:column;margin-left:12px;flex:1 1}
.topmenu .sub-menu .third-class .MenuPopover_listItem .MenuPopover_info>:first-child{color:rgba(0,0,0,.9);font-size:13px;font-weight:500}
.topmenu .sub-menu .third-class .MenuPopover_listItem .MenuPopover_info>:last-child{color:rgba(0,0,0,.6);font-size:11px;margin-top:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:170px;}
.topmenu .sub-menu .third-class .MenuPopover_listItem.MenuPopover_color1{border-color:#E1E1E1;background:#FFFFFF}
.topmenu .sub-menu .third-class .MenuPopover_listItem.MenuPopover_color1:hover{background:rgba(252, 81, 1, 0.05);border-color:#FC5101}
.topmenu .sub-menu .third-class .MenuPopover_listItem.MenuPopover_color2{border-color:#E1E1E1;background:#FFFFFF}
.topmenu .sub-menu .third-class .MenuPopover_listItem.MenuPopover_color2:hover{background:rgba(34, 172, 56, 0.05);border-color:#22AC38}
.topmenu .sub-menu .third-class .MenuPopover_listItem.MenuPopover_color3{border-color:#E1E1E1;background:#FFFFFF}
.topmenu .sub-menu .third-class .MenuPopover_listItem.MenuPopover_color3:hover{background:rgba(255, 183, 48, 0.05);border-color:#FFB730}
.topmenu .sub-menu .third-class .MenuPopover_listItem.MenuPopover_color4{border-color:#E1E1E1;background:#FFFFFF}
.topmenu .sub-menu .third-class .MenuPopover_listItem.MenuPopover_color4:hover{background:rgba(25, 119, 251, 0.05);border-color:#1977FB}
.topmenu .sub-menu .third-class .MenuPopover_listItem.MenuPopover_color5{border-color:#E1E1E1;background:#FFFFFF}
.topmenu .sub-menu .third-class .MenuPopover_listItem.MenuPopover_color5:hover{border-color:#a19bff}
.topmenu .sub-menu .third-class+.third-class{margin-top:14px}











/*20200228*/
.nav-ban>li{ cursor: pointer; padding:0px 16px; position: relative; z-index:2; font-size:14px; color:#000;}
.nav-ban>li:hover{ border-color:#e4e4e4;}
.nav-ban>li>i.icon-down{ display: inline-block; vertical-align: middle; width:20px; height:20px; margin-top:9px; background:url(../images/more.png) no-repeat center;}
.nav-ban>li>span{ display: inline-block; color: #000; font-size: 14px;}
.nav-ban>li.more{ width:60px;height:58px;}
.nav-ban>li>.bodyer{position: absolute;right:0px;top:100%;margin-top:0;z-index:110;cursor: default;display: none;width:120px;border-radius:5px;padding:10px;background-color:#fff;box-shadow: 0 0 10px #efefef;}
.nav-ban>li:hover>.bodyer{display: block;}
.nav-ban>li>.bodyer .more-nav{width:120px; text-align:center; }
.nav-ban>li>.bodyer .more-nav .nav-item:hover{ text-align:center; background-color:#FAFAFA}
.nav-ban>li>.bodyer .more-nav .nav-item a{color:#000;height:35px;line-height:35px; text-align:center;width:120px;}
.nav-ban>li>.bodyer .more-nav .nav-item a:hover{text-decoration:none;}
/* 登录注册 */
.wt-head-login { float:right; height:40px; line-height:40px; margin:15px 0 0 0; text-align:right;}
.wt-head-login .vr{ height:40px; line-height:40px; margin-left:15px; text-align: center; float:left;}
.wt-head-login .vr a{border:1px solid #FF5628; padding:8px 15px; border-radius:16px; color:#FF5628; background-color:#FFF}
.wt-head-login .vr a:hover{border:1px solid #FF673E; color:#FFF; background:#FF673E; text-decoration:none}
.wt-head-login .ar{ height:40px; line-height:40px; margin-left:15px; text-align: center; float:left}
.wt-head-login .ar a{border:1px solid #FF5628; padding:8px 15px; border-radius:16px; color:#FFF; background-color:#FF5628}
.wt-head-login .ar a:hover{border:1px solid #FF673E; color:#FFF; background:#FF673E; text-decoration:none}

/*首页登录按钮*/
.wt-head-login .logoin{ margin-top:0; margin-left: 20px;}
/*登录信息*/
.wt-head-login .login-info{ color:#838383; position:relative; text-align:left; height: 60px; cursor: pointer; }
.wt-head-login .login-info a em {font-size: 10px;font-weight: 600;line-height: 18px;color: #FFF;background-color: #F30;text-align: center;display: block;min-width: 14px;height: 18px;padding: 0 2px;	border-radius: 11px;position: absolute;z-index: 1;top: -5px;right: 0px;	-webkit-animation: twinkling 1s infinite ease-in-out;}
.wt-head-login .login-info a:hover{text-decoration:none;}
.wt-head-login .login-info:hover::before{ transform: rotate(180deg);}
.wt-head-login .login-info .lazy-load{border-radius:50%; width:32px; height:32px; margin-top:0px; border:1px solid #56B282;}
.wt-head-login .login-info ul.basic{ margin-top:4px; float:right; max-width:160px; /*用户名6个字超出*/}
.wt-head-login .login-info ul.basic li span{ color:#686868; line-height:22px;}
.wt-head-login .arrow { font-size: 0px; line-height: 0; vertical-align: top; display: inline-block; width: 0px; height: 0px; margin-left: 2px; margin-top: 20px; margin-right: 0; border-width: 4px; border-color: #56B282 transparent transparent transparent; border-style: solid dashed dashed dashed; cursor: pointer; }
.wt-head-login .arrow-close { font-size: 0px; line-height: 0; vertical-align: top; display: inline-block; width: 0px; height: 0px; margin-left: 2px; margin-top: 15px; margin-right: 0; border-width: 4px; border-color: transparent transparent #56B282 transparent; border-style: dashed dashed solid dashed; cursor: pointer; }
/*电话号码*/
.wt-head-login .kefu-tel { width:170px; padding-left:25px;}
.wt-head-login .kefu-tel dd { padding-top:0px;}
.wt-head-login .kefu-tel i { display:block; position:relative; top:5px;}
.wt-head-login .kefu-tel i.icon-tel { background-image:url(../images/ico_ntrance.png); width:25px; height:27px;}
.wt-head-login .kefu-tel div { margin:-35px 0 0 25px;}
.wt-head-login .kefu-tel i.icon-tel { background-position:0 -169px }
.wt-head-login .kefu-tel strong { font-size:20px; color:#F64C4C; font-weight:500; margin-bottom:0; line-height:15px; height:15px;}
.wt-head-login .kefu-tel p { font-size:12px; color:#666; height:10px; line-height:10px;}
/* 面包屑所在位置 */
.wth-breadcrumb-box { text-align: center; }
.wth-breadcrumb { font-size: 0; *word-spacing:-1px/*IE6、7*/;
text-align: left; height: 20px; padding: 10px 0; margin: 0 auto; }
.wth-breadcrumb span { font-size: 12px; line-height: 20px; color: #999; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/* IE6,7*/;
height: 20px; zoom: 1; }
.wth-breadcrumb i { font-size: 14px; color: #AAA; margin-right: 4px; }
.wth-breadcrumb span.arrow { font-family: "宋体"; line-height: 20px; color: #AAA; margin: 0 6px; }
.wth-breadcrumb a { color: #777; display: block; }
.wth-breadcrumb a:hover { color: #F32613; }
/*顶部banner广告*/
#top-banner { position:relative; display:none}
#top-banner .close { position:absolute; right:8px; top:5px;background: url(../images/close.png) no-repeat; width:19px; height:19px; overflow:hidden; display:block; z-index:10}
#top-banner .close:hover { background: url(../images/close.png) no-repeat 0 -19px; display:block}

/*用户登录信息*/
.wt-head-login .login-info .hovermenu{ position:absolute; right:0px; top:100%; z-index:110; margin-right:2px; display:none; overflow: hidden; width: 280px; padding: 20px; box-shadow: 0px 0px 20px 0px rgba(136, 136, 136, 0.15); background-color: #fff; border-radius: 6px; text-align: left; cursor: auto;}
.wt-head-login .login-info:hover .hovermenu{ animation-duration: .5s; animation-fill-mode: both; animation-name: qc-header-slideInDown}
.center {text-align: center;}
.block {display: block;}
.fl {float: left;}
.fr {float: right;}
.fn11 {font-size: 11px;}
.fn12 {font-size: 12px;}
.fn13 {font-size: 13px;}
.fn14 {font-size: 14px;}
.fn16 {	font-size: 16px;}
.fn18 {	font-size: 18px;}
.fn20 {	font-size: 20px;}
.fn24 {	font-size: 24px;}
.fn40 {	font-size: 40px;}
.oh {overflow: hidden;}
.none {	display: none;}
.user-menu-info { width: 100%; height: 66px; margin: auto;}
.user-menu-face { width: 45px; height: 45px; position: relative;}
.user-menu-face img { width: 45px; height: 45px; border-radius:50%; border:1px solid #56B282;}
.user-menu-idbox { width: calc(100% - 64px); height: 64px; margin-left: 16px;}
.user-menu-idbox p:last-child { font-size: 12px; margin-top: 4px; color: #888888; height: 24px; line-height: 24px;}
.user-menu-name { color: #282828; height: 25px; position: relative;}
.user-menu-name span.user-menu-usename { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 132px; font-weight: 600; display: inline-block; height: 25px; line-height:24px;}
.user-menu-id { color: #191919; line-height: 20px;}
.user-menu-getvip { margin: auto; width: 100%; height: 54px; line-height: 54px; border-top: 1px solid #f0f0f0;}
.vip-box-not-opened { width: 100%; display: flex; height: 44px; line-height: 44px; align-items: center; justify-content: space-between; background-color: #fafafa; border-radius: 8px; margin-top: 12px;}
.vip-box-not-opened.vip-box-not-opened-top { margin-top: 16px;}
.vip-box-not-opened:not(:first-child) { margin-top: -10px;}
.vip-box-not-opened p { display: flex; align-items: center; margin-left: 12px;}
.vip-box-not-opened a.vip-box-btns.btn-green { background: #56B282; border: 1px solid #56B282; color:#FFFFFF;}
.vip-box-not-opened a.vip-box-btns { border: 1px solid #56B282; background: #56B282; color: #fff; width: 72px; height: 24px; line-height: 24px; border-radius: 14px; margin: 0; margin-right: 12px;}
.vip-box-opened-one { width: 100%; padding: 12px; height: 50px; justify-content: space-between; background-color: #fafafa; border-radius: 8px; margin-top: 12px; background-image: url(../images/home/bj-vip.png);}
.have-person-vip { display: flex; align-items: center;}
.vip-box-opened-one.vip-box-opened-one-top { margin-top: 16px; padding: 12px;}
.vip-box-opened-one a.vip-box-btns { background: #37da90; border: 1px solid #37da90; color: #fff; width: 72px; height: 24px; line-height: 22px; border-radius: 14px; margin: 0; padding: 0 12px;}
.vip-box-opened-one-title p:first-child { height: 20px; font-family: PingFang SC; font-weight: 600; line-height: 20px; color: #4a4a4a; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vip-box-opened-one-title p:last-child { height: 16px; line-height: 16px; margin-top: 8px;}
.user-menu-getvip a { margin-top: 10px; width: 150px; height: 34px; line-height: 34px; border-radius: 17px; background: url('../images/VIP_btn.png') 0 0 no-repeat; background-size: 249px 316px; color: #fff;}
.user-menu-getvip a:hover { background-position: 0 -34px;}
.user-menu-list { width: 100%; margin-top: 20px;}
.user-menu-list a { height: 40px; line-height: 40px; padding-left: 12px; color: #4a4a4a; display: flex; align-items: center;}
.user-menu-list a span { padding-left: 8px;}
.user-menu-list a::before { vertical-align: middle; width: 16px; height: 19px; content: ""; display: inline-block;}
.user-menu-list a.icon_select_homepage::before { background: url(../images/icon_select_homepage.png) no-repeat center; background-size: 16px 16px;}
.user-menu-list .icon_select_balance {color: #4a4a4a; padding-left: 12px; height: 40px; display: flex; align-items: center; justify-content: space-between;}
.user-menu-list .icon_select_balance:hover { background: #FAFAFA; border-radius: 8px;}
.user-menu-list .icon_select_balance .title-box { display: flex; align-items: center; background: url(../images/icon_select_money.png) no-repeat left; background-size: 16px 16px; padding-left:24px; }
.user-menu-list .icon_select_balance .money-box { display: flex; align-items: center;}
.user-menu-list .icon_select_balance:hover .money-num { display: none;}
.user-menu-list .icon_select_balance .money-box .to-prestore { display: none;}
.user-menu-list .icon_select_balance:hover .money-box .to-prestore { display: block; color: #6A70E9; cursor: pointer;}
.user-menu-list .icon_select_balance .money-box .icon-arrowright { display: inline-block; transform: rotate(-90deg); color: #bbb;}
.user-menu-list a.icon_select_download::before { background: url(../images/icon_select_download.png) no-repeat center; background-size: 16px 16px;}
.user-menu-list a.icon_select_collect::before { background: url(../images/icon_select_collect.png) no-repeat center; background-size: 16px 16px;}
.user-menu-list a.icon_select_Upload::before { background: url(../images/icon_select_Upload.png) no-repeat center; background-size: 16px 16px;}
.user-menu-list a.icon_select_message::before { background: url(../images/icon_select_message.png) no-repeat center; background-size: 16px 16px;}
.user-menu-list a.icon_select_exit::before { background: url(../images/icon_select_exit.png) no-repeat center; background-size: 16px 16px;}
.user-menu-list a:hover { background: #FAFAFA; border-radius: 8px;}
.person-vip-box { display: block !important;}
.person-vip-box .vip-box-opened-one-title { display: flex; align-items: center;}
.person-vip-box .vip-box-opened-one-title p { color: #888888; font-family: PingFang SC; font-size: 12px; font-weight: 400; line-height: 16px;}
.person-vip-box .vip-box-opened-one-title .vip-type-box { display: flex; align-items: center; background: #6a70e91a; height: 20px; padding: 3px 4.5px; border-radius: 4px; margin-top: 0; margin-left: 4px;}
.person-vip-box .vip-box-opened-one-title .vip-type-box img { width: 16px; margin-right: 3px;}
.person-vip-box .vip-box-person-line2 { height: 16px; color: #888888; font-family: PingFang SC; font-size: 12px; font-weight: 400; line-height: 16px; text-align: left; margin-top: 7px;}
.limit-box { background: #f1f2f4; width: 260px; height: 31px; padding: 4px 12px 4px 8px; border-radius: 0 0 8px 8px; display: flex; justify-content: space-between;}
.limit-box .limit-time { color: #888888; font-family: PingFang SC; font-size: 12px; font-weight: 400; line-height: 16px; display: flex; align-items: center;}
.limit-box a.vip-box-btns.btn-green { background: #56B282; border: 1px solid #56B282; color:#FFFFFF;}
.limit-box a.vip-box-btns { border: 1px solid #56B282; background: #56B282; color: #fff; width: 70px; height: 24px; line-height: 24px; border-radius: 14px; margin: 3px 0 0 0;}