/* 处理样式冲突-s */
.alert {
 position: relative;
 padding: 12px 20px;
 margin-bottom: 1rem;
 border: 1px solid transparent;
 border-radius: 10px;
}

.tooltip {
 display: none !important;
}

.btn {
 font-size: 16px;
 padding: 6px 12px;
}

.btn-primary {
 color: #fff;
 background: #ff7c2c linear-gradient(180deg, #ff904c, #ff7c2c) repeat-x;
 border-color: #ff7c2c;
}

a {
 color: #ff7c2c;
 text-decoration: none;
 background-color: transparent;
 -webkit-text-decoration-skip: objects;
 cursor: pointer;
}

a:hover {
 color: #df5400;
 text-decoration: none;
}

.btn-primary:hover {
 color: #fff;
 background: #ff6406 linear-gradient(180deg, #ff7b2b, #ff6406) repeat-x;
 border-color: #f85e00;
}

.alert-warning {
 background: #f0f0f0;
 color: #333;
 border: 1px solid #eee;
}

small,
.small {
 font-size: 80%;
 font-weight: 400;
}

h4,
.h4 {
 font-size: 16px;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
 top: 0;
 border-width: 6px 6px 0;
 border-top-color: #000;
}

.form-control:focus {
 color: #495057;
 font-size: 14px;
 background-color: #fff;
 border-color: #eee;
 outline: 0;
 box-shadow: none;
}

.close {
 font-size: 24px;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
 background-color: #f4f4f4 !important;
 background-image: none !important;
 color: #333 !important;
 font-size: 14px !important;
}

.input-group-addon {
 border: none;
}

.navbar-expand-lg {
 padding: 0 16px;
}

.navbar-brand {
 display: inline-block;
 padding-top: 5px;
 padding-bottom: 5px;
 margin-right: 16px;
 font-size: 20px;
 line-height: inherit;
 white-space: nowrap;
}

#user-unreadmsg-list {
 font-size: 16px;
}

#user-operate-menu {
 font-size: 16px;
}

hr {
 margin-top: 16px;
 margin-bottom: 16px;
}

h6 {
 margin-bottom: 8px;
}

p {
 margin-bottom: 16px;
}

.pb-4 {
 padding-bottom: 0 !important;
}

.mb-4 {
 margin-bottom: 16px !important;
}

.navbar {
 padding: 8px 16px;
}

.navbar-toggler {
 padding: 4px 12px;
 font-size: 20px;
 border-radius: 4px;
}

.modal-content {
 border-radius: 4.8px;
}

.modal-header {
 padding: 16px;
 border-top-left-radius: 4.8px;
 border-top-right-radius: 4.8px;
}

.modal-header .close {
 padding: 16px;
 margin: -16px -16px -16px auto;
}

.modal-body {
 padding: 16px;
}

.nav-tabs .nav-link {
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}

.form-group {
 margin-bottom: 16px;
}

.form-control {
 padding: 4.4px 12px;
 border-radius: 0;
 max-height: 30px;
 font-size: 14px;
}

.btn {
 border-radius: 4px;
}

label {
 margin-bottom: 8px;
}

h4 {
 margin-bottom: 8px;
}

/* 处理样式冲突-e */
.fl {
 float: left;
}

.fr {
 float: right;
}

.clearfix:after {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

.clearfix {
 *zoom: 1;
}

#menu-nav {
 position: relative;
 height: 1.77rem;
}

li {
 list-style: none;
}

ul {
 margin-bottom: 0;
}

.row {
 margin: 0;
}

.sub-nav {
 padding: 0;
 width: 33.33%;
}

.menu-nav-box {
 box-shadow: 0 .05rem .05rem #F4F4F4;
 position: absolute;
 top: -26%;
 left: 0;
 background-color: #fff;
 width: 100%;
}

.menu-nav-list {
 display: flex;
}

.menu-nav-to {
 display: flex;
 align-items: center;
 justify-content: center;
 height: 1.41rem;
 position: relative;
 font-size: .18rem;
 color: #333;
 cursor: pointer;
}

.menu-nav-to:after {
 position: absolute;
 left: 1px;
 right: 1px;
 bottom: 0;
 z-index: 1001;
 height: .03rem;
 content: '';
 background-color: #aa72fb;
 -webkit-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transition: -webkit-transform 0.3s;
 transition: -webkit-transform 0.3s;
 transition: transform 0.3s;
 transition: transform 0.3s, -webkit-transform 0.3s;
}

