/* CSS Document */

html{ font-size:62.5%;}
body, html{ height:100%; background:#ffffff;}
*{ font-family:Arial, PingFang SC, Microsoft YaHei, sans-serif; font-size:1.3rem; color:#1e1919;}
h1,h2,h3,h4,h5,h6,p,span,ul,li{list-style:none;}
div{ box-sizing:border-box;}
em,i{ font-style:normal;}
ul,li{ list-style:none !important; -webkit-padding-start:0 !important;}
input{ outline:none !important; border:none !important;}
a{ text-decoration:none !important; cursor:pointer;}
div,span,ul,li{ box-sizing:border-box;}

::-webkit-scrollbar { width:0; height:0;}
::-webkit-scrollbar-button { width:0; height:0;}
::-webkit-scrollbar-track { background:rgba(255,255,255,0); box-shadow:0 0 0 rgba(255,255,255,0) inset; border-radius:0.4rem;}
::-webkit-scrollbar-thumb { background:rgba(0,159,255,.5); border-radius:0.4rem;}
::-webkit-scrollbar-thumb:hover { background:rgba(0,159,255,.5);}

.bgimg-cover{ background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-contain{ background-size:contain !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-auto{ background-size:auto !important; background-position:50% 50% !important; background-repeat:repeat !important;}
.bgimg-center{ background-size:auto !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-fixed{ background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important; background-attachment:fixed !important;}

.h5-fc-green{ color:#47b575 !important;}
.h5-fc-blue{ color:#4cbdfe !important;}
.h5-fc-blue-light{ color:#41c4d5 !important;}
.h5-fc-red{ color:#e24c3f !important;}
.h5-fc-blue-dark{ color:#1565c0 !important;}
.h5-fc-yellow{ color:#ffb000 !important;}
.h5-image-radio{ width:100%; border-radius:4px;}
.h5-border-b5{ border-bottom:solid 5px #f5f5f5 !important;}

.mar-b-12{ margin-bottom:1.2rem !important;}
.mar-b-18{ margin-bottom:1.8rem !important;}
.mar-b-24{ margin-bottom:2.4rem !important;}

.h5-btn-group{ width:100%; display:flex; align-items:center; justify-content:center;}
.h5-btn-group .btn-item{ font-size:1.5rem; line-height:1; padding:1rem 2.2rem; margin:0.4rem; border-radius:0.4rem;}
.h5-btn-group .btn-item.small{ font-size:1.4rem; padding:1rem 2rem;}
.h5-btn-group .btn-item:hover{ opacity:0.9;}
.h5-btn-group .btn-blue{ background:rgba(80,130,250,1); color:#ffffff;}
.h5-btn-group .btn-gray{ background:rgba(160,160,180,1); color:#ffffff;}
.h5-btn-group .btn-blue-line{ background:#ffffff !important; border:solid 0.1rem #5082FA; color:#5082FA;}

.hp-main-block{ width:100%; height:100%; background:#f9f9f9; display:flex; justify-content:center;}
.hp-main-box{ width:100%; max-width:480px; background:#ffffff; box-shadow:0 0 10px rgba(30,25,25,.08); display:flex; flex-direction:column;}
.bg-color-gray{ background:#f5f6f7;}

.h5-we-header{ width:100%; height:10.5rem; float:left;}
.h5-we-search{ width:100%; height:3.5rem; padding:0 1.2rem; display:flex; justify-content:space-between; align-items:center;}
.h5-we-search input{ width:calc(100% - 4.5rem); background:#f2f2f2; height:2.6rem; border-radius:0.3rem; text-indent:0.5rem;}
.h5-we-search a.search-btn{ width:4rem; background:#5082FA; font-size:1.3rem; color:#ffffff; line-height:2.6rem; text-align:center; border-radius:0.3rem;}
.h5-we-form-list{ width:100%; height:3.5rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap;}
.h5-we-form-list .form-label{ width:7rem; margin:0 1.2rem; white-space:nowrap;}
.h5-we-form-list .form-value{ width:calc(100% - 7rem);}
.h5-group-box{ width:100%;}
.h5-group-box .dropdown-toggle{ width:100%; height:2.8rem; border:solid 1px rgba(30,25,25,.08); border-radius:0.3rem; padding:0 0.5rem; box-shadow:none !important; display:flex; align-items:center; justify-content:space-between;}
.h5-group-box .dropdown-toggle em{ font-size:1.3rem;}
.h5-group-box .dropdown-toggle i{ font-size:1.3rem; color:#9e9999;}
.h5-group-box .dropdown-menu{ width:100%; float:left; max-height:20rem; border:0; padding:0.5rem; box-shadow:0 1rem 3.5rem rgba(30,25,25,.12); overflow-y:scroll;}
.h5-group-box .dropdown-menu li{ width:100%; float:left; padding:0.6rem 1.5rem !important;}
.h5-group-box .dropdown-menu li a{ width:100%; padding:0 !important; margin:0 !important;}

.h5-head-item{ width:100%; height:5rem; background:#ffffff; box-shadow:0 0 1rem rgba(30,25,25,.08); display:flex; flex-direction:column; align-items:center; justify-content:center;}
.h5-head-item .title{ font-size:1.6rem; color:#1e1919;}

.h5-we-tab{ width:100%; float:left; overflow-x:scroll;}
.h5-we-tab .nav-tabs{ float:left; display:flex; align-items:center; justify-content:flex-start; overflow-x:scroll;}
.h5-we-tab .nav-tabs li{ border-bottom:solid 0.2rem #ffffff;}
.h5-we-tab .nav-tabs li a{ float:left; font-size:1.3rem; color:#1e1919; white-space:nowrap; margin:0; border:0 !important; height:3.5rem; line-height:3.5rem; padding:0 1.2rem; text-align:center;}
.h5-we-tab .nav-tabs li.active{ border-bottom:solid 0.2rem #5082FA;}
.h5-we-tab .nav-tabs li.active a{ color:#5082FA;}

.h5-we-tab-item{ width:100%; height:5rem; background:#ffffff; border-bottom:solid 0.1rem rgba(80,130,250,.12); display:flex; align-items:center; justify-content:center;}
.h5-we-tab-item .nav-tabs{ width:100%; height:100%; margin:0; border:0; display:flex; align-items:center; justify-content:center;}
.h5-we-tab-item .nav-tabs li{ height:100%; margin:0 2.4rem; display:flex; align-items:center; justify-content:center;}
.h5-we-tab-item .nav-tabs li a{ position:relative; font-size:1.6rem; color:#1e1919; line-height:1; margin:0; border:0 !important; display:flex; justify-content:center;}
.h5-we-tab-item .nav-tabs li.active a:after{ position:absolute; content:""; width:4rem; height:0.3rem; background:#5082FA; border-radius:0.5rem; bottom:-1.6rem;}
.h5-we-tab-item .nav-tabs li.active a{ color:#5082FA;}
.promotion-item{ width:100%; height:100%; padding:2rem; display:flex; flex-direction:column; overflow-y:scroll;}
.promotion-item.calc-7{ height:calc(100% - 7rem); overflow-y:scroll;}
.promotion-item .title{ width:100%; margin-bottom:1.2rem; display:flex; align-items:center; justify-content:flex-start;}
.promotion-item .title em{ font-size:1.5rem; line-height:1; font-weight:bold;}
.promotion-item .title a{ font-size:1.3rem; line-height:1; color:#5082FA; margin-left:1rem;}
.promotion-item .pro-qr-code{ width:100%; margin-bottom:2.4rem; border-radius:0.4rem; display:flex; align-items:center; justify-content:center;}
.promotion-item .pro-qr-code .h5-mobile-code-item{ max-width:100%;}
.promotion-item .pro-poster{ width:100%; margin-bottom:2.4rem; border-radius:0.4rem; box-shadow:0 0 1.2rem rgba(30,25,25,.08); display:flex; flex-direction:column; align-items:center; justify-content:center;}
.promotion-item .pro-poster img{ width:100%; border-radius:0.4rem;}
.promotion-item .pro-poster em{ font-size:1.4rem; color:#5e5959; margin:0.8rem 0;}
.promotion-item .pro-copy{ width:100%; background:#ffffff; padding:1.2rem; line-height:1.6; border-radius:0.4rem; box-shadow:0 0 1.2rem rgba(30,25,25,.08); display:flex;}
.promotion-item .data-item{ width:100%; margin-bottom:1.8rem; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.promotion-item .data-item .data-box{ width:calc(25% - 0.6rem); border:solid 0.1rem rgba(80,130,250,.12); padding:1.2rem 0.8rem; border-radius:0.4rem; display:flex; flex-direction:column;}
.promotion-item .data-item .data-box em{ width:100%; font-size:1rem; line-height:1; text-align:center;}
.promotion-item .data-item .data-box em.number{ font-size:2rem; color:#5082FA; margin-bottom:0.4rem;}
.promotion-item .data-item .describe{ width:100%; font-size:1.2rem; color:#7e7979; margin-top:1.2rem; display:flex;}
.promotion-item .data-item.column-3 .data-box{ width:calc(33.333333% - 0.6rem);}
.promotion-item .user-item{ width:100%; margin-bottom:1.2rem; display:flex; align-items:center; justify-content:flex-start;}
.promotion-item .user-item .photo{ width:4.8rem; height:4.8rem; border-radius:50%; display:flex;}
.promotion-item .user-item em{ font-size:1.6rem; line-height:1; margin-left:1rem;}
.promotion-item .date-item{ width:100%; margin-bottom:2.4rem; display:flex; align-items:center; justify-content:flex-start;}
.promotion-item .date-item em{ font-size:1.4rem; line-height:1;}
.promotion-item .date-item em.num{ font-size:1.5rem; font-weight:bold; margin:0 0.2rem;}
.promotion-item .form-item{ width:100%; margin-bottom:1.8rem; display:flex; flex-direction:column;}
.promotion-item .form-item .form-list{ width:100%; margin:0.4rem 0; display:flex; align-items:center; justify-content:flex-start;}
.promotion-item .form-item .item-label{ width:6.4rem; font-size:1.3rem; line-height:1;}
.promotion-item .form-item .item-value{ width:calc(100% - 6.4rem); font-size:1.3rem; line-height:1;}
.promotion-item .form-item .item-value em.num{ font-size:1.6rem; font-weight:bold; margin:0 0.2rem;}

.h5-theme-body{ width:100%; float:left; height:calc(100% - 5rem);}
.h5-theme-body .tab-content{ width:100%; height:100%; float:left;}
.h5-theme-body .tab-pane{ width:100%; height:100%; float:left;}
.h5-bottom-item{ width:100%; height:7rem; border-top:solid 0.1rem rgba(80,130,250,.12); display:flex; align-items:center; justify-content:center;}

.h5-we-body{ width:100%; float:left; height:calc(100% - 14rem); overflow-y:scroll;}
.h5-we-body.calc-5{ height:calc(100% - 5rem);}
.h5-we-body.full-height{ height:100%;}
.h5-we-footer{ width:100%; float:left;}
.h5-we-footer a{ width:100%; float:left; height:3.5rem; background:#5082FA; font-size:1.6rem; color:#ffffff; display:flex; align-items:center; justify-content:center;}
.h5-files-list{ width:100%; float:left; padding:1.5rem; border-bottom:solid 1px rgba(30,25,25,.08); display:flex; align-items:center; justify-content:space-between;}
.h5-files-list .hp-checks{ width:2.5rem; display:flex; justify-content:flex-end;}
.h5-files-box{ width:calc(100% - 3rem);}
.h5-files-text{ background:rgba(30,25,25,.04); padding:0.5rem 1rem; border-radius:0.4rem;}
.h5-files-text em{ width:100%; float:left; font-size:1.2rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.h5-files-image{ position:relative; max-width:7.8rem; height:5rem; border-radius:0.4rem;}
.h5-files-image i{ position:absolute; right:0.4rem; bottom:0.4rem; font-size:1.4rem; line-height:1; color:rgba(255,255,255,.9);}
.h5-files-applet{ width:3rem; height:3rem; border-radius:0.4rem; margin-right:0.5rem;}
.h5-files-item{ width:100%; float:left; display:flex; align-items:center; justify-content:flex-start;}
.h5-files-item i{ font-size:3rem; line-height:1; margin-right:0.5rem;}
.h5-files-item .files-name{ font-size:1.3rem; color:#5e5959;}
.h5-files-content{ width:100%; display:flex; align-items:center; justify-content:flex-start;}
.h5-files-content .files-cover{ float:left; width:5rem; height:3.2rem; border-radius:0.4rem; margin-right:0.8rem;}
.h5-files-content .files-qr-code{ float:left; width:5rem; height:5rem; border-radius:0.4rem; margin-right:0.8rem;}
.h5-files-content .files-info{ width:calc(100% - 4rem);}
.h5-files-content .files-info .title{ font-size:1.3rem; color:#1e1919;}
.h5-files-content .files-info .describe{ font-size:1.2rem; color:#9e9999;}

.h5-code-body{ width:100%; height:100%; padding:15px; overflow-y:scroll; display:flex; align-items:center; justify-content:center;}
.h5-mobile-code-item{ width:100%; max-width:320px; background:#ffffff; box-shadow:0 0 10px rgba(30,25,25,.08); border-radius:4px; display:flex; flex-direction:column;}
.h5-mobile-code-item .head-info{ width:100%; padding:15px; border-bottom:dashed 1px #dadada; display:flex; align-items:center; justify-content:space-between;}
.h5-mobile-code-item .head-info .main-info{ width:calc(100% - 58px); display:flex; flex-direction:column;}
.h5-mobile-code-item .head-info .main-info .theme-info{ width:100%; font-size:13px; color:#9e9999;}
.h5-mobile-code-item .head-info .main-info .nick-name{ font-size:16px; color:#3e3939; font-weight:bold;}
.h5-mobile-code-item .head-info .code-photo{ width:50px;}
.h5-mobile-code-item .code-info{ width:100%; float:left; padding:15px;}
.h5-mobile-code-item .code-info .qr-guide{ width:100%; font-size:14px; color:#5e5959; line-height:2; text-align:center;}
.h5-qr-code-photo-box{ position:relative; width:100%; display:flex; align-items:center; justify-content:center;}
.h5-qr-code-photo-box img{ width:100%;}
.h5-qr-code-photo-box .change-photo{ position:absolute; width:60px; height:60px;}
.h5-qr-code-photo-box .photo-box{ position:relative; width:100%; height:100%; background:#ffffff; border-radius:3px; padding:4px; display:flex; align-items:center; justify-content:center;}

.h5-error-box{ width:100%; float:left; padding:0.8rem 1.2rem; margin:0.5rem 0; font-size:1.2rem; background:rgba(255,120,90,.06); border:solid 0.1rem rgba(255,120,90,.12); border-radius:0.4rem; display:flex; justify-content:flex-start; align-items:center;}
.h5-error-box i{ font-size:1.6rem; color:#FF785A; margin-right:0.5rem;}
.h5-error-box em{ font-size:1.2rem; color:#5e5959; line-height:1.6;}
.h5-theme-box{ width:100%; float:left; background:#ffffff; padding:1rem;}
.h5-theme-box .h5-we-search, .h5-common-box .h5-we-form-list{ padding:0; margin:0.5rem 0;}

.h5-theme-table{ width:100%; display:flex; overflow-x:scroll;}
.h5-theme-table table{ width:100%; border-collapse:collapse;}
.h5-theme-table th{ font-size:1.3rem; color:#1e1919; height:3.6rem; padding:0 1.2rem; border:solid 0.1rem #dde6fd; background:#eaf0fe; white-space:nowrap;}
.h5-theme-table td{ font-size:1.2rem; color:#5e5959; padding:1rem; border:solid 0.1rem #dde6fd; white-space:nowrap; background:none;}
.h5-theme-table .operation{ position:relative; width:100%; display:flex; justify-content:center; align-items:center; flex-wrap:nowrap;}
.h5-theme-table .operation a{ font-size:1.2rem; color:#5082FA; line-height:2.4rem; margin:0 0.5rem; padding:0 1rem; border:solid 0.1rem rgba(80,130,250,.1); background:rgba(80,130,250,.12); display:flex; align-items:center; white-space:nowrap;}
.h5-theme-table .user-item{ width:100%; margin:0; display:flex; align-items:center; justify-content:flex-start;}
.h5-theme-table .user-item .photo{ width:2.4rem; height:2.4rem; border-radius:50%; display:flex;}
.h5-theme-table .user-item em{ font-size:1.2rem; line-height:1; margin-left:0.4rem;}
.h5-theme-table .fixed-column{ width:10rem; position:sticky; left:0; top:0; z-index:10; outline:solid 0.1rem #dde6fd;}
.h5-theme-table td.fixed-column{ background:#ffffff;}

.h5-modal-item{ width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.h5-modal-item .modal-box{ background:#ffffff; padding:3rem; border-radius:0.4rem; box-shadow:0 0 3rem rgba(30,25,25,.12);}
.h5-modal-item .modal-box.middle{ width:90%; max-width:32rem;}
.h5-modal-item .modal-inner{ width:100%; display:flex; flex-direction:column;}
.h5-modal-item .modal-card{ width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.h5-modal-item .modal-card .title{ font-size:2.4rem; line-height:1; font-weight:bold; margin-bottom:1.2rem;}
.h5-modal-item .modal-card .describe{ font-size:1.4rem; text-align:center; margin-bottom:1.2rem;}
.h5-modal-item .modal-card .qr-code{ width:16rem; margin-bottom:1.2rem;}
.h5-modal-item .modal-card .step-item{ width:100%; margin:1.2rem 0; display:flex; flex-wrap:wrap;}
.h5-modal-item .modal-card .step-box{ width:50%; padding:0.6rem; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.h5-modal-item .modal-card .step-box em{ font-size:1.3rem; text-align:center;}
.h5-modal-item .modal-card .step-box em.number{ width:3.2rem; height:3.2rem; border-radius:50%; background:#8C8CA0; font-size:1.8rem; color:#ffffff; margin-bottom:0.8rem; display:flex; align-items:center; justify-content:center;}

.h5-card-item{ width:100%; height:100%; padding:2rem; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.h5-card-item .title{ font-size:2rem; line-height:1; font-weight:bold; margin-bottom:1.2rem;}
.h5-card-item .step-item{ width:100%; margin:2.4rem 0; display:flex; align-items:flex-start; justify-content:space-around;}
.h5-card-item .step-box{ width:50%; padding:0.6rem; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.h5-card-item .step-box em{ font-size:1.3rem; text-align:center;}
.h5-card-item .step-box em.number{ width:3.2rem; height:3.2rem; border-radius:50%; background:#8C8CA0; font-size:1.8rem; color:#ffffff; margin-bottom:0.8rem; display:flex; align-items:center; justify-content:center;}
.h5-card-item .qr-code-item{ width:90%; max-width:240px; background:#ffffff; padding:4rem 2rem; box-shadow:0 0 3rem rgba(30,25,25,.12); display:flex; flex-direction:column; align-items:center; justify-content:center;}
.h5-card-item .qr-code-item img{ width:16rem; margin-bottom:1.2rem;}
.h5-card-item .qr-code-item em{ font-size:1.6rem; text-align:center; font-weight:bold;}