/* 计划与定价 */
.plan_ban{ font-weight: bold; font-size: 0; color: #fff; padding: 40px 0;}
.plan_ban .tit{ font-size: 48px; font-weight: bold;}
.plan_ban .info span{ font-size: 18px;  font-weight: normal; padding: 0.4em 4em; border: 1px solid #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }

.plan{ padding-bottom: 60px; width: 68%;}
.i_tit{ padding: 50px 0;}
.i_tit .tit{ font-size: 48px;}
.i_tit .subtit{ font-size: 18px; margin-top: 10px; color: #7B818A;}
.plan .wrap{ display: flex; flex-wrap: wrap;}
.planItem{ width: 30%; margin:  0 5% 4% 0; text-align: center; background-color: #fff; box-sizing: border-box; padding: 40px 30px;}
.planItem:nth-child(3n){ margin-right: 0;}
.planItem .tp{ height: 72px;}
.planItem .type{ margin-top: 10px; font-size: 20px;}
.planItem .price{ margin-top: 20px; line-height: 1.2;}
.planItem .price .unit{ font-size: 24px;}
.planItem .price .newPrice{ font-size: 56px; font-weight: bold; color: #FA1212;}
.planItem .price .oldPrice{ font-size: 28px; color: 24px; text-decoration: line-through; color: #AFB1BB;}
.planItem .tit{ font-size: 18px; padding:  8px 0 20px; color: #AFB1BB; border-bottom: 1px solid #E7E8EE;}
.planItem .des{ padding: 20px 0;}
.planItem .des .list{ text-align: left; padding: 5px 0 5px 36px; position: relative; font-size: 20px;}
.planItem .des .list .icon{ position: absolute; left: 0 ; top: 12px; height: 20px;}
.planItem .mandiv{ margin-top: 30px;}
.planItem .mandiv .sbtn{ font-size: 22px; padding: 0.4em 0; width: 80%; margin: 0 auto;}
.planItem:hover{ box-shadow: 0px 7px 13px 1px rgba(11,11,122,0.15); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.i_main{}
.coo{ margin: 100px 0 150px;}
.coo .wrap{ display: flex; justify-content: center; flex-wrap: wrap; padding:20px 0 120px;}
.cooItem{ width: 190px; text-align: center;}
.cooItem a{ display: block;}
.cooItem .tp{ height: 118px;}
.cooItem .tit{ font-size: 22px; margin-top: 10px;}
.cooItem a:hover .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.cooItem a:hover .tit{ color: #007BFF;}

/* 我的推广 */
.myPromote{ margin: 100px auto 150px;}
.myPromote .wrap{ padding: 80px 0 60px; display: flex; flex-wrap: wrap;}
.myPromote .intro,.myPromote .pcode{ box-sizing: border-box; width: 50%;}
.myPromote .intro{ position: relative; padding: 0 90px;}
.myPromote .intro::after{ content: ""; display: block; height: 90%; top: 5%; background-color: #E8E8E8; width: 1px; position: absolute; right: 0; }
.myPromote .intro .tit{ font-size: 46px;}  
.myPromote .intro .subtit{ margin-top: 10px; font-size: 24px;}
.myPromote .intro .subtit .num{ margin: 0 10px;}
.myPromote .intro .nr{ margin-top: 15px; font-size: 24px; color: #878A93; line-height: 1.6;}
.myPromote .pcode{ text-align: center;}
.myPromote .pcode .tparea{ width: 350px; margin: 0 auto; overflow: hidden; position: relative; box-sizing: border-box; padding: 40px; background-color: #EBF5FF;}
.myPromote .pcode .tparea .tp{ width: 100%;}
.myPromote .pcode .tparea .shade{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255,255,255,.6); display: flex; align-items: center; justify-content: center;}
.myPromote .pcode .tparea .shade .opa{}
.myPromote .pcode .tparea .shade .opa .sbtn{ font-size: 20px; padding: 0.4em 3em;}
.myPromote .pcode .mandiv{ margin-top: 20px;}
.myPromote .pcode .mandiv .sbtn{ display: inline-flex; justify-content: center; padding: 0.4em 2em; font-size: 16px;}
.myPromote .pcode .mandiv .sbtn .iconfont{ font-size: 18px; margin-right: 5px;}

/* 解决方案 */
.case{ padding: 25px 0 45px;}
.case .wrap{ padding: 32px 36px;}
.caseItem{ margin-bottom: 26px;}
.caseItem a{ display: flex; flex-wrap: wrap;}
.caseItem .tparea{ font-size: 0; overflow: hidden; width: 262px; margin-right: 42px;}
.caseItem .tparea .tp{ width: 100%; height: 175px; object-fit: cover;}
.caseItem .des{ padding: 5px 0; flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between;}
.caseItem .des .tit{ font-size: 26px;}
.caseItem .des .nr{ font-size: 18px; color:#878A93; line-height: 1.6; text-align: justify; margin-top: 15px;}
.caseItem .des .time{font-size: 16px; color:#A0A2A9;  margin-top: auto;}
.caseItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.caseItem a:hover .des .tit{ color: #007BFF;}
/* 详情 */
.caseDel{ padding: 40px 0 70px;}
.caseDel .wrap{ padding: 0 42px 36px ;}
.location{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    line-height: 1.6;
    padding: 28px 0 22px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(151,165,192,.16);
}
.location a{}
.location .cutline{ font-style: normal; margin: 0; opacity: .55;}
.location a:hover,.actLoca{ color: #007BFF;}

.article{ display: flex; flex-direction: column; gap: 24px;}
.artHeader{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E8E8E8;
}
.artHeader .tit{ flex: 1 1 420px; max-width: 100%; font-size: 40px; color: #272E3B; line-height: 1.35;}
.artHeader .info{
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.artHeader .info .list{
    font-size: 16px;
    margin-right: 0;
    color: #A0A2A9;
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(126,143,171,.08);
}
.artBody{ padding: 0 0 8px;}
.artBody .tp{ width: 100%; margin-bottom: 20px;}
.artBody .wz{ font-size: 22px; color: #272E3B; line-height: 1.9; word-break: break-word;}
.artBody .wz p{ margin: 0 0 1em;}
.artBody .wz p:last-child{ margin-bottom: 0;}
.artBody .wz img{ max-width: 100%; height: auto;}
.artBody .wz table{ display: block; max-width: 100%; overflow-x: auto;}

/* 登录弹窗 */
.loginPup{ width: 580px; max-width: calc(100vw - 48px); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; box-shadow: 0 30px 80px rgba(0, 23, 72, 0.45); border: 1px solid rgba(80, 138, 255, 0.28); }
.closePup{ position: absolute; right:30px; top: 30px; line-height: 1;cursor: pointer; font-size:30px; color: #999; display: inline-block; width: 40px; height: 40px;   line-height: 40px;  }
.closePup:hover{ color: #333;}
.loginMain{ display: block;}
.loginMain form{ display: block; width: 100%; }
.loginMain .tparea{ width: 316px; font-size: 0;}
.loginMain .tparea .tp{ height: 100%; object-fit: cover;}
.loginForm{ width: 100%; min-width: 0; box-sizing: border-box; padding: 46px 48px 40px;}
.formTit{ font-size: 32px;  text-align: center;  position: relative; margin-bottom: 34px;}
.formItem{ margin-bottom: 28px; position: relative;}
.formItem .icon{ height: 22px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.formItem .text{ width: 100%; font-size: 18px;color: #666; border: 1px solid #D8D8D8; height: 56px; line-height: 56px; padding-left: 56px;}
.formItem.yzm .text{ padding-right: 100px; }
.formItem.yzm .sendBtn{ position: absolute;  font-size: 16px; color: #007BFF; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.loginForm .agree{padding-left: 30px; font-size: 15px; position: relative;}
.loginForm .agree .checkbox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.loginForm .agree a{ color: #007BFF;}
.loginForm .agree a:hover{ color: #036fe4;}
.loginForm .formConfirm{ margin-top: 35px;}
.loginForm .formConfirm .sbtn{ font-size: 18px; padding: 0.5em 0;}

/* 图片编辑 */
.iHeader{ background-color: #fff !important;}
.c_main{ display: flex; flex-wrap: wrap;}
.c_l{ width: 304px; background-color: #fff;height: calc(100vh - 82px); overflow-y: auto;}
.c_r{ flex: 1; min-width: 0; height: calc(100vh - 82px); overflow-y: auto;}

.parmaStyle{ padding: 20px;}
.paraPart{ margin-bottom: 15px;}
.paraPart .title{ font-size: 20px; padding: 1em 0;}
.paraPart .wrap{}
.uploadAdd{ padding: 44px 0; position: relative; background-color: #FAFBFD; border: 1px dashed #B4B4B4; border-radius: 10px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.inputFile{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;}
.uploadAdd .mandiv{}
.uploadAdd .mandiv .sbtn{ padding: 0.4em 1.4em; height: 40px; font-size: 16px; display: inline-flex; align-items: center;}
.uploadAdd .mandiv .sbtn .icon{ height: 20px; margin-right: 6px;}
.uploadAdd .info{ font-size: 16px; color: #92939A; margin-top: 10px;}
.fileList{ display: flex; flex-wrap: wrap; margin-top: 14px;}
.fileList .tp{ width: 22%; margin: 0 4% 4% 0; box-sizing: border-box; object-fit: cover; cursor: pointer; border: 1px solid transparent;}
.fileList .tp:nth-child(4n){ margin-right: 0;}
.actFileList{ border-color: #007BFF  !important;}


.paraPartStyle{}
.paraPartStyle .wrap{ display: flex; flex-wrap: wrap;}
.styleItem{ width: 30%; margin: 0 5% 10px 0; cursor: pointer;}
.styleItem:nth-child(3n){ margin-right: 0;}
.styleItem .tparea{ border: 2px solid transparent; width: 100%; position: relative;}
.styleItem .tparea .tp{ width: 100%; height: 75px; object-fit: cover;}
.styleItem .tparea .shade{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); display: flex; align-items: center; justify-content: center;}
.styleItem .tparea .shade .dui{ height: 19px; opacity: 0;}
.styleItem .tparea .shade .iconVip{ position: absolute; height: 32px; right: -11px; top: -15px;}
.styleItem .tit{ padding: 8px 0; text-align: center;}
.actStyleItem{}
.actStyleItem .tparea{ border-color: #007BFF !important;}
.actStyleItem .tparea .shade{ background-color: transparent !important; }
.actStyleItem .tparea .shade .iconVip{ display: none !important;}
.actStyleItem .tparea .shade .dui{ opacity: 1 !important;}
.actStyleItem .tit{ color: #007BFF;}
.parmaStyle .formConfirm{ margin-top: 30px;}
.parmaStyle .formConfirm .sbtn{ font-size: 20px; padding: 0.6em 0;}
.parmaStyle .formConfirm .sbtn span{ font-size: 16px;}

.createNum{}
.createNum .text{ border: 1px solid #ddd; display: block; width: 100%; box-sizing: border-box; padding:10px 15px; border-radius: 10px; font-size: 18px; color: #666; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }



.resultPart,.selectsPart{ padding: 0 150px;}
.resultPart{ padding-top: 60px;}
.resultPart .tab{ width: 218px; margin: 0 auto; box-sizing: border-box; padding: 2px; background-color: #ECEEF4; display: flex;}
.resultPart .tab .list{ text-align: center; display: inline-block; width: 50%; padding: 0.6em 1.4em; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;  color: #999; cursor: pointer;}
.resultPart .tab .actlist{ background-color: #fff !important; color: #333 !important;}
.resultPart .wrap{ margin: 20px auto 0; min-height: 480px; width: 824px;  padding: 20px; box-sizing: border-box; max-width: 100%;}
.resultPart .formConfirm{ margin-top:35px; text-align: center;}
.resultPart .formConfirm .sbtn{ font-size: 20px; padding: 0.6em 0; width: 264px; margin: 0 10px; cursor: pointer;}


.selectsPart{ margin:60px 0 ;}
.spTitle{ font-size: 24px; padding:20px 0;}
.selectsPart{}
.selectsPart .wrap{ 
    /* display: flex; flex-wrap: wrap; gap: 20px; */
    column-count: 5; column-gap: 20px;
}
.spItem{ margin-bottom: 20px;}
.spItem a{ display: block;}
.spItem a .tparea{ font-size: 0; overflow: hidden;}
.spItem a .tparea .tp{width: 100%;}
.spItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }


/**　QQ浮动窗口 **/
.QQ{position:fixed; right:36px; top:50%; margin-top:-115px; z-index:999; border: 1px solid #ddd;}
.QQ dd{width:78px; height:78px; margin-bottom:1px; position:relative;}
.QQ dd:hover{width:auto;}
.dw_qq{position:absolute; right:-100%; opacity:0; color:#fff; background:rgba(0, 0, 0, .33); z-index:7; padding-left:10px;}
.QQ dd.qq1 .dw_qq{width:200px; height:78px; line-height:78px; font-size:15px;}
.QQ dd.qq2 .dw_qq a{ display: inline-block; font-size: 0;}
.QQ dd.qq2 .dw_qq a .icon{ width: 32px; height: 32px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-right: 10px; }
.QQ dd.qq2 .dw_qq{width:160px;height:78px;  background:#007BFF; display: flex; align-items: center; }
.QQ dd.qq2 .dw_qq a{}
/* .dw_qq img{vertical-align:middle; position:relative; top:-2px;  margin-left:2px;} */
.QQ dd:hover .sp{  background:#007BFF}
.QQ dd:hover .sp .iconfont{ color: #fff;}
.QQ dd .sp{width:78px; height:78px; background-position:center center; background-repeat:no-repeat; display:inline-block; position:relative; z-index:9; -o-background-size: 100% 100%;background-size: 100% 100%; background-color: #fff; text-align: center; }
.QQ dd .sp .iconfont{  font-size: 40px;color:#007BFF;}
.QQ dd.qq4{ cursor:pointer;}
.QQ dd.qq3{ position:relative;}
.qr{background:#0059a2;opacity:0.8;filter:Alpha(opacity=80); cursor:pointer;}
.qrma{ position:absolute; right:88px; text-align: center; top:-17px; display:none; width:118px; padding: 10px 10px 5px; border: 1px solid #ddd;}
.qrma .tp{ width:118px !important; height:118px !important;}
.qrma .tit{font-size: 12px; margin-top: 5px;}

/* 积分中心 */
.points{ padding-bottom: 50px;}
.p_tit{ font-size: 34px; padding: 1em 0;}
.summary{ padding: 25px 35px; background-color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.summary .tit{ font-size: 24px;}
.summary .num{ font-size: 60px; font-weight: bold;}
.details{ padding: 10px 35px 0px;  background-color: #fff; margin-top: 20px; border-radius: 20px;  }
.p_tit2{ font-size: 26px; padding: 0.8em 0;}
.details .table{ width: 100%; background-color: #fff; }

.details .table th,.details .table td{ padding: 1.5em 30px;}
.details .table th{ background-color: #F3F5F8;}
.details .table td{ border-bottom: 1px solid #E8E8E8;}
.details .table tr:nth-last-child(1) td{ border: none !important;  }






.pages {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.pagination {
	list-style: none;
	display: flex;
	align-items: center;
	padding: 0;
}

.pagination li {
	display: block;
	text-align: center;
}