.menu-nav-to:hover {
 color: #aa72fb;
}

.menu-nav-to.on {
 color: #aa72fb;
 box-shadow: 0 .1rem .1rem #EAEAEA;
}

.menu-nav-to:hover:after,
.on.menu-nav-to:after {
 -webkit-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}

.menu-nav-to>img {
 margin-right: .2rem;
 width: .61rem;
}

#mode-pay {
 position: fixed;
 top: 0;
 left: 0;
 background-color: rgba(0, 0, 0, .8);
 width: 100%;
 height: 100%;
 text-align: center;
 z-index: 9999;
 display: none;
}

#mode-pay-close {
 width: 1rem;
 height: 1rem;
 display: block;
 position: absolute;
 right: -0.1rem;
 top: .9rem;
 cursor: pointer;
}

#mode-pay .mode-pay-box {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 background: url('https://bdn.135editor.com/files/201907/38b8abe54839b5785e2ce6d97820f2b3.png') no-repeat center;
 background-size: contain;
 width: 6.13rem;
 height: 5.14rem;
 padding-top: 1.5rem;
 padding-left: .5rem;
}

#mode-pay .mode-pay-box>img {
 width: 1.6rem;
}

#mode-pay .mode-pay-box>p {
 color: #fff;
 font-size: .26rem;
 text-align: center;
 margin-bottom: .2rem;
 padding: .2rem .8rem 0;
}

#mode-code {
 position: fixed;
 top: 0;
 left: 0;
 background-color: rgba(0, 0, 0, .6);
 width: 100%;
 height: 100%;
 text-align: center;
 z-index: 9999;
 display: none;
 cursor: pointer;
}

#mode-code-close {
 width: 1rem;
 height: 1rem;
 display: block;
 position: absolute;
 right: -0.2rem;
 top: .9rem;
 cursor: pointer;
}

#mode-code .mode-code-box {
 position: absolute;
 display: inline-block;
 width: 6.13rem;
 height: 5.34rem;
 background: url('https://bdn.135editor.com/files/201907/38b8abe54839b5785e2ce6d97820f2b3.png') no-repeat center;
 background-size: contain;
 padding-top: 1.65rem;
 text-align: center;
 padding-left: .56rem;
 cursor: default;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
}

#mode-code .mode-code-msg {
 font-size: .28rem;
 padding-top: .15rem;
 padding-bottom: .15rem;
 color: #fff;
 text-align: center;
}

#mode-code .mode-code-img {
 margin-bottom: .2rem;
}

#mode-code .mode-code-img img {
 width: 1.4rem;
}

#mode-code .mode-code-info {
 font-size: .16rem;
 color: #fff;
 text-align: center;
 margin-bottom: .12rem;
}

#mode-code .mode-code-btn {
 height: .55rem;
 width: 2.25rem;
 background-color: #A58EE9;
 border-radius: .5rem;
 display: inline-block;
 font-size: .28rem;
 font-weight: bold;
 color: #fff;
 line-height: .55rem;
}

.mode-code-pay-type {
 text-align: center;
 display: none;
}

.mode-code-pay-1 {
 background-color: #fff;
 display: inline-block;
 border-radius: 5px;
 padding: 5px;
 cursor: pointer;
}

.mode-code-pay-2 {
 background-color: #fff;
 display: inline-block;
 border-radius: 5px;
 padding: 5px;
 cursor: pointer;
}

.mode-code-pay-3 {
 background-color: #fff;
 display: inline-block;
 border-radius: 5px;
 padding: 5px;
 cursor: pointer;
}

.mode-code-pay-1.on,
.mode-code-pay-2.on,
.mode-code-pay-3.on  {
 background-color: #ff8124;
 color: #fff;
}

#nav-1 .mode-1-title {
 text-align: center;
 margin-bottom: .65rem;
}

#nav-1 .mode-1-title img {
 width: 4.63rem;
}

#nav-1 .mode-1-box {
 display: flex;
}

#nav-1 .mode-1-list {
 text-align: center;
 font-size: .18rem;
 width: 20%;
 letter-spacing: 1px;
}

#nav-1 .mode-1-list img {
 margin-bottom: .2rem;
 width: .66rem
}

.common-tit {
 padding-top: 1rem;
 text-align: center;
}

