/** 
 * 描述：公用头部
 */
@charset "utf-8";
a, button {
    cursor: pointer;
    transition: 0.8s all;
}
button {
    border: 0 none;
    padding: 6px 12px;
    background-color: #FF311C;
    color: #fff;
    font-size: 12px;
    margin: 4px 0;
    border-radius: 2px;
}
img {
    border: 0 none;
}
.inputOnfocus {
    box-shadow: 1px 0 5px rgba(79, 82, 85, 0.12)
}
/*页面整体宽度控制*/
.wrapper { width: 1200px; margin: auto; }
.header-box { width: 100%; background: #fff; border-bottom:1px solid #ECECEC;}
.wt-head { height: 70px; width:1200px;}
/* 机构logo */
.wt-head .site-logo { height:36px; overflow: hidden; float:left; margin:17px 10px auto 0; }
.wt-head .site-logo img { max-height:36px; }
/* 公用导航区域 */
.wt-nav{height: 70px; position: relative; zoom: 1; background-color:#FFFFFF}
/*内页下拉分类导航菜单*/
.topmenu-nav{ width:700px;padding:0; float:left;}
.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 20px;}
.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: 6px; -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: 20px; left: 0; border-width: 1px solid #fff; border-radius:10px; 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:44px;height:44px}
.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:6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:160px;}
.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}
/*首页登录按钮*/
.wt-head-login { float:right; height:40px; line-height:40px; margin:15px 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 #56B282; padding:8px 15px; border-radius:16px; color:#56B282; background-color:#FFF}
.wt-head-login .vr a:hover{border:1px solid #56B282; color:#FFF; background:#56B282; 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 #56B282; padding:8px 15px; border-radius:16px; color:#FFF; background-color:#56B282}
.wt-head-login .ar a:hover{border:1px solid #4BA575; color:#FFF; background:#4BA575; 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:30px; height:30px; 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 .login-info .hovermenu{ position:absolute; right:0px; top:55px; 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}
/* 面包屑所在位置 */
.wth-breadcrumb-box { text-align: center; }
.wth-breadcrumb { font-size: 0; *word-spacing:-1px/*IE6、7*/;text-align: left; height: 40px; line-height:40px; margin: 0 auto; }
.wth-breadcrumb span { font-size: 12px; line-height: 40px; 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: 40px; 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}

.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%;}
.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; line-height:40px;}
.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;}

