html,body{width: 100%;min-width: 1480px;}
body{background:#ffffff;color:#333;margin: 0 auto;}
*, *:before, *:after {box-sizing: border-box;margin: 0;font-weight: 400;}
a{color:#333;}
a:hover{color:#2765FF;}
img{object-fit:cover;}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"]{-moz-appearance:textfield;}
.layui-input, .layui-select, .layui-textarea{border: 0;color:#333;}
.layui-form-checked[lay-skin=primary] i{border-color: #2765FF!important;background-color: #2765FF!important;}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #2765FF!important;}
.layui-form-checkbox[lay-skin=primary] span{display: flex;align-items: center;}
.layui-tab-brief>.layui-tab-title .layui-this{color: #2765FF;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #2765FF;}
.layui-breadcrumb a:hover {color: #2765FF !important;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{color: #2765FF;}
.layui-btn-primary:hover{border-color: #2765FF;}
@keyframes shake {0% { transform: translateX(0); }50% { transform: translateX(-5px); }100% { transform: translateX(5px); }}
@keyframes rotate {100% {transform: rotate(360deg);}}
.shake-animation {animation: shake 0.15s;animation-iteration-count: infinite;}
.hide{display:none}
.box{width:1400px;margin:0 auto;position:relative;padding:0 40px;}
.box .more{width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;position: absolute;top:67%;color: #bcbcbc;margin-top: -40px;cursor: no-drop;z-index: 9;background: #f5f5f5;border-radius: 50%;overflow: hidden;}
.box .more i{font-size: 40px;}
.box .more.left{left:-120px;}
.box .more.right{right:-120px;cursor: pointer;color: #2765FF;}
.box.move-left ul{transform: translateX(-1382px);}
.box.move-right ul{transform: translateX(0px);}
.box.move-left .more.left{color: #2765FF;cursor: pointer;}
.box.move-left .more.right{color: #bcbcbc;cursor: no-drop;}
.backtop{width: 120px;position: fixed;right: 10px;bottom: 50px;z-index: 12;box-shadow: 0 0 15px rgba(85,119,201,.18);border-radius: 3px;cursor: pointer;overflow: hidden;transition: all .5s ease-in-out;height: 44px;display: none;justify-content: center;align-items: center;background: #FFF;}
.backtop img{width: 24px;height: 24px;}
.backtop .text{color: #333;font-size: 14px;font-weight: 400;padding-left: 10px;}
.backtop.on{display: flex;}
.bgc1{background: #FF612F !important;}
.bgc2{background: #2F6CFF !important;}
.bgc3{background: #9a66ff !important;}
.bgc4{background: #00C80A !important;}
.bgc5{background: #ff415a !important;}
.brc1{border-color: #FF612F !important;color: #FF612F !important;}
.brc2{border-color: #2F6CFF !important;color: #2F6CFF !important;}
.brc3{border-color: #9a66ff !important;color: #9a66ff !important;}
.brc4{border-color: #00C80A !important;color: #00C80A !important;}
.brc5{border-color: #ff415a !important;color: #ff415a !important;}

.header{position:fixed;width:100%;height:80px;top:0;left:0;z-index:9999;background:#fff;box-shadow: 0 3px 4px rgba(0,0,0,0.1);box-sizing: border-box;}
.header .box{display: flex;justify-content: space-between;align-items: center;height: 100%;width: 100%;min-width: 1100px;max-width: 1400px;}
.header .box .left{display: flex;align-items: center;height: 100%;flex:1;}
.header .box .left .logo{height: 60px;position: relative;}
.header .box .left .logo img{height: 100%;}
.header .box .left .logo:after{content: '';position: absolute;top:19px;right:-10px;width: 1px;height: 24px;background: #c7c7c7;}
.header .box .left .link{margin-left: 25px;border: 1px solid #c7c7c7;padding: 3px 10px;border-radius: 50px;font-size: 14px;}
.header .box .left .link:hover{border-color: #2765FF;}
.header .box .left .nav{display: flex;align-items: center;height: 100%;margin-left: 50px;}
.header .box .left .nav a{font-size: 16px;font-weight: 500;padding: 0 40px;line-height: 60px;}
.header .box .left .nav a.on{position: relative;color:#2765FF;}
.header .box .left .nav a.on:after{content: '';position: absolute;bottom:15px;left:40px;width: 32px;height: 2px;background: #2765FF;border-radius: 4px;}
.header .box .right{width: 200px;display: flex;align-items: center;height: 100%;justify-content: space-between;}
.header .box .right a{color: #666;font-size: 16px;}
.header .box .right a.on{background: #2765FF;width: 96px;height: 34px;line-height: 34px;font-size: 15px;border-radius: 34px;text-align: center;color: #fff;}
.header .box .right a.on:hover{opacity: .8;}
.header .box .right a.userpic{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin-right: 20px;}
.header .box .right a.userpic img{width: 100%;}

.bottom{width: 100%;background: #2D354D;padding-top: 40px;color: rgba(255,255,255,.6);}
.bottom h5{font-size: 16px;color:#fff;}
.bottom a{color: rgba(255,255,255,.6);}
.bottom .img{display: flex;margin-top: 20px;align-items: center;height: 64px;justify-content: space-between;margin-bottom: 20px;}
.bottom .img span{height: 56px;opacity: .5;width: 160px;}
.bottom .img span.icon-1{background: url(/packs/pc/images/hb_360.png) no-repeat;background-size: 100%;}
.bottom .img span.icon-2{background: url(/packs/pc/images/hb_bd.png) no-repeat;background-size: 100%;}
.bottom .img span.icon-3{background: url(/packs/pc/images/hb_sg.png) no-repeat;background-size: 100%;}
.bottom .img span.icon-4{background: url(/packs/pc/images/hb_cft.png) no-repeat;background-size: 100%;}
.bottom .img span.icon-5{background: url(/packs/pc/images/hb_zfb.png) no-repeat;background-size: 100%;}
.bottom .img span.icon-6{background: url(/packs/pc/images/hb_dx.png) no-repeat;background-size: 100%;}
.bottom .row{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;height: 207px;}
.bottom .row .left{flex: 1;}
.bottom .row .left h4{font-size: 16px;padding-top: 20px;color:#fff;}
.bottom .row .left ul{padding-top: 16px;display: flex;flex-wrap: wrap;}
.bottom .row .left ul li{width: 20%;margin-bottom: 12px;}
.bottom .row .right{width: 260px;text-align: right;margin-top: 40px;display: flex;justify-content: center;}
.bottom .row .right .qrcode{width: 100px;height: 120px;padding: 5px;background: #fff;overflow: hidden;border-radius: 6px;}
.bottom .row .right .qrcode img{width: 90px;height: 90px;}
.bottom .row .right .qrcode p{text-align: center;color:#333;}
.bottom .line{background: #252c41;border-top: 1px solid #343d59;box-sizing: content-box;width: 100%;height: 1px;margin: 15px 0;}
.bottom .copyright{padding-top: 10px;display: flex;align-items: center;padding-bottom: 20px;}
.bottom .copyright .logo{display: flex;align-items: center;height: 23px;margin-right: 50px;}
.bottom .copyright .logo img{height: 100%;margin-right: 6px;}
.bottom .copyright .info{flex:1;}
.bottom .copyright .info p{line-height: 26px;display: flex;align-items: center;}
.bottom .copyright .info p a{margin-left: 10px;display: flex;align-items: center;}
.bottom .copyright .info p a img{margin-right: 5px;}
.user-copyright{padding: 20px;}
.user-copyright p{display: flex;align-items: center;justify-content: center;width: 100%;margin: 0 auto;}
.user-copyright a{padding: 0 5px;display: flex;align-items: center;}
.user-copyright a img{margin: 0 5px;}

.banner{width: 100%;cursor: pointer;max-width: 1920px;margin: 0 auto;}
.banner img{width: 100%;}
.row-tab{width: 100%;height: 1150px;background: url(/packs/pc/images/bg1.png) no-repeat 100%;}
.row-tab .box .num-box{display: flex;justify-content: space-between;align-items: center;padding-top: 60px;}
.row-tab .box .num-box li h4{font-size:22px;display: flex;align-items: center;}
.row-tab .box .num-box li h4 b{font-size:56px;padding-right: 4px;}
.row-tab .box .num-box li p{text-align: center;font-size: 20px;margin-top: 15px;position: relative;padding-top: 10px;}
.row-tab .box .num-box li p:after{content: '';position: absolute;top:0;left:50%;width: 40px;height: 2px;background: #2765FF;border-radius: 4px;transform: translateX(-50%);}
.row-tab .box .title{max-width: 319px;margin: 0 auto;font-size: 32px;padding-top: 100px;}
.row-tab .box .tab-box{width: 100%;overflow: hidden;transition: transform 0.3s ease-in-out;}
.row-tab .box .tab-box ul{width: 2820px;transition: transform 0.3s ease-in-out;white-space: nowrap;margin-top:30px;height: 530px;display: flex;align-items: flex-end;padding: 4px}
.row-tab .box .tab-box ul li{width: 327px;transition: height 0.3s ease;background: #fff;text-align: center;height: 460px;margin-right: 2px;}
.row-tab .box .tab-box ul li div{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
.row-tab .box .tab-box ul li div .name{font-size: 26px;}
.row-tab .box .tab-box ul li div .icon{width: 70px;height: 66px;margin: 50px 0;}
.row-tab .box .tab-box ul li div .icon.i1{background: url(/packs/pc/images/nav1.png) no-repeat 100%;}
.row-tab .box .tab-box ul li div .icon.i2{background: url(/packs/pc/images/nav2.png) no-repeat 100%;}
.row-tab .box .tab-box ul li div .icon.i3{background: url(/packs/pc/images/nav3.png) no-repeat 100%;}
.row-tab .box .tab-box ul li div .icon.i4{background: url(/packs/pc/images/nav4.png) no-repeat 100%;}
.row-tab .box .tab-box ul li div .icon.i5{background: url(/packs/pc/images/nav5.png) no-repeat 100%;}
.row-tab .box .tab-box ul li div .icon.i6{background: url(/packs/pc/images/nav6.png) no-repeat 100%;}
.row-tab .box .tab-box ul li div .icon.i7{background: url(/packs/pc/images/nav7.png) no-repeat 100%;}
.row-tab .box .tab-box ul li div .icon.i8{background: url(/packs/pc/images/nav8.png) no-repeat 100%;}
.row-tab .box .tab-box ul li div .text{font-size: 18px;color: #666;}
.row-tab .box .tab-box ul li div .line{width: 24px;height: 3px;background: #444;margin-top: 50px;}
.row-tab .box .tab-box ul li div a{display: none;width: 124px;line-height: 37px;border: 1px solid #2765FF;border-radius: 37px;color: #2765FF;text-align: center;margin-top: 40px;}
.row-tab .box .tab-box ul li:hover{height: 530px;box-shadow: 0px 3px 10px 0 #dbdbdb;}
.row-tab .box .tab-box ul li:hover div a{display: block;}
.row-tab .box.move-left ul{transform: translateX(-1317px);}
.row-tab .box .btn{margin: 0 auto;margin-top:40px;display: block;width: 342px;line-height: 70px;text-align: center;background: #2765FF;border-radius: 70px;color:#fff;font-size: 25px;}

.tpl-box{width: 100%;}
.tpl-box .box .title{font-size: 32px;padding-top: 100px;text-align: center;}
.tpl-box .box .title p{line-height: 50px;}
.tpl-box .box .tpl-item{width: 100%;overflow: hidden;transition: transform 0.3s ease-in-out;margin-top: 20px;}
.tpl-box .box .tpl-item ul{width: 2820px;transition: transform 0.3s ease-in-out;white-space: nowrap;margin-top:30px;height: 490px;display: flex;padding: 2px 1px;}
.tpl-box .box .tpl-item ul li{width: 265px;margin-left: 86px;height: 100%;position: relative;border: 1px solid #f5f5f5;border-radius: 5px;overflow: hidden;transition: transform 0.3s ease-in-out;}
.tpl-box .box .tpl-item ul li img{width: 100%;}
.tpl-box .box .tpl-item ul li:first-child{margin-left: 0;}
.tpl-box .box .tpl-item ul li .mark{display: none;flex-direction: column;align-items: center;justify-content: center;position: absolute;top:0;left:0;background: rgba(0,0,0,.3);width: 100%;height: 100%;transition: transform 0.3s ease-in-out;}
.tpl-box .box .tpl-item ul li .mark .qrcode{width: 180px;height: 180px;padding: 6px;border-radius: 10px;overflow: hidden;background: #fff;}
.tpl-box .box .tpl-item ul li .mark .b{width: 200px;line-height: 42px;text-align: center;font-size: 16px;color:#fff;background: #2765FF;border-radius: 42px;margin-top: 20px;}
.tpl-box .box .tpl-item ul li .mark a{width: 200px;line-height: 42px;text-align: center;font-size: 16px;color:#2765FF;background: #fff;border-radius: 42px;margin-top: 20px;}
.tpl-box .box .tpl-item ul li:hover{transform: translate(0, -10px);}
.tpl-box .box .tpl-item ul li:hover .mark{display: flex;}
.tpl-box .box .btn{margin: 40px auto;margin-top: 60px;display: block;width: 342px;line-height: 70px;text-align: center;background: #2765FF;border-radius: 70px;color:#fff;font-size: 25px;}
.tpl-box .box .more{top:58%;}
.tpl-box .box.move-left ul{transform: translateX(-1407px);}

.case-box{width: 100%;height: 1033px;background: url(/packs/pc/images/b3.png) no-repeat 100%;max-width: 1920px;margin: 0 auto;margin-top: 100px;}
.case-box .box .title{font-size: 32px;padding-top: 160px;text-align: center;color: #fff;}
.case-box .box .title p{line-height: 50px;font-size: 22px;}
.case-box .box .case-item{width: 100%;overflow: hidden;transition: transform 0.3s ease-in-out;margin-top: 100px;}
.case-box .box .case-item ul{width: calc(466.66666px * 8 - 66.6666px);transition: transform 0.3s ease-in-out;white-space: nowrap;display: flex;padding: 4px;}
.case-box .box .case-item ul li{width: 383px;height: 483px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #fff;border-radius: 20px;overflow: hidden;margin: 0 33.33333px;position: relative;}
.case-box .box .case-item ul li h4{font-size: 24px;}
.case-box .box .case-item ul li .pic{width: 170px;height: 170px;border-radius: 50%;overflow: hidden;margin: 50px 0;}
.case-box .box .case-item ul li img{width: 100%;height: 100%;}
.case-box .box .case-item ul li .line{width: 24px;height: 3px;background: #444;}
.case-box .box .case-item ul li .mark{display: none;flex-direction: column;align-items: center;justify-content: center;position: absolute;top:0;left:0;background: #fff;width: 100%;height: 100%;transition: transform 0.3s ease-in-out;}
.case-box .box .case-item ul li .mark .qrcode{width: 180px;height: 180px;padding: 6px;border-radius: 10px;overflow: hidden;background: #fff;}
.case-box .box .case-item ul li .mark .b{width: 200px;line-height: 42px;text-align: center;font-size: 16px;color:#fff;background: #2765FF;border-radius: 42px;margin-top: 20px;}
.case-box .box .case-item ul li:hover .mark{display: flex;}
.case-box .box .btn{margin: 0 auto;margin-top:40px;display: block;width: 342px;line-height: 70px;text-align: center;background: #2765FF;border-radius: 70px;color:#fff;font-size: 25px;}
.case-box .box .more{background: rgba(0,0,0,.2);color: #ccc;top:62%;}
.case-box .box .more.right{color: #fff;}
.case-box .box.move-left .more.left{color: #fff;}
.case-box .box.move-left .more.right{color: #ccc;}

.news-box{width: 100%;}
.news-box .box .title{font-size: 32px;padding-top: 100px;text-align: center;}
.news-box .box ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 40px 0;}
.news-box .box ul li{width: calc(50% - 40px);margin: 20px 0;}
.news-box .box ul li a{display: flex;}
.news-box .box ul li .date{width: 83px;height: 80px;background: #f5f5f5;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #5E6A76;margin-right: 20px;}
.news-box .box ul li .date h3{font-size: 30px;font-weight: 600;}
.news-box .box ul li .date p{font-size: 14px;padding-top: 10px;}
.news-box .box ul li .info{flex: 1;}
.news-box .box ul li .info h3{font-size: 22px;padding-bottom: 7px;}
.news-box .box ul li .info p{font-size: 16px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.news-box .box ul li a:hover{background: #f5f5f5;}

.case-list {background: #F3F6FA;}
.case-list .tips{padding:20px 0;font-size:16px;color:#999;}
.case-list ul{width: 100%;display: flex;flex-wrap: wrap;}
.case-list ul li{width: 307px;height: 389px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #fff;border-radius: 20px;overflow: hidden;margin-bottom: 30px;margin-right: 30px;position: relative;}
.case-list ul li:nth-child(4n){margin-right: 0;}
.case-list ul li h4{font-size: 24px;}
.case-list ul li .pic{width: 170px;height: 170px;border-radius: 50%;overflow: hidden;margin: 50px 0;}
.case-list ul li img{width: 100%;height: 100%;}
.case-list ul li .line{width: 24px;height: 3px;background: #444;}
.case-list ul li .mark{display: none;flex-direction: column;align-items: center;justify-content: center;position: absolute;top:0;left:0;background: #fff;width: 100%;height: 100%;transition: transform 0.3s ease-in-out;}
.case-list ul li .mark .qrcode{width: 180px;height: 180px;padding: 6px;border-radius: 10px;overflow: hidden;background: #fff;}
.case-list ul li .mark .b{width: 200px;line-height: 42px;text-align: center;font-size: 16px;color:#fff;background: #2765FF;border-radius: 42px;margin-top: 20px;}
.case-list ul li:hover .mark{display: flex;}

.tpl-list .nav-box{display: flex;margin: 30px 0;}
.tpl-list .nav-box span{margin-right: 20px;width: 315px;height: 182px;}
.tpl-list .nav-box span.t1{background: url(../images/t1.png);background-size: 100% 100%;}
.tpl-list .nav-box span.t2{background: url(../images/t2.png);background-size: 100% 100%;}
.tpl-list .nav-box span.t3{background: url(../images/t3.png);background-size: 100% 100%;}
.tpl-list .nav-box span.t4{background: url(../images/t4.png);background-size: 100% 100%;margin-right: 0;}
.tpl-list ul{width: 100%;display: flex;flex-wrap: wrap;margin-top: 30px;}
.tpl-list ul li{width: 292.5px;margin-bottom: 50px;margin-right: 50px;height: 100%;position: relative;border: 1px solid #f5f5f5;border-radius: 5px;overflow: hidden;transition: transform 0.3s ease-in-out;}
.tpl-list ul li:nth-child(4n){margin-right: 0;}
.tpl-list ul li img{width: 100%;}
.tpl-list ul li .mark{display: none;flex-direction: column;align-items: center;justify-content: center;position: absolute;top:0;left:0;background: rgba(0,0,0,.3);width: 100%;height: 100%;transition: transform 0.3s ease-in-out;}
.tpl-list ul li .mark .qrcode{width: 180px;height: 180px;padding: 6px;border-radius: 10px;overflow: hidden;background: #fff;}
.tpl-list ul li .mark .b{width: 200px;line-height: 42px;text-align: center;font-size: 16px;color:#fff;background: #2765FF;border-radius: 42px;margin-top: 20px;}
.tpl-list ul li .mark a{width: 200px;line-height: 42px;text-align: center;font-size: 16px;color:#2765FF;background: #fff;border-radius: 42px;margin-top: 20px;}
.tpl-list ul li:hover{transform: translate(0, -4px);}
.tpl-list ul li:hover .mark{display: flex;}

.intro-box{width: 100%;min-height: calc(100vh - 156px);padding: 0 50px;}
.intro-box .name{padding-top: 30px;font-size: 16px;font-weight:600;}
.intro-box .text{padding-top: 20px;}

.tpl-demo{width: 100%;min-height: calc(100vh - 236px);padding: 30px 50px;background:#f7f7f7;}
.tpl-demo-box{display:flex;width:100%;margin-top: 20px;}
.tpl-demo-box .tpl-demo-left{flex:1;background: #fff;border-radius: 5px;display:flex;align-items: center;}
.tpl-demo-box .tpl-demo-left .tpl-demo-iframe{margin-top: 20px;flex: 1;text-align: center;}
.tpl-demo-box .tpl-demo-left .tpl-demo-iframe img{width: 310px;}
.tpl-demo-box .tpl-demo-left .qrcode-box{width: 360px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.tpl-demo-box .tpl-demo-left .qrcode-box .qrcode-item{width: 260px;background: #f7f7f7;display:inline-block;padding: 30px 10px;text-align:center;border-radius: 10px;}
.tpl-demo-box .tpl-demo-left .qrcode-box p{font-size: 16px;padding: 8px;border: none;color: #105CFB;}
.tpl-demo-box .tpl-demo-left .qrcode-box a{display: block;background: #2765ff;color: #fff;line-height: 40px;border-radius: 20px;width: 200px;margin: 0 auto;}
.tpl-demo-box .tpl-demo-right{width: 400px;margin-left: 20px;padding: 10px;background: #fff;border-radius: 5px;}
.tpl-demo-box .tpl-demo-right h3{padding: 0 10px;font-size: 16px;}
.tpl-demo-box .tpl-demo-right ul{display:flex;flex-wrap: wrap;}
.tpl-demo-box .tpl-demo-right ul li{width: 190px;padding: 8px;}
.tpl-demo-box .tpl-demo-right ul li a{display:block;width:100%;border: 1px solid #f5f5f5;border-radius: 5px;}
.tpl-demo-box .tpl-demo-right ul li a .pic{width:100%;height:200px;overflow: hidden;border-radius:5px;}
.tpl-demo-box .tpl-demo-right ul li a .pic img{width:100%;transition: transform 0.5s ease-in-out;}
.tpl-demo-box .tpl-demo-right ul li a .name{padding: 8px 0;text-align: center;}
.tpl-demo-box .tpl-demo-right ul li a:hover .pic img{transform: scale(1.1);}


.login-box{width: 1000px;height: 520px;background: rgba(255, 255, 255, 1);margin: 95px auto;display: flex;}
.login-box .right{width: 422px;height: 100%;margin-left: 10px;box-sizing: border-box;box-shadow: 0 0 20px 0 rgba(12,1,4,0.05);border-radius: 4px;overflow: hidden;}
.login-box .right .img{width: 100%;height: 100%;background: url(/packs/pc/images/login_l.png) no-repeat;}
.login-box .left{flex: 1;height: 100%;padding: 40px;box-sizing: border-box;box-shadow: 0 0 20px 0 rgba(12,1,4,0.05);border-radius: 4px;position: relative;}
.login-box .left .change-box-tips-wrap{position: absolute;top:0;right:0;width: 72px;height: 72px;background-size: cover;cursor: pointer;z-index: 2;}
.login-box .left .change-box-tips-wrap.wap{background: url(/packs/pc/images/wap.png) no-repeat;background-size: cover;}
.login-box .left .change-box-tips-wrap.weixin{background: url(/packs/pc/images/qr.png) no-repeat;background-size: cover;}
.login-box .left h3{width: 100%;display: flex;align-items: baseline;}
.login-box .left h3 span{font-size: 16px;cursor: pointer;font-size: 20px;color: #969799;margin-right: 24px;}
.login-box .left h3 span.on{font-weight: 500;font-size: 26px;color: #323233;cursor: default;}
.login-box .left .qrcode-box{width: 100%;display: flex;align-items: center;height: 100%;flex-direction: column;}
.login-box .left .qrcode-box .pic-box{min-height: 250px;margin: 40px auto 20px;display: flex;justify-content: center;padding-top: 30px;}
.login-box .left .qrcode-box .pic-box .qrcode{position: relative;box-sizing: border-box;width: 250px;height: 250px;padding: 7px;border: 1px solid #e5e5e5;transition: opacity .3s;overflow: hidden;}
.login-box .left .qrcode-box .pic-box .qrcode img{width: 100%;display: none;}
.login-box .left .qrcode-box .pic-box .qrcode .load{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.02);z-index: 3;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.login-box .left .qrcode-box .pic-box .qrcode .load p{animation: .75s linear infinite rotate;}
.login-box .left .qrcode-box .pic-box .qrcode .load p i{font-size: 40px;color: #bbb;}
.login-box .left .qrcode-box .pic-box .qrcode .mark{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 2;color:#fff;display: none;flex-direction: column;justify-content: center;align-items: center;}
.login-box .left .qrcode-box .pic-box .qrcode .mark p{margin-bottom: 5px;}
.login-box .left .qrcode-box .pic-box .qrcode .mark p i{font-size: 26px;}
.login-box .left .qrcode-box .pic-box .qrcode .mark.on{display: flex;}
.login-box .left .qrcode-box .tips a{padding-left: 5px;color: #2765FF;}
.login-box .left .tips-pop{position: absolute;right: 72px;top: 17px;z-index: 99;color: #2765FF;white-space: nowrap;background: rgba(51, 111, 255, .1);padding: 4px 14px;border-radius: 6px;}
.login-box .left .tips-pop:before {content: "";position: absolute;right: -16px;top: 7px;width: 0;height: 0;border: 8px solid rgba(51, 111, 255, .1);border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;}
.login-box .left .from-box{display: none;}
.login-box .left .from-box .input-box{height: 250px;margin: 60px auto 20px;display: flex;justify-content: center;padding-top: 30px;flex-direction: column;}
.login-box .left .from-box .layui-form p{position: relative;margin-top: 32px;}
.login-box .left .from-box .layui-form p .layui-input{border-bottom: 1px solid #dcdee0;font-size: 16px;height: 48px;}
.login-box .left .from-box .layui-form p .r{position: absolute;top:50%;right:0;transform: translateY(-50%);font-size: 16px;color: #969799;cursor: not-allowed;}
.login-box .left .from-box .layui-form p .r.on{color: #155bd4;cursor: pointer;}
.login-box .left .from-box .layui-form p.code{display: none;}
.login-box .left .from-box .layui-form p.reg,.login-box .left .from-box .layui-form p.login{margin-top: 10px;text-align: right;color: #999;}
.login-box .left .from-box .layui-form p.time{margin-top: 68px;}
.login-box .left .from-box .layui-form p.xieyi{margin-top: 15px;}
.login-box .left .from-box .layui-form p.xieyi .layui-form-checkbox[lay-skin=primary] span a{color: #155bd4;}
.login-box .left .from-box .layui-form p .a{color: #155bd4;cursor: pointer;}
.login-box .left .from-box .layui-form .layui-btn{background-color: #f7f7f7!important;color: #ccc!important;font-size: 18px;height: 48px;line-height: 46px;margin: 20px 0;cursor: default;}
.login-box .left .from-box .layui-form .layui-btn.on{cursor: pointer;background-color: #2765FF!important;color: #fff!important;}

.user-info-box{width: 100%;min-height: calc(100vh - 80px);background: #F3F6FA;}
.user-info-box .banner{position: relative;cursor: default;}
.user-info-box .banner .mark{position: absolute;top:0;left:0;display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;height: 100%;}
.user-info-box .banner .mark h3{color: #fff;font-family: Microsoft YaHei UI;font-size: 40px;font-weight: 700;}
.user-info-box .banner .mark p{color: #fff;font-size: 30px;font-weight: 400;padding-top: 20px;}
.user-info-head{width: 100%;}
.user-info-head{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;background: #fff;height: 66px;border-radius: 4px;}
.user-info-head ul{flex:1;padding: 0 20px;display: flex;}
.user-info-head ul li{margin-right: 20px;position: relative;padding-bottom: 6px;}
.user-info-head ul li a{display: flex;align-items: center;}
.user-info-head ul li a i{font-size: 20px;margin-right: 5px;}
.user-info-head ul li.on{font-weight: 600;}
.user-info-head ul li.on:before {content: "";position: absolute;left: 50%;bottom: 0;width: 40px;height: 2px;background: #2765FF;transform: translateX(-50%);border-radius: 2px;}
.user-info-head .btn{height: 35px;width: 90px;opacity: 1;background: #2765FF;border-radius: 4px;line-height: 35px;text-align: center;color: #fff;margin: 0 10px;cursor: pointer;transition: all .5s ease-in-out;}
.user-info-head .btn:hover{opacity: .7;}

.shop-box{margin-top: 20px;background: #fff;border-radius: 4px;padding: 15px;}
.shop-box .shop-head{width: 100%;display: flex;justify-content: space-between;align-items: center;border-bottom: 4px solid #f8f8f8;padding-bottom: 8px;}
.shop-box .shop-head .left{font-size: 16px;font-weight: 600;}
.shop-box .shop-head .left span{padding-left: 12px;font-size: 12px;font-weight: 400;}
.shop-box .shop-head .left span b{color: #2765FF;padding: 0 4px;font-weight: 600;}
.shop-box .shop-head .right{flex: 1;display: flex;justify-content: flex-end;align-items: center;height: 100%;}
.shop-box .shop-head .right a{background: #f60;padding: 8px;border-radius: 5px;font-size: 12px;color:#fff;display: flex;align-items: center;}
.shop-box ul{margin-top: 20px;}
.shop-box ul li{width: 100%;background: #f8f8f8;border-radius: 4px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;padding: 20px;}
.shop-box ul li .left{flex:1;display: flex;align-items: center;}
.shop-box ul li .left .pic{width: 90px;height: 90px;overflow: hidden;border-radius: 5px;margin-right: 10px;}
.shop-box ul li .left .pic img{width: 100%;height: 100%;}
.shop-box ul li .left .info{flex: 1;display: flex;flex-direction: column;height: 90px;}
.shop-box ul li .left .info h4{display: flex;}
.shop-box ul li .left .info h4 text{margin-right: 10px;font-size: 16px;font-weight: 600;}
.shop-box ul li .left .info h4 em{font-style:normal;font-size: 12px;border-radius: 5px;border: 1px solid transparent;color:#333;padding: 2px 6px;margin-left: 10px;}
.shop-box ul li .left .info p{font-size: 13px;color: #666;padding-top: 5px;}
.shop-box ul li .left .info .cmd{display: flex;padding-top: 16px;}
.shop-box ul li .left .info .cmd a{line-height: 26px;border-radius: 5px;color: #fff;font-size: 14px;font-weight: 400;text-align: center;cursor: pointer;margin-right: 10px;padding: 0 10px;}
.shop-box ul li .right{padding-left: 20px;}
.shop-box ul li .right p{padding: 2px 0;font-weight: 600;}
.shop-box ul li .right p span{font-weight: 400;}
.shop-box ul li .right .paybtn{color: #2F6CFF;cursor: pointer;padding-left: 70px;}

.add-box{margin: 20px 0;background: #fff;border-radius: 4px;padding: 15px;}
.add-box .tips{padding-top: 60px;text-align: center;font-size: 16px;}
.add-box .tips b{font-weight: 600;color: #2765FF;padding: 0 2px;}
.add-type-box{padding: 30px 0 80px;display: flex;justify-content: center;margin-top: 50px;}
.add-type-box .add-type-item{display: flex;justify-content: space-between;width: 318px;padding: 15px;border-radius: 4px;background: #fff;border: 1px solid #d9d9d9;text-align: center;font-size: 14px;flex-direction: column;margin: 0 20px;}
.add-type-box .add-type-item .icon{width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 50%;margin: 41px auto 37px;border: 4px solid #333;overflow: hidden;font-size: 26px;font-weight: 500;}
.add-type-box .add-type-item .icon i{display: inline-block;background: url(/packs/pc/images/applet.png) no-repeat;background-size: cover;width: 28px;height: 28px;}
.add-type-box .add-type-item h3{font-size: 20px;margin-bottom: 24px;}
.add-type-box .add-type-item p{padding: 0 24px;display: flex;margin-bottom: 12px;}
.add-type-box .add-type-item p span:first-child{color: #999;width: 80px;}
.add-type-box .add-type-item p span:last-child{flex: 1;text-align: left;}
.add-type-box .add-type-item .btn{cursor: pointer;width: 262px;height: 48px;font-size: 14px;border-radius: 4px;display: flex;align-items: center;justify-content: center;margin: 20px auto 40px;color: #fff;}

.open-qrcode-box{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.open-qrcode-box .pic{width: 279px;height: 329px;box-sizing: border-box;border-radius: 4px;border: 1px solid #d9d9d9;margin: 24px auto;text-align: center;position: relative;overflow: hidden;}
.open-qrcode-box .pic img{width: 219px;height: 219px;margin: 30px auto 24px;}
.open-qrcode-box .pic p{font-size: 18px;color: #333;}
.open-qrcode-box .tips{font-size: 13px;color: #999;white-space: nowrap;}

.applet-info-box{background-color: #f8f9fb;min-height: calc(100vh - 80px - 59px);}
.applet-info-box .box{padding: 40px 60px;}
.applet-info-box .applet-info-item{background-color: #fff;margin: 10px 0;border-radius: 4px;box-shadow: 0 1px 2px rgba(150, 150, 150, 0.3);padding: 30px 30px;}
.applet-info-box .applet-info-item h4{margin-bottom: 30px;font-size: 20px;}
.applet-info-box .applet-info-item ul li{display: flex;align-items: center;height: 70px;padding: 12px 0;font-size: 13px;color: #9a9a9a;}
.applet-info-box .applet-info-item ul li .left{width: 14.7em;padding-right: 10px;word-wrap: break-word;word-break: break-all;}
.applet-info-box .applet-info-item ul li .right{flex: 1;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e7e7eb;height: 70px;}
.applet-info-box .applet-info-item ul li .right .name{text-align: left;vertical-align: middle;word-wrap: break-word;word-break: break-all;width: 14em;color:#353535;margin-right: 20px;}
.applet-info-box .applet-info-item ul li .right .name img{width: 50px;height: 50px;border-radius: 50%;}
.applet-info-box .applet-info-item ul li .right .text{flex: 1;}
.applet-info-box .applet-info-item ul li .right .btn{width: 10em;text-align: right;padding-left: 10px;padding-right: 20px;color: #576B95;cursor: pointer;}
.applet-info-box .applet-info-item ul li .right .btn a{padding-left: 10px;color: #576B95;}
.applet-info-box .applet-info-item p{color: #999;}
.applet-info-box .applet-info-item .row p{display: flex;align-items: center;min-height: 40px;color:#353535;align-items: center;}
.applet-info-box .applet-info-item .row p span{width: 100px;color: #9a9a9a;}
.applet-info-box .applet-info-item .row p .qrcode{display: flex;align-items: center;width: auto;color: #1296db;border: 1px solid #1296db;cursor: pointer;font-size: 12px;padding: 2px;border-radius: 2px;}
.applet-info-box .applet-info-item .row p .qrcode i{margin-left: 3px;width: 16px;height: 16px;background: url(data:image/png;base64,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) no-repeat;background-size:cover;}
.applet-info-box .applet-info-item .row p img{width: 150px;}
.applet-info-box .applet-info-item .row p.btn{margin-left: 100px;margin-top: 20px;}
.applet-info-item .layui-input, .applet-info-item .layui-select, .applet-info-item .layui-textarea{border: 1px solid #eee;}
.applet-info-item .layui-form-label{width: 150px;}
.applet-info-item .layui-form-label.required:after{position: absolute;top: 15px;right: 5px;content: '*';color: red;font-size: 20px;}
.applet-info-item .layui-input-block{margin-left: 160px;}
.applet-info-item .layui-input-block .annex-name{max-width: 20em;font-weight: 400;line-height: 20px;vertical-align: middle;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.applet-info-box .layui-input-block .annex-name:before {content: "";display: inline-block;width: 16px;height: 16px;vertical-align: middle;background-size: cover;margin-right: 6px;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M9.332 1.333l4.001 4v8.668a.664.664 0 0 1-.664.666H3.997A.666.666 0 0 1 3.333 14V1.999c0-.368.298-.666.664-.666h5.335zm-1.066.8H4.133v11.734h8.4V6.399l-3.2.001a1.067 1.067 0 0 1-1.066-1.067v-3.2zM12.468 5.6L9.066 2.2v3.134c0 .148.12.267.267.267h3.135z' opacity='.9'/%3E%3C/svg%3E");}
.applet-info-item .layui-input-block .plist{width: 100%;display: flex;color: #2765ff;padding-top: 8px;justify-content: space-between;}
.applet-info-item .layui-input-block .plist .service_content_types_del{color:red;cursor: pointer;}
.applet-info-box .renzheng-box{padding: 20px;background-color: #f9f9f9;border-radius: 5px;}
.applet-info-box .renzheng-box .ok{font-size: 18px;font-weight:600;color: #080;padding: 30px 0;}
.applet-info-box .renzheng-box h5{font-size: 16px;font-weight:600;}
.applet-info-box .renzheng-box p.state{font-weight:600;}
.applet-info-box .renzheng-box p{padding-top: 10px;}
.applet-info-box .layui-input-box{padding: 15px;margin-top: 20px;border: 1px solid rgba(28, 31, 35, .08);position: relative;}
.applet-info-box .layui-input-box .nrlx_details_del{position:absolute;top:5px;right:5px;cursor: pointer;}
.applet-info-box .layui-input-box .nrlx_details_del i{font-size: 24px;}
.applet-info-item .layui-input-box .layui-form-label{width: 85px;padding: 9px 0;}
.applet-info-item .layui-input-box .layui-input-block{margin-left: 90px;}
.applet-info-item .layui-input-box .tips{font-size: 14px;line-height: 20px;margin-bottom: 8px;padding: 8px;background-color: rgba(234, 245, 255,1);}
.applet-info-item .pic-ul{display:flex;margin-bottom:15px;}
.applet-info-item .pic-ul .li{width: 64px;height: 64px;border-radius: 4px;margin-right: 16px;position: relative;overflow: hidden;display:flex;justify-content: center;align-items: center;cursor: pointer;border: 1px solid #e0e0e0;}
.applet-info-item .pic-ul .li img{max-width:100%;max-height:100%;}
.applet-info-item .pic-ul .li .icon{width:100%;height:100%;display:flex;justify-content: center;align-items: center;cursor: pointer;}
.applet-info-item .pic-ul .li .mark{position: absolute;background-color: rgba(0, 0, 0, .5);top: 0;left:0;width:100%;height:100%;display:flex;justify-content: center;align-items: center;cursor: pointer;color: #fff;font-size: 14px;}
.applet-info-item .pic-ul .li .del{position: absolute;background-color: rgba(0, 0, 0, .5);top: 0;right:0;width:20px;height:20px;display:flex;justify-content: center;align-items: center;cursor: pointer;color: #fff;font-size: 14px;}
.applet-info-item .info-text{padding-top:10px;}
.applet-info-item .info-pic img{max-width:200px;max-height:200px;margin-right:10px;cursor:pointer;}
.applet-info-item .info-text .verify-btn,.applet-info-item .info-text .filing-btn{cursor: pointer;color: #1e9fff;}

.open-box{padding: 20px;}
.open-box p{font-size:13px;color: #576B95;}
.open-box p.btn{padding: 10px 0;}
.open-box p.send{padding-top: 100px;text-align: content;width: 100%;display: flex;justify-content: center;}
.open-box p.save{padding-top: 40px;text-align: content;width: 100%;display: flex;justify-content: center;}
.open-box .uppic-box{display: flex;margin-top: 10px;}
.open-box .uppic-box .left{width: 202px;height: 202px;margin-right: 40px;border: 1px solid #e7e7eb;overflow: hidden;display: flex;justify-content: center;align-items: center;background-color: #f6f8f9;}
.open-box .uppic-box .left .img{max-width: 200px;max-height: 200px;}
.open-box .uppic-box .right{flex: 1;background-color: #f6f8f9;height: 202px;padding: 10px 30px;}
.open-box .uppic-box .right h4{line-height: 28px;color: #8d8d8d;margin-bottom: 5px;}
.open-box .uppic-box .right .pic{display: flex;}
.open-box .uppic-box .right .pic .span1{margin-right: 26px;width: 140px;height: 140px;vertical-align: middle;background-color: #fff;overflow: hidden;border-radius: 10px;}
.open-box .uppic-box .right .pic .span2{width: 140px;height: 140px;vertical-align: middle;background-color: #fff;overflow: hidden;border-radius: 50%;}
.open-box .input-box{display: flex;margin-top: 16px;align-items: center;}
.open-box .input-box .name{margin-right: 24px;width: 5rem;color: #353535;font-size: 14px;}
.open-box .input-box .input{flex: 1;height: 36px;padding: 8px 16px;box-sizing: border-box;background: #fff;border: 1px solid #e3e4e5;border-radius: 8px;}
.open-box .input-box .input .inp{width: 100%;height: 100%;border: 0;}
.open-box .tips{padding-left: calc(5rem + 30px);padding-top: 5px;}
.open-box .tips.red{color: red;}
.open-box .radio{flex: 1;min-height: 36px;padding: 8px 16px;box-sizing: border-box;background: #fff;border: 1px solid #e3e4e5;border-radius: 8px;}
.open-box .radio label{display: flex;width: 100%;align-items: center;padding: 4px 0;}
.open-box .radio label input{margin-right: 5px;}
.open-box .steps{text-align: center;line-height: 1.4;}
.open-box .steps li{padding: 24px 0;vertical-align: top;position: relative;display: inline-block;color: #b1b2b3;}
.open-box .steps li:before {display: inline-block;content: "2";margin: -0.2em 6px 0 0;width: 18px;height: 18px;line-height: 18px;text-align: center;margin-left: 4px;border: 1px solid;border-radius: 50%;vertical-align: top;margin-top: 0;}
.open-box .steps li:first-child:before{content: "1";}
.open-box .steps li:first-child:after {content: "";display: inline-block;width: 30px;margin: 9px 16px;vertical-align: top;border-bottom: 1px solid #e3e4e5;}
.open-box .steps li.on{color: #2765FF;}
.open-box .textarea-box{padding: 12px;font-size: 14px;border: 1px solid #e3e4e5;border-radius: 8px;box-sizing: border-box;height: 120px;margin: 6px 0;}
.open-box .textarea-box textarea{width: 100%;height: 100%;border: 0;resize: none;}
.open-box .upload-box{display: none;margin-top: 40px;}
.open-box .upload-box .name{margin-right: 24px;width: 5rem;color: #353535;font-size: 14px;}
.open-box .upload-box .upload{flex: 1;}
.open-box .upload-box .upload p{padding-top: 30px;color: #7e8081;}
.open-box .upload-box .upload .annex-box{margin-top: 20px;}
.open-box .upload-box .upload .annex-box li{margin-top: 20px;}
.open-box .annex-box li{font-size: 12px;}
.open-box .annex-box li .annex-name{max-width: 20em;font-weight: 400;line-height: 20px;vertical-align: middle;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.open-box .annex-box li .annex-name:before {content: "";display: inline-block;width: 16px;height: 16px;vertical-align: top;background-size: cover;margin-right: 6px;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M9.332 1.333l4.001 4v8.668a.664.664 0 0 1-.664.666H3.997A.666.666 0 0 1 3.333 14V1.999c0-.368.298-.666.664-.666h5.335zm-1.066.8H4.133v11.734h8.4V6.399l-3.2.001a1.067 1.067 0 0 1-1.066-1.067v-3.2zM12.468 5.6L9.066 2.2v3.134c0 .148.12.267.267.267h3.135z' opacity='.9'/%3E%3C/svg%3E");}
.open-box .annex-box li .annex-cmd{display: flex;align-items: center;padding-top: 5px;height: 15px;}
.open-box .annex-box li .annex-cmd .size{font-style: normal;margin-right: 20px;}
.open-box .annex-box li .annex-cmd .cmd{display: none;}
.open-box .annex-box li .annex-cmd .cmd span{padding-right: 5px;color:#576b95;cursor: pointer;}
.open-box .annex-box li:hover .annex-cmd .cmd{display: block;}
.open-box .confirm-box{width:230px;margin: 30px auto;}
.open-box .confirm-box h4{padding: 5px 0;}
.edit-box{top:50% !important;transform: translateY(-50%);height: auto !important;}
.edit-box .layui-layer-content{height: auto !important;max-height: 780px !important;overflow-y: auto;}
.edit-box select{background-color: #f9f9f9;border: 1px solid #eee;height: 35px;width: 250px;padding: 0 5px;}
.edit-box .scope{padding-top: 10px;}