.common-tit h2 {
 height: .43rem;
 line-height: .43rem;
 font-size: .18rem;
 font-weight: bold;
 color: #a36adb;
 text-align: center;
 padding: 0 .3rem;
 border-radius: .8rem;
 margin: 0 auto;
 margin-bottom: .43rem;
 background-color: #EEEEFC;
 display: inline-block;
 min-width: 2.35rem;
}

.common-msg {
 font-size: .16rem;
 text-align: center;
 padding: 0 .5rem .62rem;
}

.common-side-code {
 position: fixed;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 cursor: pointer;
 z-index: 999;
}

.common-side-code img {
 width: 2.15rem;
}

.common-side-code-mobile {
 position: fixed;
 bottom: 0;
 left: 0;
 background-color: #fff;
 text-align: center;
 padding: .14rem 0;
 width: 100%;
 z-index: 999;
}

.common-side-code-mobile>span {
 display: inline-block;
 color: #fff;
 background: -webkit-linear-gradient(top, #cc89fa, #b178f7);
 /* Safari 5.1 to 6.0 */
 background: -o-linear-gradient(top, #cc89fa, #b178f7);
 /* Opera 11.1 to 12.0 */
 background: -moz-linear-gradient(top, #cc89fa, #b178f7);
 /* Firefox 3.6 to 15 */
 background: linear-gradient(to top, #cc89fa, #b178f7);
 /* 标准语法 */
 width: 5.8rem;
 height: .8rem;
 line-height: .8rem;
 font-size: .36rem;
 border-radius: .2rem;
}

.common-solid {
 height: .06rem;
 width: 100%;
}

#nav-1 .mode-2 {
 background: url('https://bdn.135editor.com/files/201907/f260a5ad7f97c949d955d9daeec0caac.png') no-repeat center;
 background-size: cover;
}

#nav-1 .mode-2-box {
 display: flex;
 justify-content: space-around;
}

#nav-1 .mode-2-box img {
 width: 3.79rem;
 height: 5.76rem !important;
 box-shadow: 0 0 .2rem #EAEAEA;
}

#nav-1 .mode-2 #swiper-container-6 img {
 /*  width: 3.79rem;
 height: 5.76rem !important; */
 margin: 0 auto;
 display: block;
}

#nav-1 .mode-3-box {
 text-align: center;
}

#nav-1 .mode-3-box img {
 width: 12.34rem;
}

#nav-1 .mode-4 {
 background: url('https://bdn.135editor.com/files/201907/6ff2a213e35eff10156ebeec493ba911.png') no-repeat center;
 background-size: cover;
 padding-bottom: .2rem;
}

#nav-1 .mode-4 #swiper-container-5 {
 text-align: center;
}

#nav-1 .mode-4 .swiper-wrapper {
 padding-bottom: .2rem;
}

#nav-1 .mode-5 {
 text-align: center;
 margin-bottom: 1rem;
}

#nav-1 .mode-6 {
 padding-bottom: 1rem;
}

#nav-1 .mode-6-title {
 text-align: center;
 margin-bottom: .6rem;
}

#nav-1 .mode-6-title img {
 width: 4.59rem;
}

#nav-1 .mode-6-box {
 text-align: center;
}

#nav-1 .mode-6-box img {}

#nav-1 .mode-6-btn {
 padding-top: .5rem;
 text-align: center;
}

#nav-1 .mode-6-info {
 display: inline-block;
 color: #fff;
 background: -webkit-linear-gradient(top, #cc89fa, #b178f7);
 /* Safari 5.1 to 6.0 */
 background: -o-linear-gradient(top, #cc89fa, #b178f7);
 /* Opera 11.1 to 12.0 */
 background: -moz-linear-gradient(top, #cc89fa, #b178f7);
 /* Firefox 3.6 to 15 */
 background: linear-gradient(to top, #cc89fa, #b178f7);
 /* 标准语法 */
 width: 2.86rem;
 height: .54rem;
 line-height: .54rem;
 font-size: .24rem;
 border-radius: .54rem;
}

#nav-1 .mode-7 {
 padding-top: .8rem;
 background: url('https://bdn.135editor.com/files/201907/3f758691c672bbcdff784644b12cc7cd.png') no-repeat center;
 background-size: cover;
}

#nav-1 .mode-7-code {
 text-align: center;
 margin-bottom: .2rem;
}

#nav-1 .mode-7-code img {
 width: 1.6rem;
}