/* 公用顶部区域
-------------------------------------- */
.wt-topbar { font-family: Arial, "宋体"; line-height: 20px; color: #777; background-color: #FAFAFA; border-bottom: solid 1px #F0F0F0; }
.wt-topbar .topbar { height: 30px; }
.wt-topbar .user-entry { height: 26px; float: right; padding: 2px 0; }
.wt-topbar .user-entry a.login { color:#FF8000; padding-right:8px; }
.wt-topbar .user-entry a { color: #777; line-height:26px; }
.wt-topbar .user-entry a:hover { color: #c81623 }
.wt-topbar .user-entry span { padding:0 5px; }
.right-menu dl dt a img { margin-right: 4px; }
.wt-topbar .right-menu { font-size: 0; *word-spacing:-1px/*IE6、7*/;text-align: right; height: 30px; float: right; }
.wt-topbar .right-menu a { color: #777 !important; }
.wt-topbar .right-menu dl { text-align: left; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/;
width: 80px; height: 30px; position: relative; z-index: 999; *zoom:1/*IE6、7*/;
}
.wt-topbar .right-menu dl dt { font-size: 12px; line-height: 20px; height: 20px; padding: 5px 0; position: absolute; z-index: 2; top: 0px; left: 12px; }
.wt-topbar .right-menu dl dt a:hover { text-decoration: none; color: #F30; }
.wt-topbar .right-menu dl dt i { background: url(../images/top_bg.png) no-repeat 0 0; vertical-align: middle; display: inline-block; width: 6px; height: 3px; margin-left: 6px; -webkit-transition: .2s ease-in; -moz-transition: -webkit-transform .2s ease-in; -o-transition: -webkit-transform .2s ease-in; transition: .2s ease-in; }
.wt-topbar .right-menu dl.hover dt 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%; }
.wt-topbar .right-menu dl dd { background-color: #FFF; display: none; width: 78px; border: solid 1px #F0F0F0; position: absolute; z-index: 1; top: 0; left: 0; }
.wt-topbar .right-menu dl.hover dd { display: block; }
.wt-topbar .right-menu dl dd ul { width: 78px; margin: 30px 0 0 0; }
.wt-topbar .right-menu dl dd ul li a { font-size: 12px; line-height: 24px; display: block; clear: both; padding: 2px 0 2px 11px; }
.wt-topbar .right-menu dl dd ul li a:hover { text-decoration: none; background-color: #F7F7F7; }
.wt-topbar .right-menu dl.weixin { width: 114px; }
.wt-topbar .right-menu dl.weixin dt { background:url(../images/weixin.png) no-repeat 10px 8px; padding-left: 30px; }
.wt-topbar .right-menu dl.weixin dd { width: auto; padding: 5px; right: 0; left: auto; }
.wt-topbar .right-menu dl.weixin dd h4 { line-height: 18px; color:#F98016; text-align: center; margin: 30px 0 5px 0; font-size: 12px; }
.wt-topbar .right-menu dl.weixin dd img { max-width: 96px; max-height: 96px; }
.wt-topbar .service { height: 20px; line-height: 20px; }
.wt-topbar .service > div { float: left; margin-top: 5px; }
.wt-topbar .service .home { padding-right: 20px; margin-right: 20px; border-right: 1px solid #ccc; font-size:12px;}
.wt-topbar .service .tel { padding-right: 20px; border-right: 1px solid #ccc; font-size:12px;}
.wt-topbar .service .tel span { cursor: pointer; }
.wt-topbar .service .tel span i { display: inline-block; margin-right: 6px; width: 17px; height: 17px; background: url(../images/shopwt_ico_ntrance.png) 0 -170px; vertical-align: middle; }
/* 头部左边*/
.wt-topbar .service .m-mx { position: relative; z-index: 1000; padding-left: 20px; padding-bottom:5px; }
.wt-topbar .service .m-mx span { cursor: pointer; }
.wt-topbar .service .m-mx span i { display: inline-block; margin-right: 6px; width: 12px; height: 17px; background: url(../images/shopwt_ico_ntrance.png) -6px -295px; vertical-align: middle; }
.wt-topbar .service .m-mx > div { position: absolute; left: 0; top: 25px; width: 120px;  text-align:center; padding:5px; border: 1px solid #F3F3F3; background: #fff; box-shadow: 2px 2px 2px #999; display: none; }
.wt-topbar .service .m-mx:hover > div { display: block; }
.wt-topbar .service .m-mx dl.down_app { font-size:12px }
.wt-topbar .service .m-mx dl.down_app dd { width:120px; left:0; top:20px;}
.wt-topbar .service .m-mx dl.down_app .qrcode { width:120px; text-align:center; }
.wt-topbar .service .m-mx dl.down_app .qrcode img { display:block; max-width:120px; max-height:120px; margin: 0 auto}
/* 步骤 */
.wtc-flow {word-spacing:-1em; width: 420px; height: 54px; float: right; margin: 8px 0; }
.wtc-flow li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; width: 140px; height: 54px; position: relative; z-index: 1;}
.wtc-flow li { *display: inline/*IE6,7*/;}
.wtc-flow li i { background: #FFF url(../images/buy/buy_step.gif) no-repeat; width: 22px; height: 22px; margin-left: -11px; position: absolute; z-index: 2; top: 0; left: 50%;}
.wtc-flow li i.step1 { background-position: 0 0;}
.wtc-flow li i.step2 { background-position: -22px 0;}
.wtc-flow li i.step3 { background-position: -44px 0;}
.wtc-flow li p { font-size: 8px; color: #CCC; text-align: center; width: 100%; position: absolute; z-index: 2; left: 0; bottom: 0; overflow: hidden; line-height:13px;}
.wtc-flow li sub { background-color: #FFF; width: 3px; height: 3px; margin-left: -3px; border: solid 1px #CCC; border-radius: 3px; position: absolute; z-index: 2; top: 29px; left: 50%;}
.wtc-flow li .hr { *line-height: 1px; background-color: #DDD; width: 100%; height: 1px; border: none 0; position: absolute; z-index: 1; top: 19px;left: 0;}
.wtc-flow li.current i.step1 { background-position: 0 -22px;}
.wtc-flow li.current i.step2 { background-position: -22px -22px;}
.wtc-flow li.current i.step3 { background-position: -44px -22px;}
.wtc-flow li.current p { color: #27A9E3;}
.wtc-flow li.current sub { background-color: #27A9E3; border-color: #27A9E3; box-shadow: 0 0 0 2px rgba(0,153,204,0.15);}
.wtc-flow li.current .hr { background-color: #27A9E3;}