* {padding: 0; margin: 0; border: 0;}
/* 去掉以下行原因：合同管理 打印的时候会出现滚动条 */
/* html,body { height:100% } */
a { text-decoration: none; }
.left {float: left;}
.right {float: right;}
.clear {clear: both; padding: 0; margin: 0; width: 0; height: 0; zoom:1;}
.hide {display: none;}

.viewblock {width: 1490px; margin: 0 auto;}
.link {transition: background .5s,color .5s;}

html {overflow-y: auto; background: #f5f5f5;}

.page-section { height: 800px; width: 100%; position: relative; min-width: 1200px;}

.page-header2 {background: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
.page-header2 {height: 86px; background: #fff;}
.page-header2 .nav-div .nav-link {float: left; height: 86px; line-height: 86px; font-size: 16px; color:#2d2d2d; padding: 0 13px;}
.page-header2 .nav-div .header-user {float: left; margin-left: 10px;}
.page-header2 .avatar-btn {display: block; height: 86px; line-height: 86px; position: relative; overflow: hidden; padding: 0 33px 0 17px; border: 0; border:1px solid transparent;}
.page-header2 .header-user:hover .avatar-btn {border:1px solid #ccc; border-bottom: 0;}
.page-header2 .avatar-btn .user-avatar {display: inline-block; width: 25px;}
.page-header2 .avatar-btn .user-avatar img {width: 25px; height: 25px; border-radius: 13px; position: absolute; top: 30px; left: 17px;}
.page-header2 .avatar-btn .icon-arrow {position: absolute; right: 15px; top: 40px; width:10px; height: 7px; background: url(../images/icons_layout.png) -175px 0 no-repeat; transition: transform .6s;}
.page-header2 .header-user {position: relative;}
.page-header2 .header-user .hover-line {position: absolute; top: 0; left: 0; right: 0; height: 4px; background: #7eaeff; display: none;}
.page-header2 .header-user .hover-whiteline {position: absolute; top: 75px; left: 1px; right: 1px; height: 1px; background: #fff; display: none;}
.page-header2 .header-user .list {position: absolute; right: 0; top: 75px; background: #fff; width: 150px;
    /*    box-shadow: 0 3px 3px #666;*/
    border: 1px solid #ccc;
}
.page-header2 .header-user .list .login-btn {display: block; height: 33px; line-height: 33px; background: #6ba2fe; color: #fff; text-align: center; transition: background .6s;}
.page-header2 .header-user .list .login-btn:hover {background: #5f96f2;}
.page-header2 .header-user .list .new-login-btn {display: block; color: #fff;padding: 10px 17px; text-align: left; }
.page-header2 .header-user .list .new-login-btn:hover {background: #5f96f2;}
.page-header2 .header-user .list .member-username { word-break: break-all; word-wrap: break-word; line-height: 18px; color: #6ba2fe;}
.page-header2 .header-user .list .row {padding-top: 15px;}
.page-header2 .header-user .list .row,
.page-header2 .header-user .list .row .link {color: #7e7e7e; font-size: 13px;}
.page-header2 .header-user .list .row .link-blue {color: #6ba2fe;}
.page-header2 .header-user .list .row .link:hover { color:#ffab26;}
.page-header2 .header-user:hover .avatar-btn { background: #fff; position: relative; }
.page-header2 .header-user:hover .avatar-btn .icon-arrow { background-position: -175px -7px; transform: rotate(180deg);}
.page-header2 .header-user:hover .hover-line {display: inline-block;}
.page-header2 .header-user:hover .hover-whiteline {display: inline-block; z-index: 2;}
.page-header2 .header-user:hover .list {display: inline-block;}
.page-header2 .link-btn {width: 60px; margin:27px 0 0 10px; font-size: 13px;}
.page-header2 .link-btn { float: left; position: relative; height: 32px; line-height: 32px; padding: 0 5px;}
.page-header2 .link-btn .btn-bg,
.page-header2 .link-btn .btn-text {position: absolute; top:0; left: 0; right: 0; bottom: 0; border-radius: 16px;}
.page-header2 .link-btn .btn-bg {z-index: 0; background: #fff; opacity: .1; filter:Alpha(opacity=10); transition: opacity .6s;}
.page-header2 .link-btn .btn-text {z-index: 1; text-align: center; color: #fff;}
.page-header2 .link-btn:hover .btn-bg {z-index: 0; background: #fff; opacity: .8; filter:Alpha(opacity=80);}
.page-header2 .link-btn:hover .btn-text {color: #6ba2fe;}
.page-header2 .logo {margin-top: 13px;}
.page-header2 .bg { display: none;}
.page-header2 .header-user .list .bg { display: none;}
.page-header2 .header-user .list .new-login-btn.old-pre {display: none;}
.page-header2 .header-user .list .new-login-btn.old-online {display: none;}
.page-header2 .header-user .list .new-login-btn.old-sit {display: none;}
.page-header2 .item-li {float: left; position: relative; width: 60px; height: 60px; margin-bottom: 4px; font-size: 12px;}
.page-header2 .item-link { position: absolute; width: 60px; height: 60px; top: 0; left: 0; z-index: 2; text-align: center; color:#d6d6d6;}
.page-header2 .item-link .icon {  height: 30px; width: 30px; display: block; margin: 5px auto; background: url(../images/icons_layout.png) 0 0 no-repeat;}
.page-header2 .app-link .icon {background-position: -50px 0;}
.page-header2 .service-link .icon {background-position: -80px 0;}
.page-header2 .item-bg { position: absolute; width: 60px; height: 60px; top: 0; left: 0; z-index: 1; background: #2e2e2e; filter:Alpha(opacity=80); opacity: .8; transition: opacity 1s;}
.page-header2 .item-li:hover .item-bg { filter:Alpha(opacity=100); opacity: 1; }

.page-header2 .app-codediv {position: absolute; left: 2000px; background: #fff; text-align: center; padding-bottom: 15px;  box-shadow: 1px 1px 3px #666;}
.page-header2 .app-codediv .code-img { padding: 15px; height: 94px; }
.page-header2 .app-codediv .codeimg {width: 94px; height: 94px;}
.page-header2 .app-codediv .code-text {font-size: 14px;}
.page-header2 .app-codediv .icon-arrow {position: absolute; width: 10px; height: 15px; overflow: hidden;
    right: -9px;
    top: 25px; background: url(../images/icons_layout.png) -140px 0 no-repeat;}
.page-header2 .li-app:hover .app-codediv{ left: -140px;}
.page-header2 .qa-link .icon { background: url(../images/icon_qa.png) 5px 5px no-repeat;}
.page-header2 .sy-link .icon { background: url(../images/cpsy.png) 5px 5px no-repeat;}
.page-header2 {z-index: 100 !important;}
.page-header2 .item-li {width: 80px;height: 68px;}
.page-header2 .item-link {width: 80px;height: 68px; color: #fff;}
.page-header2 .item-link .icon { height: 30px; width: 30px; background-position:center center; margin-top: 10px;}
.page-header2 .app-link .icon {background-image: url(../images/icon_shouji.png);}

.header-black {}
.header-black .bg { display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #333; opacity: 0.90; filter:alpha(opacity=90); z-index: 1;}
.header-black .viewblock {position: relative; z-index:2;}
.header-black .link-btn .btn-bg {opacity: 0.06; filter:alpha(opacity=6);}
.header-black .avatar-btn {background: none; border: none;}
.header-black .header-user:hover .avatar-btn {background: none; border: none;}
.header-black .header-user .list {background: none;border: 0; top: 80px;}
.header-black .header-user .list .list-cont-div {position: relative; z-index: 2;}
.header-black .header-user:hover .hover-whiteline {display: none;}
.header-black  .header-user .hover-line { top: 80px; left: 50%; width:10px; height: 7px; margin-left: -5px;  background: url(../images/icons_layout.png) -190px 0 no-repeat;}
.header-black .header-user .list .bg {display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #333; opacity: 0.5; filter:alpha(opacity=50); z-index: 1;}
.header-black .header-user .list .login-btn {background: #2e3942; background: rgba(51,51,51,.8);}
.header-black .header-user .list .row, .header-black .header-user .list .row .link {color: #fff;}
.header-black .header-user .list .row .link-blue {color: #3c75ed;}
.header-black .nav-div .nav-link:hover, .header-black .nav-div .active { color: #3b71e4 !important;}
.header-black .nav-div .nav-link {position: relative}
.header-black .nav-div .nav-link .hover-line {position: absolute; left: 50%; right: 50%;  bottom: 20px; height: 2px; background: #edda3c; transition: left .4s,right .4s;}
.header-black .nav-div .nav-link:hover .hover-line,
.header-black .nav-div .active .hover-line {left: 0; right: 0; }
.header-black .link-btn:hover .btn-bg {z-index: 0; background: #004b85; opacity: 1; filter:Alpha(opacity=100);}
.header-black .link-btn:hover .btn-text {color: #7e9cb3;}
.header-black .view-block-box {position: relative;}
.header-black .header-user .list .row .link-blue {color: #ffab26;}
.header-black .header-user .list .row .link-blue:hover {color:#edda3c;}

.page-header2.header-black {background: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
.page-header2.header-black .nav-div .nav-link {color: #fff; font-size: 16px;}
.page-header2.header-black .nav-div .nav-link:hover,
.page-header2.header-black .nav-div .active {background: none; color:#ffab26;}

.header-blue { }
.header-blue .nav-div .nav-link {color: #4c7bca;}
.header-blue .avatar-btn .icon-arrow {background-position: -175px -7px;}
.header-blue .link-btn .btn-text { color:#4c7bca;}
.header-blue .link-btn:hover .btn-text { color:#fff;}
.header-blue .link-btn .btn-bg,
.header-blue .link-btn:hover .btn-bg {background:#4c7bca;}
.header-blue .header-user:hover .avatar-btn {
/*  box-shadow: 0 -8px 3px #666;*/
}
.header-blue .header-user:hover .avatar-btn  {*background: #f5f5f5; background: #f5f5f5 \9;}
:root .header-blue .header-user:hover .avatar-btn {background: #fff;}
.header-blue .header-user .list {*background: #f5f5f5; background: #f5f5f5 \9;}
:root .header-blue .header-user .list {background: #fff;}
.page-header2 .header-user .list .new-login-btn {display: block; color: #fff;padding: 10px 17px; text-align: left; }
.page-header2 .header-user .list .new-login-btn:hover {background: #5f96f2; color: #fff;}

.header-blue .header-user .list .new-login-btn {color: #444;}

.header-v3 {}
.header-v3 .bg {background: #0F142A; opacity: .8;}
.header-v3 .link-btn .btn-text { transition: color .4s; }
.header-v3 .link-btn .btn-bg {transition: borderColor .4s; border: 1px solid #fff; border-radius: 16px; background: none; opacity: 1;}
.header-v3 .link-btn:hover .btn-bg { background: none; opacity: 1; border-color: #5086FC;}
.header-v3 .link-btn:hover .btn-text {color: #5086FC;}
.header-black .nav-div .nav-link:hover, .header-black .nav-div .active { color: #fff !important;}
.header-black .nav-div .nav-link .hover-line {background: #5086FC}
.header-black .header-user .list .bg {background: #0F142A; opacity: .8;}

/* banner */
.page-banner { background-size: cover; background-image: url(../images/banner_bg.png);}
.home-counts-group {
  position: absolute; bottom: 60px; left: 50%; z-index: 99; width: 1204px; margin-left: -602px;
}
.home-counts-group .li-item {width: 300px; height:180px; float: left; position: relative; margin-right: 1px;}
.home-counts-group .li-item .li-bg {width: 300px; height: 180px; background-repeat: no-repeat; z-index: 1;}
.home-counts-group .li-item .li-icon {width: 0; height: 0; position: absolute; left:42px; top:30px; background-repeat: no-repeat; background-position: center center;  transition: height .6s; z-index: 2;}

.home-counts-group .li-item .li-title {color:#0B012A; position: absolute; top:51px; left: 50px; font-size: 16px; line-height: 22px; transition: top .6s,color .6s; z-index: 2;}
.home-counts-group .li-item .li-info {color:#0B012A; position: absolute; top:77px; left: 50px; font-size: 16px; word-break: break-all; transition: top .6s,color .6s; z-index: 2;}
.home-counts-group .li-item .li-info .li-number {font-size: 38px; margin-right: 4px;}
.home-counts-group .li-space .li-bg {background-image: url(../images/bg_space.png);}
.home-counts-group .li-weight .li-bg {background-image: url(../images/bg_weight.png);}
.home-counts-group .li-citys .li-bg {background-image: url(../images/bg_citys.png);}
.home-counts-group .li-members .li-bg {background-image: url(../images/bg_members.png);}

.home-counts-group .li-item:hover .li-bg { background: #000; opacity: .8;}
.home-counts-group .li-item:hover .li-title {top:73px; color: #fff;}
.home-counts-group .li-item:hover .li-info {top:99px; color:#fff;}
.home-counts-group .li-item:hover .li-icon {width: 40px; height: 40px;}
.home-counts-group .li-space .li-icon {background-image: url(../images/icon_siji.png);}
.home-counts-group .li-weight .li-icon {background-image: url(../images/icon_members.png);}
.home-counts-group .li-citys .li-icon {background-image: url(../images/icon_citys.png);}
.home-counts-group .li-members .li-icon {background-image: url(../images/icon_xianlu.png);}
.home-counts-group .count-date {padding-top: 10px; text-align: right; color:#fff;}

/* 友情链接 */
.home-friends {position: relative; min-height: 460px; width: 1200px; margin: 0 auto;}
.home-friends .title {padding: 120px 0 60px; height: 40px; line-height: 40px; font-size: 36px; color: #0B012A; text-align: center; width: 100%;}
.home-friends .link {float: left; width: 240px; height: 60px;  margin-bottom: 40px; transition:opacity .6s;}
.home-friends .link:hover {  filter:Alpha(opacity=50); opacity: .5;}
.home-friends .link-jt {background-position: 0 0;}
.home-friends .link-jingdong {background-position: -240px 0px;}
.home-friends .link-jinggu {background-position: -480px 0px;}
.home-friends .link-daoen {background-position: 0 -60px;}
.home-friends .link-jinhong {background-position: -240px -60px;}
.home-friends .link-huierpu {background-position: -480px -60px;}
/*7*/
.home-friends .link-zhengda {background-position: 0 -120px;}
.home-friends .link-jingang {background-position: -240px -120px;}
.home-friends .link-chengfu {background-position: -480px -120px;}
/*10*/
.home-friends .link-suning {background-position: 0 -180px;}

.home-friends .link-jingye {background-position: -240px -180px;}
.home-friends .link-zhonglv {background-position: -480px -180px;}

.home-friends .link-desheng {background-position: 0px -240px;}
.home-friends .link-aosen {background-position: -240px -240px;}
.home-friends .link-jianghe {background-position: -480px -240px;}

.home-friends .link-shanqi {background-position: 0px -300px;}

.home-friends .link-dongfang {background-position: -240px -300px;}
.home-friends .link-zongheng {background-position: -480px -300px;}

.home-friends .link-bingGongWuZi {background-position: 0 -360px;}
.home-friends .link-zhongGuoJianCai {background-position: -240px -360px;}
.home-friends .link-zhongGuoZhongTie {background-position: -480px -360px;}
.home-friends .link-zhongHuaHuaFei {background-position: 0 -420px;}
.home-friends .link-zhongLiang {background-position: -240px -420px;}
.home-friends .link-zhongGuoShenHua {background-position: -480px -420px;}
.home-friends .link-yiDongShuiNi {background-position: 0 -480px;}
.home-friends .link-zhongGuoDaTang {background-position: -240px -480px;}
.home-friends .link-fangDaTanSu {background-position: -480px -480px;}
.home-friends .link-fengShenLunTai {background-position: 0 -540px;}

/* 右侧滚动 */
.page-fixdiv {position: fixed; _position: absolute; right: 16px; top: 30%; z-index: 11;}
.page-fixdiv .item-li {position: relative; width: 60px; height: 60px; margin-bottom: 4px; font-size: 12px;}
.page-fixdiv .item-link { position: absolute; width: 60px; height: 60px; top: 0; left: 0; z-index: 2; text-align: center; color:#d6d6d6;}
.page-fixdiv .item-link .icon { height: 30px; width: 30px; display: block; margin: 5px auto; background: url(../images/icons_layout.png) 0 0 no-repeat;}
.page-fixdiv .app-link .icon {background-position: -50px 0;}
.page-fixdiv .service-link .icon {background-position: -80px 0;}
.page-fixdiv .item-bg { position: absolute; width: 60px; height: 60px; top: 0; left: 0; z-index: 1; background: #2e2e2e; filter:Alpha(opacity=80); opacity: .8; transition: opacity 1s;}
.page-fixdiv .item-li:hover .item-bg { filter:Alpha(opacity=100); opacity: 1; }

.page-fixdiv .app-codediv {position: absolute; left: 200px; background: #fff; text-align: center; padding-bottom: 15px;  box-shadow: 1px 1px 3px #666;}
.page-fixdiv .app-codediv .code-img { padding: 15px; height: 94px; }
.page-fixdiv .app-codediv .codeimg {width: 94px; height: 94px;}
.page-fixdiv .app-codediv .code-text {font-size: 14px;}
.page-fixdiv .app-codediv .icon-arrow {position: absolute; width: 10px; height: 15px; overflow: hidden;
    right: -9px;
    top: 25px; background: url(../images/icons_layout.png) -140px 0 no-repeat;}
.page-fixdiv .li-app:hover .app-codediv{ left: -140px;}
.page-fixdiv .qa-link .icon { background: url(../images/icon_qa.png) 5px 5px no-repeat;}
.page-fixdiv .sy-link .icon { background: url(../images/cpsy.png) 5px 5px no-repeat;}
.page-fixdiv {z-index: 100 !important;}
.page-fixdiv .item-li {width: 80px;height: 68px;}
.page-fixdiv .item-link {width: 80px;height: 68px; color: #fff;}
.page-fixdiv .item-link .icon { height: 30px; width: 30px; background-position:center center; margin-top: 10px;}
.page-fixdiv .app-link .icon {background-image: url(../images/icon_shouji.png);}
.page-fixdiv .service-link .icon {background-image: url(../images/icon_kefu.png);}
.page-fixdiv .service-link img {display: none;}
.page-fixdiv .is-user-vip .icon {background-image: url(../images/icon_kefu_vip.png);}
.page-fixdiv .is-user-vip  {color: #CBAC77;}
.page-fixdiv .is-user-vip  img{  display: block;  position: absolute;right: 0px;}
.page-fixdiv .item-bg {width: 80px;height: 68px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.page-fixdiv .item-li:hover .item-bg { }
.page-fixdiv .qa-link .icon {background-image: url(../images/icon_qa.png);}
.page-fixdiv.none {
  display: none;
}

/* 应急物流模块 */
.emer-logis-title {position: absolute; top:100px; left: 0; right: 0; text-align: center; color: #fff; font-size: 30px; opacity: 1; height:40px;
  /* background: url(../images/home_map_title.png) center center no-repeat; */
}
.emer-logis-title .title-img {width:410px;}
.emer-logis-title .main-title { display: none; font-weight: bold; margin-right: 15px;}
.emer-logis-title .sub-title {display: none;}

.emer-logis-item {position: absolute; width: 180px; height: 200px;}
.emer-logis-item:hover {opacity: 1;}
.emer-logis-item .icon {width: 120px; height: 130px; background-repeat: no-repeat; background-size:contain; position: absolute; top:30px; left: 50%; margin-left: -60px; transition: top .4s; z-index: 2;}
.emer-logis-item .item-text {position: absolute; left: 0; top: 190px; width: 180px; text-align: center; color: #fff;transition: top .4s; z-index: 2; font-size:16px;}
.emer-logis-item .item-bg {position: absolute; top:0; left:0; right: 0; bottom: 0; background: #1A249B; opacity: .6; border: 1px solid #ACBAFF; z-index: 1; display: none;}
.emer-logis-item:hover .item-bg { opacity: .8; }

.emer-logis-item.item-warning {left: 15.75%; top: 27.09%; }
.emer-logis-item.item-trucks {right: 15.75%; top: 16.44%;}
.emer-logis-item.item-quick {left: 20.44%; bottom: 11.91%;}
.emer-logis-item.item-dispatch {right: 18.67%; bottom: 18.2%;}

.emer-logis-item.item-warning .icon {background-image: url(../images/icon_el_warning.png);}
.emer-logis-item.item-trucks .icon {background-image: url(../images/icon_el_trucks.png);}
.emer-logis-item.item-quick .icon {background-image: url(../images/icon_el_quick.png);}
.emer-logis-item.item-dispatch .icon {background-image: url(../images/icon_el_dispatch.png);}

.emer-goto-link {position: absolute; height: 22px; line-height: 22px; padding-right: 30px; background-image: url(../images/video.png);
  right: 20%; bottom: 20px; background-position: right center; background-repeat: no-repeat; color: #fff; opacity: .8;}
.emer-goto-link:hover {opacity: 1;}
.home-banner2 .banner-oper {display: none;}

/* 底部帮助 */
.page-footer2 {background: #131b4a;}
.page-footer2 .dl {padding: 0 130px 0 20px;}
.page-footer2 .dl .dt {font-size: 16px; line-height: 30px; color:#fff; padding-bottom: 15px;}
.page-footer2 .dl .dd a {color:#6570b5; display: block; line-height: 25px; font-size: 13px;}
.page-footer2 .dl .dd a:hover { color:#e7eafa; }
.page-footer2 .code-div {margin-left: 70px; padding: 11px; background: #fff; height: 131px;}
.page-footer2 .code-div .text-info {color:#fff; text-align: center; font-size: 16px; padding-top: 20px;}
.page-footer2 .service-div .text-row1 {display: block; font-size: 16px; color: #fff; text-align: center; padding-top: 20px;}
.page-footer2 .service-div .text-row2 {display: block; text-align: center; color:#ffbd67; font-size: 24px; padding: 25px 0;}
.page-footer2 .service-div .service-link {display: block; width: 160px; height: 36px; line-height: 36px; color: #fff; text-align: center; font-size: 20px; background: #1f83ea; border-radius: 3px;}
.page-footer2 .service-div .service-link:hover {background: #409dfe;}
.page-footer2 .viewblock {position: relative; padding:30px 0 50px;}
.page-footer2 .viewblock .footer-xin,
.page-footer2 .viewblock .copy-right {position: absolute;}
.page-footer2 .viewblock .footer-cheng {position: absolute; left: 0; bottom: 30px;}
.page-footer2 .viewblock .footer-xin {left: 160px; bottom: 30px;}
.page-footer2 .viewblock .copy-right {height: 25px; line-height: 25px; padding-bottom: 0; left: 0; bottom: 10px; color: #6570b5; font-size: 12px;}

.page-footer2 { background:#222222 }
.page-footer2 .dl-cos1,
.page-footer2 .dl-cos2 {width: 330px;}
.page-footer2 .dl {padding:0; margin-bottom:18px;}
.page-footer2 .dl .dt {display:inline-block; color:#B2B2B2; padding-right:10px; border-right:1px solid #979797; padding-bottom:0; line-height:22px; }
.page-footer2 .dl .dd {display:inline-block}
.page-footer2 .dl .dd a {color:#B2B2B2; padding:0 20px}
.page-footer2 .dl .dd span {color:#B2B2B2; padding:0 20px;font-size: 13px;}

.page-footer2 .service-div {margin-bottom: 50px;}
.page-footer2 .service-div .text-row1 {padding:0; display:inline-block; font-size:14px; color:#B2B2B2; line-height:25px; padding-right:10px}
.page-footer2 .service-div .text-row2 {padding:0; display:inline-block; font-size:14px; color:#B2B2B2; line-height:25px;}
.page-footer2 .service-div .service-link {width:96px; height:26px; background: #5a6084; background:linear-gradient(180deg,rgba(90,96,132,1) 0%,rgba(77,75,99,1) 100%); border-radius:14px; font-size:13px;line-height:26px; margin-left:20px; display: inline-block;}
.page-footer2 .service-div .service-link:hover {background: #4d4b63;}
.page-footer2 .service-div .complaint-handling-process-view {
  width: 136px;
  height: 26px;
  background: #5a6084;
  background: linear-gradient(180deg,rgba(90,96,132,1) 0%,rgba(77,75,99,1) 100%);
  border-radius: 14px;
  font-size: 13px;
  line-height: 26px;
  margin-left: 20px;
  display: inline-block;
  color: #ffff;
  text-align: center;
}
.page-footer2 .service-div .complaint-handling-process-view:hover {background: #4d4b63;}

.page-footer2 .viewblock {padding-top: 30px; padding-bottom: 10px;}
.page-footer2 .viewblock .footer-xin,
.page-footer2 .viewblock .footer-cheng {position: unset; display: inline-block;}
.footer-cheng img,
.footer-xin img {width:120px}

.page-footer2 .viewblock .copy-right {position: unset; height: 25px; line-height: 25px; padding-bottom: 0; left: 0; bottom: 10px; color: #B2B2B2; font-size: 12px;}
.page-footer2 .viewblock .copy-right a {color: #B2B2B2;}
.wechat-servie-box .wechat-servie-div {top: 0;}
.page-footer2 .code-div {margin-top: 20px;}

.wechat-servie-box {position: relative;}
.wechat-servie-box .wechat-servie-div {position: absolute; padding: 0; background: #fff; top: -45px; right:-165px; display: none;}
.wechat-servie-box .wechat-servie-div .icon-arrow {position: absolute; width: 10px; height: 15px; overflow: hidden; left:-7px; top: 50px; background: url(../images/icons_layout.png) -140px -15px no-repeat;}
.wechat-servie-div .img {width: 153px;}
.wechat-servie-box:hover .wechat-servie-div {display: inline-block;}
.service-unread-num {
  position: absolute;
  background-color: red;
  padding: 2px 6px;
  border-radius: 12px;
  left: -8px;
  border: 2px solid #fff;
  color: #fff;
  display: none;
  font-weight: 600;
}

/* 动画 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.page-fixdiv .item-link:hover .animated,
.float-side .service:hover .animated {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
#loginAfterSlide {
    padding: 20px;
}

.float-side {
  text-align: right;
}
.float-side .item-container {
  width: 36px;
  margin-top: 12px;
  padding-bottom: 5px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0px 2px 10px 0px rgba(80,134,252,0.2);
  border: 1px solid #E6E6E6;
}
.float-side .item-container .item-li {
  width: 36px;
  height: 70px;
  margin: 0;
  color: #333;
  cursor: pointer;
}
.float-side .item-container .item-li::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  content: '';
  width: 16px;
  height: 1px;
  background: #EBEBEB;
  box-shadow: 0px 2px 10px 0px rgba(80,134,252,0.2);
}
.float-side .item-container .item-li .item-bg {
  background: transparent;
  display: none;
}
.float-side .item-container .item-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  color: #333;
}
.float-side .item-container .item-link img {
  width: 16px;
  height: 16px;
}
.float-side .item-container .item-link span {
  padding: 5px;
}
.float-side .item-li.service {
  display: flex;
  flex-flow: column wrap;
  width: 36px;
  height: 75px;
  font-size: 12px;
  color: #fff;
  background: linear-gradient(180deg, #0087E9 0%, #2767DD 100%);
  box-shadow: 0px 2px 10px 0px rgba(80,134,252,0.2);
  border-radius: 18px;
  cursor: pointer;
}
.float-side .item-li.service .item-link {
  width: 36px;
  height: 75px;
}
.float-side .item-li.service img {
  display: block;
  width: 36px;
  height: auto;
}
.float-side .item-li.service span {
  padding: 1px;
  padding-top: 5px;
}
.backtop {
  display: none;
  background-color: #fff;
  border-radius: 18px;
  margin-top: 10px;
  box-shadow: 0px 2px 10px 0px rgba(80,134,252,0.2);
  border: 1px solid #E6E6E6;
  cursor: pointer;
}
.backtop .item-li {
  width: 36px;
  height: 75px;
  margin: 0;
}
.backtop .item-li .item-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  color: #333;
}
.backtop .item-li .item-link .animated {
  display: block;
  width: 16px;
  height: 16px;
}
.backtop .item-li .item-link span {
  padding: 5px;
}

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

.flex-both-range {
  display: flex;
}
.flex-both-range .range-text {
  padding: 0 10px;
}

.fullpage-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.dd-qrcode {
  position: relative;
}
.dd-qrcode span {
  cursor: pointer;
}
.dd-qrcode:hover .dd-qrcode-img{
  display: block;
}
.dd-qrcode-img {
  display: none;
  position: absolute;
  z-index: 3;
  top: 1px;
  left: 79px;
}
.dd-qrcode-img img {
  width: 131px;
}
.page-footer2 .service-div.no-bottom {margin-bottom: 0px;}

/* 主题 */
/* 端午 */
.page-header2.header-black.theme6 {
  height: 250px;
  background-image: url(../images/theme6.png);
}
.header-black.theme6 .view-block-box {
  margin-top: 164px;
}
.theme6.header-v3 .bg {
  display: none;
}
/* 中秋 */
.page-header2.header-black.theme2 {
  height: 250px;
  background-image: url(../images/theme2.png);
}
.header-black.theme2 .view-block-box {
  margin-top: 164px;
}
.theme2.header-v3 .bg {
  display: none;
}
/* 国庆 */
.page-header2.header-black.theme3 {
  height: 250px;
  background-image: url(../images/theme3.png);
}
.header-black.theme3 .view-block-box {
  margin-top: 164px;
}
.theme3.header-v3 .bg {
  display: none;
}
/* 春节 */
.page-header2.header-black.theme1 {
  height: 250px;
  background-image: url(../images/theme1.png);
}
.header-black.theme1 .view-block-box {
  margin-top: 164px;
  background: rgb(15,20,42, 0.34);
}
.theme1.header-v3 .bg {
  display: none;
}