#nav-1 .mode-7-msg {
 color: #5de0dc;
 font-size: .36rem;
 font-weight: bold;
 text-align: center;
 padding: 0 .36rem .8rem;
}

#nav-2 .mode-1 {
 padding-bottom: 1rem;
}

#nav-2 .mode-1-box {
 box-shadow: 0 0 0.15rem #ddd;
 border-radius: 2rem 2rem 2rem 0;
 padding: .4rem 1rem .2rem;
 width: 8rem;
}

#nav-2 .mode-1-box h5 {
 font-size: .18rem;
 font-weight: bold;
 margin-bottom: .2rem;
}

#nav-2 .mode-1-box p {
 font-size: .14rem;
 margin-bottom: .14rem;
}

#nav-2 .mode-2-title {
 text-align: center;
 margin-bottom: .3rem;
}

#nav-2 .mode-2-title img {
 width: 2.85rem;
}

#nav-2 .mode-2-box {
 display: flex;
 justify-content: space-around;
 padding-bottom: .6rem;
}

#nav-2 .mode-2-icon {
 text-align: center;
 width: 30%;
}

#nav-2 .mode-2-icon img {
 margin-bottom: .2rem;
 width: .92rem;
}

#nav-2 .mode-2-icon .t1 {
 display: block;
 font-size: .19rem;
}

#nav-2 .mode-2-icon .t2 {
 display: block;
 font-size: .17rem;
 color: #757575;
}

#nav-2 .mode-3 {
 background: url('https://bdn.135editor.com/files/201907/f260a5ad7f97c949d955d9daeec0caac.png') no-repeat center;
 background-size: cover;
}

#nav-2 .swiper-pagination,
#nav-1 .swiper-pagination {
 position: unset;
}

#nav-2 .swiper-pagination-bullet,
#nav-1 .swiper-pagination-bullet {
 border-radius: 100%;
 display: inline-block;
 width: 15px;
 height: 15px;
 background: #D4D4E1;
}

#nav-2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#nav-1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
 margin: 0 .1rem;
}

#nav-2 .swiper-pagination-bullet-active,
#nav-1 .swiper-pagination-bullet-active {
 background: #A36ADB;
}

#nav-2 .mode-3 {
 padding-bottom: 1.5rem;
}

#nav-2 .mode-3-card {
 text-align: center;
 margin: .3rem .1rem .5rem;
 /*  width: 22.5%; */
 width: 2.86rem;
}

#nav-2 .mode-3-top {
 box-shadow: 0 -0.02rem .1rem #d4d4e1;
 padding: .2rem;
 height: 1.8rem;
 border-radius: .1rem;
 border-bottom: 1px dashed #ddd;
 background-color: #fff;
}

#nav-2 .mode-3-top img {
 width: .75rem;
 height: .75rem !important;
 border-radius: 50%;
 border: 1px solid #d4d4e1;
 margin-bottom: .1rem;
}

#nav-2 .mode-3-top h4 {
 font-size: .18rem;
 font-weight: bold;
 margin-bottom: .03rem;
}

#nav-2 .mode-3-top p {
 font-size: .14rem;
 color: #444;
 margin-bottom: 0;
}

#nav-2 .mode-3-bottom {
 box-shadow: 0 .02rem .1rem #d4d4e1;
 padding: .2rem;
 min-height: 2.15rem;
 border-radius: .1rem;
 background-color: #fff;
 text-align: left;
}

#nav-2 .mode-3-bottom h5 {
 font-size: .14rem;
 margin-bottom: .15rem;
}

#nav-2 .mode-3-bottom p {
 font-size: .14rem;
 color: #757575;
 margin-bottom: 0;
}

#nav-2 .mode-4 {
 padding-bottom: .3rem;
}

#nav-2 .mode-4-left {
 padding-top: 3rem;
 text-align: center;
}

#nav-2 .mode-4-left h4 {
 font-size: .18rem;
 margin: .13rem 0;
 font-weight: bold;
}

#nav-2 .mode-4-left img {
 width: .82rem;
 height: .82rem;
}

#nav-2 .mode-4-info {
 font-size: .14rem;
 margin-bottom: .25rem;
}

#nav-2 .mode-4-msg {
 font-size: .14rem;
 margin: 0 auto .25rem;
 background-color: #5C5DE8;
 border-radius: .5rem;
 color: #fff;
 height: .5rem;
 line-height: .5rem;
 width: 3rem;
}

#nav-2 .mode-4-right {
 background: url('https://cdn.135editor.com/images/bijibg.png') no-repeat center;
 background-size: contain;
}

#nav-2 .mode-4-c1 {
 padding-top: 1.35rem !important;
}

#nav-2 .mode-4-card {
 background: white;
 border-radius: .1rem;
 padding: .25rem .15rem .2rem .15rem;
 box-shadow: 0 0 .15rem #ddd;
 text-align: center;
 margin-top: .1rem;
}

#nav-2 .mode-4-card h4 {
 font-size: .18rem;
 margin: .1rem 0;
}

#nav-2 .mode-4-card img {
 width: 100%;
 border: 1px solid #f2f2f2;
 border-radius: .1rem;
}

#nav-2 .mode-4 .swiper-wrapper {
 padding-bottom: .2rem;
}

#nav-2 .mode-4 #swiper-container-2 .common-tit {
 position: absolute;
 left: 5.2rem;
 top: .55rem;
 padding: 0;
}

#nav-2 .mode-4 #swiper-container-2 .common-tit h2 {
 width: 2.35rem;
}

#nav-2 .mode-5 #swiper-container-4 {
 padding-top: .2rem;
}

#nav-2 .mode-5 #swiper-container-4 .swiper-slide {
 text-align: center;
}

#nav-2 .mode-5 #swiper-container-4 .swiper-slide .m1 {
 width: 2.8rem;
 height: 5.01rem;
}

#nav-2 .mode-5 #swiper-container-4 .swiper-slide .m2 {
 width: 2.76rem;
 height: 4.91rem;
}

#nav-2 .mode-5 #swiper-container-4 .swiper-slide .m3 {
 width: 3.16rem;
 height: 5.03rem;
}

#nav-2 .mode-5 #swiper-container-4 .swiper-slide .m4 {
 width: 3.54rem;
 height: 7.11rem;
}

#nav-2 .mode-6 .zhufu {
 height: 6.5rem;
 padding-top: .5rem;
 background: url('https://cdn.135editor.com/images/zhufubg.png') no-repeat center;
 background-size: contain;
}

#nav-2 .mode-6 .video {
 width: 5.5rem;
 height: 3.05rem;
 margin: 1.6rem auto 0;
}

#nav-2 .mode-6 .qunyou1 {
 position: absolute;
 top: 10%;
 left: 5%;
}

#nav-2 .mode-6 .qunyou2 {
 position: absolute;
 top: 30%;
 left: 12%;
}

#nav-2 .mode-6 .qunyou3 {
 position: absolute;
 top: 40%;
 left: 1%;
}

#nav-2 .mode-6 .qunyou4 {
 position: absolute;
 top: 50%;
 left: 16%;
}

#nav-2 .mode-6 .qunyou5 {
 position: absolute;
 top: 60%;
 left: 5%;
}

#nav-2 .mode-6 .qunyou6 {
 position: absolute;
 top: 75%;
 left: 18%;
}

#nav-2 .mode-6 .qunyou7 {
 position: absolute;
 top: 15%;
 left: 23%;
}

#nav-2 .mode-6 .qunyou8 {
 position: absolute;
 top: 9%;
 left: 40%;
}

#nav-2 .mode-6 .qunyou9 {
 position: absolute;
 top: 11%;
 left: 60%;
}

#nav-2 .mode-6 .qunyou10 {
 position: absolute;
 top: 12%;
 left: 80%;
}

#nav-2 .mode-6 .qunyou11 {
 position: absolute;
 top: 28%;
 left: 90%;
}

#nav-2 .mode-6 .qunyou12 {
 position: absolute;
 top: 45%;
 left: 76%;
}

#nav-2 .mode-6 .qunyou13 {
 position: absolute;
 top: 49%;
 left: 90%;
}

#nav-2 .mode-6 .qunyou14 {
 position: absolute;
 top: 70%;
 left: 90%;
}

#nav-2 .mode-6 .qunyou15 {
 position: absolute;
 top: 73%;
 left: 76%;
}

#nav-2 .mode-6 .qunyou16 {
 position: absolute;
 top: 80%;
 left: 63%;
}

#nav-2 .mode-6 .qunyou17 {
 position: absolute;
 top: 76%;
 left: 50%;
}

#nav-2 .mode-6 .qunyou18 {
 position: absolute;
 top: 80%;
 left: 35%;
}

#nav-2 .mode-6 .qyzhufu {
 background: white;
 border-radius: .2rem;
 width: 3rem;
 height: 2.5rem;
 position: absolute;
 top: 32%;
 left: 37%;
 padding: .1rem;
 display: none;
}

#nav-2 .mode-7 {
 background: url('https://bdn.135editor.com/files/201907/42e9c34e41bd21ae46ed254c2e6191a7.png') no-repeat center;
 background-size: cover;
}

#nav-2 .mode-7-title {
 text-align: center;
 margin-bottom: .5rem;
 padding-top: .4rem;
}

#nav-2 .mode-7-title img {
 width: 2.54rem;
}

#nav-2 .mode-7 .container {
 background: unset !important;
}

#nav-2 .mode-7-box {
 text-align: center;
 display: flex;
 justify-content: space-between;
 margin-bottom: .5rem;
}

#nav-2 .mode-7-box img {
 width: 2.55rem;
 height: 2.65rem !important;
}

#nav-2 .mode-7-msg {}

#nav-2 .mode-7-msg p {
 color: #fff;
 margin-bottom: .2rem;
 font-size: .24rem;
 font-weight: bold;
 text-align: center;
}

#nav-2 .mode-7-price {
 font-size: .3rem;
 color: #5de0dc;
 text-align: center;
 font-weight: bold;
 padding-bottom: .4rem;
}

#nav-2 .mode-7-code {
 text-align: center;
 margin-bottom: .1rem;
}

#nav-2 .mode-7-code img {
 width: 1.6rem;
}

#nav-3 .mode-1 .mode-1-box h5 {
 font-size: .18rem;
 font-weight: bold;
 margin-bottom: .5rem;
}

#nav-3 .mode-1 .mode-1-box p {
 font-size: .16rem;
 color: #757575;
 margin-bottom: .1rem;
}

#nav-3 .mode-1 .mode-1-img {
 text-align: center;
}

#nav-3 .mode-1 .mode-1-img img {
 width: 5.45rem;
 height: 3.46rem;
}

#nav-3 .mode-1 .mode-1-box .different-fireworks {
 padding-top: .35rem;
 color: #333;
}

#nav-3 .mode-2 {
 background: url('https://bdn.135editor.com/files/201907/f260a5ad7f97c949d955d9daeec0caac.png') no-repeat center;
 background-size: cover;
 margin-bottom: 1rem;
}

#nav-3 .mode-2 .common-img {
 text-align: center;
 padding-bottom: .2rem;
}

#nav-3 .mode-2 .common-img img {
 width: 3.84rem
}

#nav-3 .mode-2-box {
 display: flex;
 justify-content: space-around;
}

#nav-3 .mode-2-box img {
 width: 3.79rem;
 height: 5.76rem !important;
 box-shadow: 0 0 .2rem #EAEAEA;
}

#nav-3 .mode-2 #swiper-container-7 img {
 /*  width: 3.79rem;
 height: 5.76rem !important; */
 margin: 0 auto;
 display: block;
}

#nav-3 .mode-3 {
 background: url('https://bdn.135editor.com/files/201907/a2c037ac0bf840633129c00fde8001c1.png') no-repeat center;
 background-size: cover;
 width: 100%;
 height: 8.14rem;
 padding-top: .1rem;
 text-align: center;
}

#nav-3 .mode-3-title {
 text-align: center;
 margin-bottom: .5rem;
 padding-top: .4rem;
}

#nav-3 .mode-3-title img {
 width: 2.76rem;
}

#nav-3 #swiper-container-3 {
 margin-left: .2rem;
}

#nav-3 .swiper-pagination-bullet {
 border-radius: 100%;
 display: inline-block;
 width: 15px;
 height: 15px;
 background: #9C85D3;
}

#nav-3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
 margin: 0 .1rem;
}

#nav-3 .swiper-pagination-bullet-active {
 background: #fff;
}

#nav-3 .mode-2 .swiper-pagination {
 position: unset;
}

#nav-3 .mode-2 .swiper-pagination-bullet {
 background: #D4D4E1;
}

#nav-3 .mode-2 .swiper-pagination-bullet-active {
 background: #A36ADB;
}

#nav-3 .mode-4 .container {
 background: unset !important;
}

#nav-3 .mode-4 {
 padding-top: .4rem;
}

#nav-3 .mode-4,
#nav-4 .mode-3 {
 background: url('https://bdn.135editor.com/files/201907/42e9c34e41bd21ae46ed254c2e6191a7.png') no-repeat center;
 background-size: cover;
}

#nav-3 .mode-4-title,
#nav-4 .mode-3-title {
 text-align: center;
 margin-bottom: .5rem;
 padding-top: .4rem;
}

#nav-3 .mode-4-title img,
#nav-4 .mode-3-title img {
 width: 2.76rem;
}

#nav-3 .mode-4-info p,
#nav-4 .mode-3-info p {
 font-size: .16rem;
 margin-bottom: .24rem;
 color: #fff;
 padding: 0 .36rem;
}

#nav-3 .mode-4-code,
#nav-4 .mode-3-code {
 text-align: center;
 margin-bottom: .2rem;
}

#nav-3 .mode-4-code img,
#nav-4 .mode-3-code img {
 width: 1.3rem;
}

#nav-3 .mode-4-msg,
#nav-4 .mode-3-msg {
 color: #5de0dc;
 font-size: .36rem;
 font-weight: bold;
 text-align: center;
 padding: 0 .36rem .4rem;
}

#nav-4 .mode-1 {
 margin-bottom: .5rem;
}

#nav-4 .mode-1-title {
 text-align: center;
 margin-bottom: .65rem;
}

#nav-4 .mode-1-title img {
 width: 3.2rem;
}

#nav-4 .mode-1-img {
 padding-top: .6rem;
}

#nav-4 .mode-1-box {
 box-shadow: 0 0 0.15rem #ddd;
 border-radius: .5rem .5rem .5rem 0;
 padding: .4rem .3rem .55rem .8rem;
 width: 9rem;
}

#nav-4 .mode-1-box>h5 {
 font-size: .16rem;
 margin-bottom: .2rem;
 word-break: break-all;
}

#nav-4 .mode-1-box>p {
 margin: .2rem 0;
 font-weight: bold;
 font-size: .16rem;
}

#nav-4 .mode-1-box .mode-1-type {
 display: flex;
 justify-content: space-between;
 font-size: .16rem;
}

#nav-4 .mode-1-box .mode-1-pic img {
 margin-right: .2rem;
 width: .62rem;
}

#nav-4 .mode-2 {
 margin-bottom: 1.3rem;
}

#nav-4 .mode-2-title {
 text-align: center;
 margin-bottom: .65rem;
}

#nav-4 .mode-2-title img {
 width: 2.33rem;
}

#nav-4 .mode-2-box {
 text-align: center;
}

#nav-4 .mode-2-box img {
 width: 2.98rem;
 display: inline-block;
 margin-bottom: .1rem;
}

#nav-4 .mode-2-box {
 margin-bottom: .3rem;
}

#nav-4 .mod-2-info {
 text-align: center;
 font-size: .16rem;
 color: #999;
}

#nav-4 .mode-3 .container {
 background: unset !important;
}

#nav-1,
#nav-2,
#nav-3,
#nav-4 {
 display: none;
}

@media only screen and (max-width:768px) {
 #maincontent {
  padding: 0;
 }

 .container {
  padding: 0;
 }

 .common-tit {
  padding-top: .5rem;
 }

 .menu-nav-box {
  position: unset;
 }

 .menu-nav-to {
  display: grid;
  text-align: center;
  height: unset;
  padding: .1rem;
  font-size: 14px;
 }

 .menu-nav-to>img {
  margin: 0 auto .1rem;
  display: block;
 }

 #nav-1,
 #nav-2 {
  padding-bottom: 1.08rem;
 }

 #nav-1 .mode-5 {
  margin-bottom: .5rem;
 }

 #nav-1 .mode-6-title {
  margin-bottom: .3rem;
 }

 #nav-1 .mode-6 {
  padding-bottom: .5rem;
 }

 #nav-1 .mode-7 {
  background: url('https://bdn.135editor.com/files/201907/404b2ba116e62ffa10025c116cb303a8.png') no-repeat center;
  background-size: cover;
 }

 #nav-2 .mode-1-img {
  display: none;
 }

 #nav-2 .mode-1-box {
  width: 7rem;
 }

 #nav-2 .mode-1 {
  padding-bottom: .8rem;
 }

 #nav-2 .mode-3-card {
  width: 3.5rem;
 }

 #nav-2 .swiper-pagination-bullet,
 #nav-1 .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
 }

 #nav-2 .mode-2-box {
  padding-bottom: .1rem;
 }

 #nav-2 .mode-3-top {
  height: 3rem;
 }

 #nav-2 .mode-3 {
  padding-bottom: .8rem;
 }

 #nav-2 .mode-3-bottom {
  height: 5.4rem;
 }

 #nav-2 .mode-4 {
  padding-bottom: 0;
 }

 #nav-2 .mode-4-left {
  padding-top: 0;
 }

 #nav-2 .mode-4 #swiper-container-2 .common-tit {
  position: unset;
 }

 #nav-2 .mode-5 #swiper-container-4 .swiper-slide .m1 {
  width: 1.41rem;
 }

 #nav-2 .mode-5 #swiper-container-4 .swiper-slide .m2 {
  width: 1.38rem;
 }

 #nav-2 .mode-5 #swiper-container-4 .swiper-slide .m3 {
  width: 1.58rem;
 }

 #nav-2 .mode-5 #swiper-container-4 .swiper-slide .m4 {
  width: 1.77rem;
 }

 #nav-2 .mode-6 .qunyou {
  display: none;
 }

 #nav-2 .mode-6 .video {
  margin: 0 auto;
 }

 #nav-2 .mode-6 .zhufu {
  height: 4rem;
 }

 #nav-2 .mode-7-box {
  display: block;
 }

 #nav-2 .mode-7-box img {
  margin: .2rem;
 }

 #nav-3 .mode-2 {
  margin-bottom: .2rem;
 }

 #nav-3 .mode-3 {
  height: 7.14rem;
 }

 #nav-3 #swiper-container-3 .swiper-slide img {
  width: 7rem;
 }

 #nav-3 #swiper-container-3 {
  margin-left: .04rem;
 }

 #nav-3 .mode-3 .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 0;
 }

 #nav-3 .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
 }

 #nav-4 .mode-1-img {
  display: none;
 }

 #nav-4 .mode-1-box {
  width: 7rem;
  padding: .4rem;
 }

 #nav-4 .mode-1-pic {
  display: grid;
  text-align: center;
  align-items: center;
  justify-content: center;
 }

 #nav-4 .mode-1-box .mode-1-pic img {
  margin: 0 auto .1rem;
 }

 #nav-4 .mode-2 {
  margin-bottom: .5rem;
 }

 #nav-2 .mode-1-box h5 {
  font-size: 14px;
 }

 #nav-2 .mode-1-box p {
  font-size: 12px;
 }

 #nav-2 .mode-2-icon .t1 {
  font-size: 14px;
 }

 #nav-2 .mode-2-icon .t2 {
  font-size: 12px;
 }

 .common-tit h2 {
  font-size: 16px;
  height: 32px;
  line-height: 32px;
 }

 #nav-2 .mode-3-top h4 {
  font-size: 14px;
 }

 #nav-2 .mode-3-top p {
  font-size: 14px;
 }

 #nav-2 .mode-3-bottom h5 {
  font-size: 14px;
 }

 #nav-2 .mode-3-bottom p {
  font-size: 12px;
 }

 #nav-2 .mode-4-left h4 {
  font-size: 14px;
 }

 #nav-2 .mode-4-info {
  font-size: 14px;
 }

 #nav-2 .mode-4-msg {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
 }

 #nav-2 .mode-4-card h4 {
  font-size: 14px;
 }

 #nav-1 .mode-1-list {
  font-size: 12px;
 }

 .common-msg {
  font-size: 14px;
 }

 #nav-3 .mode-1 .mode-1-box h5 {
  font-size: 14px;
 }

 #nav-3 .mode-1 .mode-1-box p {
  font-size: 14px;
 }

 #nav-3 .mode-4-info p,
 #nav-4 .mode-3-info p {
  font-size: 12px;
 }

 #nav-4 .mode-1-box>h5 {
  font-size: 12px;
  font-weight: normal;
 }

 #nav-4 .mode-1-box>p {
  font-size: 14px;
 }

 #nav-4 .mode-1-box .mode-1-type {
  font-size: 12px;
 }

 #nav-4 .mod-2-info {
  font-size: 12px;
 }

 #mode-code .mode-code-msg {
  padding-top: .06rem;
  padding-bottom: .06rem;
 }

 .mode-code-pay-1,
 .mode-code-pay-2,
 .mode-code-pay-3 {
  padding: 2px 5px;
 }
}