*{margin: 0; padding: 0;}
a,a:hover{ text-decoration: none;}
li{list-style: none;}
/* body{padding-bottom: 100px;} */
/* .fn-clear::after{content: ''; clear: both; display: block;}
.wrap{width: 1200px; margin: auto;}
.topHeader{height: 56px; background-color: #fff; position: sticky; z-index: 8; top: 0;}
.topHeader .topBox{display: flex; align-items: center; justify-content: space-between;}
.topHeader .topBox .logoBox{display: flex; align-items: center; height: 56px; font-size: 18px; font-weight: bold; color: #141933;}
.topHeader .topBox .logo{width: 22px; height: 22px; margin-right: 6px;}
.topHeader .topBox .logo img{display: block; width: 100%; height: 100%; object-fit: cover;}
.topHeader .loginBox{display: flex; align-items: center; color: #efefef;}
.topHeader .loginBox a{font-size: 16px; color: #141933; font-weight: bold;}

.topHeader .loginBox a s{width: 20px; height: 20px;display: inline-block; vertical-align: middle; margin-right: 8px; margin-bottom: 4px;}
.topHeader .loginBox a s img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.topHeader .linkBox li{float: left; line-height: 56px; font-size: 16px; margin: 0 33px;}
.topHeader .linkBox li a{color: #141933; font-weight: bold;}
.topHeader .linkBox li a:hover,.topHeader .linkBox li.on_chose a{color: #FC381E;} */

/* .contentWrap{ padding-bottom: 50px;} */
/* 产品选购 */
.proTabBox{height: 900px; background: url(/static/pc/images/index_bg.png) no-repeat center/100% 900px; position: relative; box-sizing: border-box; padding-top: 99px;}
.proTabBox::before{content: ''; display: block; height: 981px; background: url(/static/pc/images/index_bgImg.png) no-repeat center/100% 981px; position: absolute; left: 0; right: 0; top: 22px; pointer-events: none;}
.proTabBox h1{font-size: 56px; color: #070C21; text-align:  center; font-weight: normal; margin-bottom: 100px;}
.proTabCon {position: relative; z-index: 1;}
.proTab{display: flex; align-items: center; justify-content: space-between; border-bottom: solid 3px #376AFF; height: 60px;}
.proTab .tabBox li{float: left; width: 260px; height: 60px; display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer; text-indent: -2em;}
.proTab .tabBox h4{font-size: 20px; color: #3D4866; font-weight: bold; text-align: center;}
.proTab .tabBox li:hover h4 {color: #081A4D;}
.proTab .tabBox p{font-size: 14px; color: #3D4866; text-align: center; margin-top: 2px; opacity: .8;}
.proTab .tabBox li.on_chose{background: url(/static/pc/images/tab_bg.png) no-repeat center/cover;}
.proTab .tabBox li.on_chose h4{color: #fff;}
.proTab .tabBox li.on_chose p{color: #fff;}
.proTab .toDetail{display: flex; align-items: center; justify-content: center; width: 172px; height: 40px; border: 1px solid #FFFFFF; background: linear-gradient(-90deg, #E0ECFF 0%, #EDF4FF 100%); border-radius: 20px; font-size: 14px; color: #376AFF; box-sizing: border-box; padding: 1px;}
.proTab .toDetail s{display: block; width: 20px; height: 20px; background: url(/static/pc/images/icon.png) no-repeat center/cover; margin-right: 4px;}
.proTab .toDetail:hover{padding: 0; border:solid 2px #fff;}

.taocanListBox {margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.taocanListBox .tcList{width: 864px; height: 411px; background: linear-gradient(90deg, #F5FAFF 0%, #FFFFFF 100%); box-shadow: 0px 15px 30px 0px rgba(0,50,190,0.04); border-radius: 4px; flex: 1; margin-right: 18px;}
.taocanListBox .tcList li{position: relative; cursor: pointer;}
.taocanListBox .tcList li:last-of-type .tcDetailBox{border: none;}
.taocanListBox .tcList li::before,.taocanListBox .tcList li::before{position: absolute; left:-4px; right: -4px; top: 0; bottom: 0; content: ''; 
    background: linear-gradient(90deg, #2D8DFF 0%, #0579FF 100%); border-radius: 4px; animation: toFadeIn .3s; display: none;}
.taocanListBox .tcList li:hover::before,.taocanListBox .tcList li.on_chose::before,.taocanListBox .tcList li:hover::before,.taocanListBox .tcList li.on_chose::before{display: block;}
.taocanListBox .tcList .tcDetailBox{height: 102px; border-bottom: solid 1px #E8F1F9; display: flex; align-items: center; justify-content: flex-start; padding: 0 24px; position: relative;}
.taocanListBox .tcList li:last-of-type::before{bottom: -1px;}
.taocanListBox .tcList .tcDetailBox .tcInfo{width: 232px;}
.taocanListBox .tcList .tcDetailBox .tcInfo h4{font-size: 20px; color: #081A4D; font-weight: bold;}
.taocanListBox .tcList .tcDetailBox .tcInfo h4 span{display: inline-block; height: 16px; border-radius: 8px; font-size: 14px; font-weight: normal; background-color: #FF1F20; padding: 0 4px; vertical-align: middle; line-height: 16px; color: #fff;  margin-left: 6px;}
.taocanListBox .tcList li.on_chose h4,
.taocanListBox .tcList li.on_chose h5,
.taocanListBox .tcList li.on_chose h6,
.taocanListBox .tcList li.on_chose p,

.taocanListBox .tcList li:hover h4,
.taocanListBox .tcList li:hover h5,
.taocanListBox .tcList li:hover h6,
.taocanListBox .tcList li:hover p,
.taocanListBox .tcList li:hover b,
.taocanListBox .tcList li.on_chose b{color: #fff !important;}
.taocanListBox .tcList .tcDetailBox .tcInfo p{font-size: 12px; color: #313748; margin-top: 5px; opacity: .8;}
.taocanListBox .tcList .tcDetailBox .tcCon{display: flex; align-items: center; justify-content: center; }
.taocanListBox .tcList .tcDetailBox .tcCon .plat{height: 46px; border: solid 1px #E6EAF2; min-width: 80px; box-sizing: border-box; padding: 0 12px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 10px;}
.taocanListBox .tcList .tcDetailBox .tcCon .plat:last-child{margin-right: 0;}
.taocanListBox .tcList .tcDetailBox .tcCon .plat h6{font-size: 15px; color: #081A4D; font-weight: bold;}
.taocanListBox .tcList .tcDetailBox .tcCon .plat h6 b{color: #376AFF; font-style: italic; font-family:coregtd6 ; font-weight: normal;}
.taocanListBox .tcList .tcDetailBox .tcCon .plat p{color: #868B97; font-size: 12px; text-align: center;}
.taocanListBox .tcList li.on_chose .tcDetailBox  p,.taocanListBox .tcList li:hover .tcDetailBox  p{opacity: .8 !important;}
.taocanListBox .tcList .tcDetailBox .priceInfo{flex: 1; }
.taocanListBox .tcList .tcDetailBox .priceInfo h5{font-size: 16px; color: #313748; font-weight: bold; text-align: right;}
.taocanListBox .tcList .tcDetailBox .priceInfo h5 b{font-family: coregtd6; font-weight: normal;}
.taocanListBox .tcList .tcDetailBox .priceInfo .p{color: #313748; opacity: .8; text-align: right; display: none;}
.taocanListBox .tcList li:hover  .tcDetailBox .priceInfo .p,.taocanListBox .tcList li.on_chose  .tcDetailBox .priceInfo .p{display: block; color: #fff;}
@font-face {
	font-family: coregtd6;
	src: url('/static/pc/font/coregtd6.otf'),
		url('/static/pc/font/coregtd6.TTF'),
		url('/static/pc/font/coregtd6.svg'),
		 url('/static/pc/font/coregtd6.woff'); /* IE9 */
}


.taocanListBox .tcShowBox{width: 318px; height: 411px; background: #FFFFFF;  border-radius: 4px; box-sizing: border-box; display: none;}
.taocanListBox .tcShowBox.show{display: block;}
.taocanListBox .tcShowBox.show .slideImg{display: flex; align-items: center; justify-content: center;}
.taocanListBox .tcShowBox .slideImg{width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0;right: 0; display: none; animation: rightFadeIn .3s; padding-bottom: 70px; box-sizing: border-box;}
.taocanListBox .tcShowBox .tcImg{height: 363px; position: relative; align-items: center; justify-content: center; box-sizing: border-box; padding-bottom: 70px;  background:url('/static/pc/images/tc_bg_1.png') no-repeat center/100% auto; }
.taocanListBox .tcShowBox.show .tcImg{display: flex;}
.taocanListBox .tcShowBox .tcImg.img2{background-image:url('/static/pc/images/tc_bg_2.png') }
.taocanListBox .tcShowBox .tcImg.img3{background-image:url('/static/pc/images/tc_bg_3.png') }
.taocanListBox .tcShowBox .tcImg.img4{background-image:url('/static/pc/images/tc_bg_4.png') }
.taocanListBox .tcShowBox .tcImg img{display: block; max-width:240px; }
.taocanListBox .tcShowBox .link{height: 48px; background-color: #376AFF; color: #fff; font-size: 15px; text-align: center; line-height: 48px; display: block; border-radius: 0 0 4px 4px;}
.taocanListBox .tcShowBox .link:hover{opacity: .8;}
.taocanListBox .tcShowBox .tc_instr{padding: 20px 26px; position: absolute; left: 0; right: 0; bottom: 0;}
.taocanListBox .tcShowBox .tc_instr h5{color: #FF512E; font-size: 28px; font-family: coregtd6; }
.taocanListBox .tcShowBox .tc_instr h5 em{font-size: 18px; font-style: normal;}
.taocanListBox .tcShowBox .tc_instr p{font-size: 12px; color: #737580; line-height: 20px;}
.taocanListBox .tcShowBox .tc_instr p a{color: #A1A4B3;}
.taocanListBox p.tip{font-size: 14px; color: #575D66; margin-top: 30px;}


/* 单独选购 */
.boxContent.singleProBox{padding-top: 174px; background-color: #F3F7FC;}
.boxContent.singleProBox .wrap .title h1{font-size: 36px; text-align: center; font-weight: bold;}
.boxContent.singleProBox .wrap .title p{text-align: center; font-size: 14px; color: #494A4D; margin-top: 20px;}

.boxContent.singleProBox .allModuleShowBox{margin-top: 50px;}
.boxContent.singleProBox  .specialModBox>ul{display: grid; grid-template-columns: repeat(4,1fr); column-gap: 20px;}
.boxContent.singleProBox  .specialModBox .mod_li{min-width: 285px; max-height: 440px; background-color: #fff; border-radius: 6px; box-sizing: border-box; padding: 12px 10px 0; cursor: pointer; position: relative;}
.boxContent.singleProBox  .specialModBox .mod_li:hover { box-shadow: 0px 20px 40px 0px rgba(0,51,153,0.08); position: relative; z-index: 1;}
.boxContent.singleProBox  .specialModBox .mod_li .proShow{height: 195px; margin-bottom: 10px; position: relative;}
.boxContent.singleProBox  .specialModBox .mod_li .proShow img{display: block; width: 100%; height: 100%; object-fit: contain;}
.boxContent.singleProBox  .specialModBox .mod_li .proShow .hoverBtn{ display: flex; align-items: center; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; transition: opacity .3s;}
.boxContent.singleProBox  .specialModBox .mod_li:hover .proShow .hoverBtn{ opacity: 1;}
.boxContent.singleProBox  .specialModBox .mod_li .proShow .hoverBtn .play{width: 136px; display: none; height: 40px; background: #FFFFFF; box-shadow: 0px 3px 10px 0px rgba(0,17,51,0.05); border-radius: 20px; align-items: center; justify-content: center; font-size: 13px; color: #494A4D; animation: topFadeIn .3s;}
.boxContent.singleProBox  .specialModBox .mod_li:hover .proShow .hoverBtn .play{display: flex;}
.boxContent.singleProBox  .specialModBox .mod_li .proShow .hoverBtn .play::before{content: ''; display: block; width: 14px; height: 14px; background: url(/static/pc/images/play.png) no-repeat center/cover; margin-right: 4px;}
.boxContent.singleProBox  .specialModBox .mod_li .proText {margin: 0 15px;}
.boxContent.singleProBox  .specialModBox .mod_li .proText h4{font-size: 20px; color: #070C21; font-weight: 500; position: relative; margin-bottom: 16px;}
.boxContent.singleProBox  .specialModBox .mod_li .proText h4 span{background-color: #fff; display: inline-block; padding-right: 8px; position: relative; z-index: 1;}
.boxContent.singleProBox  .specialModBox .mod_li .proText h4::after{content: ''; position: absolute; height: 1px; background-color:  #f5f5f5; left:0; right: 5px; top: 0; bottom: 0; margin: auto;}
.boxContent.singleProBox  .specialModBox .mod_li .proText ul{height: 100px; overflow: hidden;}
.boxContent.singleProBox  .specialModBox .mod_li .proText li{font-size: 12px; color: #797C80; line-height: 26px; display: flex; align-items: center; letter-spacing: -.5px;}
.boxContent.singleProBox  .specialModBox .mod_li .proText li::before{content: ''; display: block; width: 14px; height: 26px; background: url(/static/pc/images/list_icon.png) no-repeat center/14px; align-self: flex-start; margin-right: 6px; flex-shrink: 0;}
.boxContent.singleProBox  .specialModBox .mod_li .priceShow{display: flex; align-items: center; justify-content: space-between; height: 80px;}
.boxContent.singleProBox  .specialModBox .mod_li .priceShow h6{color: #FF512E; font-size: 18px; font-weight: bold; padding-left: 15px;}
.boxContent.singleProBox  .specialModBox .mod_li .priceShow h6 b{font-family: coregtd6; font-size: 24px;}
.boxContent.singleProBox  .specialModBox .mod_li .priceShow .addCart,
.terminalShowBox .wrap .miniBox  .addCart{width: 160px; height: 40px; background: #376AFF; border-radius: 3px; display: flex; align-items: center; cursor: pointer;}
.boxContent.singleProBox  .specialModBox .mod_li .priceShow .addCart:not(.hasAdd):hover,
.terminalShowBox .wrap .miniBox  .addCart:not(.hasAdd):hover{opacity: .8;}
.boxContent.singleProBox  .specialModBox .mod_li .priceShow .addCart s,.terminalShowBox .wrap .miniBox  .addCart s{width: 44px; height: 40px; background: #4A78FF url(/static/pc/images/cart_white.png) no-repeat center/24px; display: block; border-radius: 3px 0 0 
3px;}
.boxContent.singleProBox  .specialModBox .mod_li .priceShow .hasAdd.addCart s,
.terminalShowBox .wrap .miniBox  .hasAdd.addCart s,
.boxContent.singleProBox .allMatchModBox .mod_li .addCart.hasAdd s{background-color: #C8D6FF;}
.boxContent.singleProBox  .specialModBox .mod_li .priceShow .addCart span,.terminalShowBox .wrap .miniBox  .addCart span{flex: 1; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px;}
.boxContent.singleProBox  .specialModBox .mod_li .priceShow .addCart.hasAdd,.terminalShowBox .wrap .miniBox  .addCart.hasAdd{background-color: #C3D2FF;}
.boxContent.singleProBox   .mod_li .buyState{position: absolute; top: 0; right: 0; z-index: 10; display: block !important; width: 100px; height: 100px; overflow: hidden;}
.boxContent.singleProBox   .mod_li .hasBuy{display: block; color: #2693FF; font-size: 13px; line-height: 24px; background-color: #E8F4FF; width: 100px; text-align: center; transform: rotate(45deg) translate(26px,-12px);}
/* 磨砂玻璃效果 */
@supports (-webkit-backdrop-filter: none) or (backdrop-filter:none) {
    .boxContent.singleProBox  .specialModBox .mod_li .proShow .hoverBtn {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
    }
}

  
.boxContent.singleProBox  .allMatchModBox{margin-top: 42px;}
.boxContent.singleProBox  .allMatchModBox>h4{font-size: 17px; color: #494A4D; font-weight: normal;}
.boxContent.singleProBox  .allMatchModBox>h4 b span{color: #376AFF;}
.boxContent.singleProBox  .allMatchModBox>h4 em{color: #919499; font-size: 14px; margin-left: 8px; font-style: normal;}
.boxContent.singleProBox  .allMatchModBox>ul{margin-top: 30px; display: grid; grid-template-columns: repeat(4,1fr); column-gap: 20px; row-gap: 20px;}
.boxContent.singleProBox  .allMatchModBox .mod_li  {min-width: 285px; height: 260px; background: #FFF; cursor: pointer; border-radius: 6px; box-sizing: border-box; position: relative; overflow: hidden;}
.boxContent.singleProBox  .allMatchModBox .mod_li .detailLink{display: block;  padding-top: 30px;}
.boxContent.singleProBox  .allMatchModBox .mod_li .modTit { position: relative; z-index: 1; margin: 0 30px; font-size: 18px; color: #00050D; position: relative; z-index: 2;}
.boxContent.singleProBox  .allMatchModBox:not(.moreModBox )  .mod_li .modTit {  background-color: #fff;}
.boxContent.singleProBox  .allMatchModBox:not(.moreModBox ) .mod_li .modTit::after{content: ''; display: block; height: 14px; position: absolute; left: 0; right: 0; bottom: -14px; background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.boxContent.singleProBox  .allMatchModBox.moreModBox .mod_li .modTit::after{content: ''; display: block; height: 36px; position: absolute; left: 0; right: 0; bottom:2px; background: linear-gradient(0deg, rgba(255,255,255,0) 0% ,#fff 20px, #fff 100%);}
.boxContent.singleProBox  .allMatchModBox .mod_li .modTit s{width: 50px; height: 50px; display: inline-block; margin-right: 12px;vertical-align: middle; border-radius: 4px; position: relative; z-index: 1;}
.boxContent.singleProBox  .allMatchModBox .mod_li .modTit s img{display: block; width: 100%; height: 100%; object-fit: cover;}
.boxContent.singleProBox  .allMatchModBox .mod_li .modInfo{margin-top: 20px; transition: transform .3s; }
.boxContent.singleProBox  .allMatchModBox .mod_li .modInfo .tag{margin: 0 30px; transition: all .2s; min-height: 20px;}
.boxContent.singleProBox  .allMatchModBox .mod_li .modInfo .tag span{display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid #376AFF; border-radius: 4px; font-size: 12px; color: #376AFF; margin-right: 4px; line-height: 24px;}
.boxContent.singleProBox  .allMatchModBox .mod_li .modInfo .tag span.grey{color: #596680; border-color: #DCE1EA;}
.boxContent.singleProBox  .allMatchModBox .mod_li .modInfo .instro{font-size: 14px; height: 48px; color: #797C80 ; line-height: 24px; margin: 14px 30px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.boxContent.singleProBox  .allMatchModBox .mod_li .modInfo .price{margin-top: 14px; margin-left: 30px; display: flex; align-items: center; justify-content: space-between; margin-right: 14px;}
.boxContent.singleProBox  .allMatchModBox .mod_li .modInfo .price .addCart,
.boxContent.singleProBox  .allMatchModBox .mod_li.cartIn .modInfo .price .flex_l span{display: none;}
.boxContent.singleProBox  .allMatchModBox .mod_li.cartIn:hover .modInfo .price .flex_l span{display: inline-block;}
.boxContent.singleProBox  .allMatchModBox .mod_li.cartIn .modInfo .price .addCart{display: flex; }
.boxContent.singleProBox  .allMatchModBox .mod_li .modInfo .price h6{color: #FF512E; font-size: 18px; display: inline-block;}
.boxContent.singleProBox  .allMatchModBox .mod_li .modInfo .price h6 b{font-size: 24px; font-family: coregtd6;}
.flex_l{display: flex; align-items: center;}
.boxContent.singleProBox  .allMatchModBox .mod_li .modInfo .price .flex_l span.tip{color: #A7B0BF; font-size: 14px; margin-left: 4px; margin-bottom: 4px; align-self: flex-end;}
.boxContent.singleProBox  .allMatchModBox .mod_li .modInfo .price .flex_l span.tip.mark{color: #FF512E; }

.boxContent.singleProBox  .allMatchModBox .mod_li .modInfo .price .flex_l span.labs{background-color: #EDEFF2; color: #596680; font-size: 12px; line-height: 26px; border-radius: 4px; text-align: center; padding: 0 16px; margin-left: 8px;}
.boxContent.singleProBox  .allMatchModBox .mod_li .lab{position: absolute; right: 0; top: 0; width: 40px; height: 40px; border-radius: 0 6px 0 0; overflow: hidden;}
.boxContent.singleProBox  .allMatchModBox .mod_li .lab span{color: #fff; display: block; text-align: center; background: linear-gradient(0deg, #FF2625 0%, #FF1F1F 100%); transform: rotate(45deg) translateX(-4px) translateY(-6px); width: 60px; padding-top: 12px; padding-bottom: 2px; }
.boxContent.singleProBox  .allMatchModBox .mod_li:hover { box-shadow: 0px 20px 40px 0px rgba(0,51,153,0.08); position: relative; z-index: 1;}
.boxContent.singleProBox  .allMatchModBox .mod_li:hover .tag {opacity: 0;}
.boxContent.singleProBox  .allMatchModBox .mod_li:hover .modInfo{transform: translateY(-50px);}

.boxContent.singleProBox  .allMatchModBox .shortList .mod_li{ height: 230px;}
.boxContent.singleProBox  .allMatchModBox .shortList .mod_li:hover .modInfo{transform: translateY(-60px);}
.boxContent.singleProBox  .shortList .mod_li:hover .modTit{border-bottom: solid 1px #F5F5F5 !important;}
.addCart.disabled{cursor: no-drop !important;}
/* 从下往上关闭 */
@-webkit-keyframes bottomFadeOut{
	0%{opacity:1;	transform:translateY(0px); }
	100%{opacity:0; transform:translateY(-10px); }
}
@-moz-keyframes bottomFadeOut{
	0%{opacity:1;	transform:translateY(0px); }
	100%{opacity:0; transform:translateY(-10px);}
}
@keyframes bottomFadeOut{
	0%{opacity:1;	transform:translateY(0px); }
	100%{opacity:0; transform:translateY(-10px);}
}


.boxContent.singleProBox  .allMatchModBox .mod_li .optBox{padding: 18px 14px; position: absolute; left: 0; right: 0; bottom: 0;  align-items: center; justify-content: space-between; display: flex; transform: translateY(100%); opacity: 0; transition: transform .3s; pointer-events: none;}
.boxContent.singleProBox  .allMatchModBox .mod_li.cartIn .optBox .play{transform: translateY(-2px);}
.boxContent.singleProBox  .allMatchModBox.moreModBox  .mod_li.cartIn .optBox .play{transform: translateY(-1px);}
.boxContent.singleProBox  .allMatchModBox.noTagBox .mod_li.cartIn .optBox .play{transform: translateY(-3px);}
.boxContent.singleProBox .allMatchModBox.noTagBox .mod_li .modInfo .instro{margin-top: 8px;}
.boxContent.singleProBox .allMatchModBox .cartIn.mod_li:hover .price .addCart.hasAdd{transform: translateY(50px);}
.boxContent.singleProBox .allMatchModBox.noTagBox .cartIn.mod_li:hover .price .addCart.hasAdd{transform: translateY(60px);}
.boxContent.singleProBox  .allMatchModBox .mod_li .optBox>div{display: flex; align-items: center; justify-content: center; text-decoration: none; cursor: pointer; pointer-events: all;}
.boxContent.singleProBox  .allMatchModBox .mod_li .optBox>div:hover,.boxContent.singleProBox  .allMatchModBox .mod_li .optBox .play:hover{opacity: .8;}
.boxContent.singleProBox  .allMatchModBox .mod_li .optBox>div.play,.boxContent.singleProBox  .allMatchModBox .mod_li .optBox .play{width: 86px; height: 40px; background: #F3F7FC; border-radius: 3px; color: #494A4D; font-size: 14px; flex: 1;  display: flex; align-items: center; justify-content: center;}
.boxContent.singleProBox  .allMatchModBox .mod_li .optBox>div.addCart,.boxContent.singleProBox  .allMatchModBox .mod_li .optBox .addCart{margin-left: 10px;}
.boxContent.singleProBox  .allMatchModBox .mod_li  .addCart{width: 160px; height: 40px; background: #376AFF; border-radius: 3px; display: flex; align-items: center; cursor: pointer; transition: all .3s;}
.boxContent.singleProBox  .allMatchModBox .mod_li   .addCart s{width: 44px; height: 40px; background: #4A78FF url(/static/pc/images/cart_white.png) no-repeat center/24px; display: block; border-radius: 3px 0 0 
	3px;}
.boxContent.singleProBox  .allMatchModBox .mod_li .addCart span{flex: 1; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px;}
.boxContent.singleProBox  .allMatchModBox .mod_li .addCart.hasAdd{background-color: #C3D2FF;}
.boxContent.singleProBox  .allMatchModBox .mod_li:hover .optBox{transform: translateY(0); opacity: 1;}
.boxContent.singleProBox  .allMatchModBox .mod_li:hover .price .addCart.hasAdd{display: none;}
.boxContent.singleProBox  .allMatchModBox .cartIn.mod_li .price .addCart.hasAdd{position: absolute; right: 14px; display: flex; z-index: 1;}

/* .boxContent.singleProBox  .allMatchModBox .cartIn.mod_li:hover .price .addCart.hasAdd{transform: translateY(50px);} */
.boxContent.singleProBox  .allMatchModBox .mod_li .optBox .addCart.hasAdd{pointer-events: none; opacity: 0;}
/* 更多 */
.boxContent.singleProBox .moreModBox .mod_li .title{font-size: 14px; color: #192433; font-weight: bold;}
.boxContent.singleProBox .moreModBox .mod_li .modTit{padding-bottom: 20px; border-bottom: solid 1px  #F5F5F5;}
.boxContent.singleProBox .moreModBox .mod_li:hover .modTit{border: none;}
.boxContent.singleProBox .moreModBox .mod_li .modInfo{margin-top: 6px;}
.boxContent.singleProBox .moreModBox .goDetail{display: block; width: 318px; height: 50px; background: rgba(55,106,255,0); border: 1px solid #3370FF; color: #376AFF; font-size: 15px; line-height: 50px; text-align: center; margin:50px auto 0;}

.singleProBox{padding-bottom: 97px;}



/* 终端 */
.terminalShowBox{padding-bottom: 100px; background: url(/static/pc/images/terminal_bg.png) no-repeat top/100% 920px; background-size: cover;}
.terminalShowBox .wrap .title{padding-top: 90px;}
.terminalShowBox .wrap .title h1{font-size: 36px; text-align: center; font-weight: bold;}
.terminalShowBox .wrap .title p{text-align: center; font-size: 14px; color: #494A4D; margin-top: 20px;}
.terminalShowBox .wrap .terminalBox{margin-top: 60px;}
.terminalShowBox .wrap .miniBox ul{display: grid ; grid-template-columns: repeat(2 ,1fr); column-gap: 20px;}
.terminalShowBox .wrap .miniBox li{height: 170px; border-radius: 6px; padding: 2px; background-color: #fff; box-sizing: border-box;}
.terminalShowBox .wrap .miniBox li .mini_box{background-color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 15px 24px; box-sizing: border-box;  border-radius: 4px; height: 100%;  position: relative;}
.terminalShowBox .wrap .miniBox li:hover{background: linear-gradient(-31deg, #34AFFF, #2185F8) ; box-shadow: 0px 3px 10px 0px rgba(0,102,255,0.1);}
.terminalShowBox .wrap .miniBox li .mini_text h2{font-size: 24px; color: #000721; font-weight: bold;} 
.terminalShowBox .wrap .miniBox li .mini_text p{color: #A7B0BF; font-size: 14px;}
.terminalShowBox .wrap .miniBox li .mini_text .mini_info{margin-top: 34px;}
.terminalShowBox .wrap .miniBox li .mini_img{width: 140px; height: 140px;}
.terminalShowBox .wrap .miniBox li img,.terminalShowBox .wrap .appBox li .app_img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.terminalShowBox .wrap .miniBox li h4{color: #FF512E; font-size: 18px; font-weight: bold;}
.terminalShowBox .wrap .miniBox li h4 b{font-size: 24px; font-family: coregtd6;}
.terminalShowBox .wrap .miniBox li h4 span{font-size: 16px; font-weight: normal;}
.terminalShowBox .wrap .miniBox  .addCart{display: none; animation: bottomFadeIn .3s; position: absolute; right: 24px; bottom: 24px; box-shadow: 0px -8px 20px 0px rgba(255,255,255,0.7);}
.terminalShowBox .wrap .miniBox li:hover .addCart{display: flex;}
.terminalShowBox .wrap .miniBox  .addCart.hasAdd{display: flex;}

.terminalShowBox .wrap .appBox{margin-top: 26px;}
.terminalShowBox .wrap .appBox ul{display: grid ; grid-template-columns: repeat(3 ,1fr); column-gap: 20px; row-gap: 20px;}
.terminalShowBox .wrap .appBox li{height: 190px; border-radius: 6px; padding: 2px; background-color: #fff; box-sizing: border-box; }
.terminalShowBox .wrap .appBox li .app_box{background-color: #fff; display: flex; align-items: flex-start; justify-content: space-between; padding-left: 24px; box-sizing: border-box;  border-radius: 4px; height: 100%;  position: relative; overflow: hidden; flex-wrap: wrap;}
.terminalShowBox .wrap .appBox li:hover{background: linear-gradient(-31deg, #34AFFF, #2185F8) ; box-shadow: 0px 3px 10px 0px rgba(0,102,255,0.1);}
.terminalShowBox .wrap .appBox li .app_text h2{font-size: 24px; color: #000721; font-weight: bold; padding-top: 26px;} 
.terminalShowBox .wrap .appBox li .app_text p{color: #A7B0BF; font-size: 14px; margin-bottom: 4px; margin-left: 10px;}
.terminalShowBox .wrap .appBox li .app_text .app_info{margin-top:8px; display: flex; align-items: flex-end; }
.terminalShowBox .wrap .appBox li .app_img{width: 130px; height: 130px; position: relative;}
.terminalShowBox .wrap .appBox li .app_img span{display: block; line-height: 18px; text-align: center; color: #fff; font-size: 15px; border-radius: 9px; position: absolute; position: absolute; left: 50%; transform: translateX(-50%); bottom: 32px; background-color: #C3D3EE; padding: 0 7px;}

.terminalShowBox .wrap .appBox li h4{color: #FF512E; font-size: 18px; font-weight: bold;}
.terminalShowBox .wrap .appBox li h4 b{font-size: 24px; font-family: coregtd6;}
.terminalShowBox .wrap .appBox li h4 span{font-size: 16px; font-weight: normal;}
.terminalShowBox .wrap .appBox li .addCart{width: 120px; height: 40px; background: #EDF4FC; border-radius: 3px; color: #376AFF; font-size: 14px; text-align: center; line-height: 40px; transform: translateY(-16px); cursor: pointer;}
.terminalShowBox .wrap .appBox li:hover .addCart{background-color: #376AFF; color: #fff;}
.terminalShowBox .wrap .appBox li .addCart.hasAdd{background-color: #C3D2FF; color: #fff;}

@font-face {
	font-family: DINMi;
	src: url('/static/pc/font/DINMittelschriftStd.otf'),
		url('/static/pc/font/DINMittelschriftStd.TTF'),
		url('/static/pc/font/DINMittelschriftStd.svg'),
		 url('/static/pc/font/DINMittelschriftStd.woff'); /* IE9 */
}
input:-internal-autofill-previewed, input:-internal-autofill-selected {
    transition: background-color 5000s ease-out 0.5s;
}

/* 安装流程 */
.flowBox{ background: url(/static/pc/images/bg_login.png) no-repeat bottom center/100% 260px;}
.flowBox .wrap .title{padding-top: 86px;}
.flowBox .wrap .title h1{font-size: 36px; text-align: center; font-weight: bold;}
.flowBox .wrap .flowConBox{height: 385px; border: 1px solid #E6E9F2; background: linear-gradient(0deg, #E2E7FE 0%, #FFFFFF 100%); border-radius: 6px; margin-top: 45px;}
.flowBox .wrap .flowConBox h1.img{width: 100px; height: 48px; background: url(/static/pc/images/tit_icon.png) no-repeat center/cover; margin-left: 15px; margin-top: 4px;}
.flowBox .wrap .flowConBox .flow_tit{width: calc(100% + 20px); height: 68px; background: url(/static/pc/images/flow.png) no-repeat center/cover; transform: translateX(-10px); position: relative ; z-index: 1;}
.flowBox .wrap .flowConBox .flow_tit ul,.flowBox .wrap .flowConBox .flow_list{display: grid; grid-template-columns: repeat(5,1fr); column-gap: 14px; font-size: 18px; text-align: center;}
.flowBox .wrap .flowConBox .flow_tit li{display: flex; align-items: center; justify-content: center; height: 68px; font-weight: bold; color: #3D4EF5;} 
.flowBox .wrap .flowConBox .flow_tit b{font-family: DINMi; font-size: 30px; margin-right: 8px;}
.flowBox .wrap .flowConBox .flow_tit li:first-of-type{color: #fff;}
.flowBox .wrap .flowConBox .flow_tit li:nth-of-type(4) { background: linear-gradient(90deg, #3D4EF5 0%, #7158D2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.flowBox .wrap .flowConBox .flow_tit li:nth-of-type(5) {background: linear-gradient(90deg, #9C64A3 0%, #FF7836  100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.flowBox .wrap .flowConBox .flow_list{line-height: 40px;font-size: 14px; color: #525A66; text-align: left; margin: 0 14px;}
.flowBox .wrap .flowConBox .flow_list ul{padding-left: 18px; background-color: #fff; border-radius: 6px; height: 300px; box-sizing: border-box; padding-top: 70px; transform: translateY(-50px);}
.flowBox .wrap .flowConBox .flow_list li::before{content: '';  display: inline-block; width: 16px; height: 16px; background: url(/static/pc/images/gou.png) no-repeat center/cover; vertical-align: middle; margin-right: 6px; margin-bottom: 2px;}
.flowBox .wrap .techBox{margin-top: 34px;  padding-bottom: 30px;}
.flowBox .wrap .techBox .techHead{display: flex; align-items: center; justify-content: space-between; height: 75px;}
.flowBox .wrap .techBox .techHead a{color: #376AFF; font-size: 14px;}
.flowBox .wrap .techBox h2{font-size: 20px; color: #00050D; font-weight: 500;}
.flowBox .wrap .techBox h2 span{font-weight: normal; color: #9D9FA6; font-size: 14px; margin-left: 9px;}
.flowBox .wrap .techBox ul{display: grid; grid-template-columns: repeat(4,1fr); column-gap: 12px; row-gap: 10px; color: #363F4D; font-size: 14px;}
.flowBox .wrap .techBox ul li{background-color: #F5F7FA; border-radius: 6px; height: 72px; display: flex; align-items: center; justify-content: flex-start; padding-left: 18px;}
.flowBox .wrap .techBox ul li s{display: block; width: 48px; height: 48px; margin-right: 12px;}
.flowBox .wrap .techBox ul li s img{display: block; width: 100%; height: 100%; object-fit: cover;}

.flowBox .loginBox{height: 260px; margin-top: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; margin-top: 40px;}
.flowBox .loginBox h1{text-align: center; font-size: 38px; color: #070C21; font-weight: bold;}
.flowBox .loginBox .toRegiBox{width: 428px; height: 50px; background: #FBFBFB; border-radius: 8px; padding: 4px; box-sizing: border-box; margin: 30px auto 0; display: flex; align-items: center; }
.flowBox .loginBox .toRegiBox input{border: none;  flex: 1 ; background: none; font-size: 15px; padding:0 10px; outline: none;}
.flowBox .loginBox .toRegiBox input:focus::placeholder{color: rgba(73, 74, 77, .4);}
.flowBox .loginBox .toRegiBox a.regist{display: block; width: 114px; height: 42px; background: #376AFF; border-radius: 4px; text-align: center; line-height: 42px; color: #fff; font-size: 15px;}
.footCartBox.fn-hide{display: none;}
.flowBox .loginBox .toRegiBox a.regist:hover{opacity: .85;}
.footCartBox{height: 100px; background-color: #fff; position: sticky; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; padding-left: 30px; padding-right: 40px; z-index: 10; animation: bottomFadeIn .3s; box-shadow: 0px -3px 20px 0px rgba(0,20,51,0.1);}
.footCartBox .cartDetailBox{display: flex; align-items: center; font-size: 15px; color: #5C5E66; cursor: pointer;}
.footCartBox .cartDetailBox .cartIcon{width: 50px; height: 50px; background: #F3F7FC url(/static/pc/images/cart_blace.png) no-repeat center/24px; border-radius: 50%; margin-right: 15px;}
.footCartBox .cartDetailBox .priceShow{display: flex; align-items: center; margin-right: 16px;}
.footCartBox .cartDetailBox .priceShow .diText{font-size: 14px; color: #d9a762; margin-top: -2px;}
.footCartBox .cartDetailBox .priceShow span{color: #FF512E; font-size: 20px;}
.footCartBox .cartDetailBox .priceShow span b{font-size: 32px; font-family: coregtd6;}
.footCartBox .cartDetailBox>.p{font-size: 15px; cursor: pointer;}
.footCartBox .cartDetailBox>.p .proTextShow{margin-top: 10px;}
.footCartBox .cartDetailBox:hover .cartListBox{display: block;}
.footCartBox .cartDetailBox>.p span{color: #376AFF;}
.footCartBox .cartDetailBox>.p .s{display: inline-block; width: 16px; height: 16px; background: url(/static/pc/images/arr.png) no-repeat center/cover; vertical-align: middle; margin-left: 4px;}
.footCartBox .cartDetailBox .cartListBox{width: 740px; height: 400px; background: #FFFFFF; box-shadow: 0px 3px 20px 0px rgba(0,20,51,0.05); border-radius: 6px; position: absolute; left: 26px; bottom: 103px; box-sizing: border-box; padding: 12px 20px 0; display: none; animation: bottomFadeIn .3s; padding-right: 0; cursor: default;}
.footCartBox .cartDetailBox .cartListBox::after{content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -50px; height: 50px;}
.footCartBox .cartDetailBox .cartListBox > h4{font-size: 20px; color: #0A1233; font-weight: normal;}
.footCartBox .cartDetailBox .cartListBox .cartList{ margin-top: 20px; height: 334px; overflow: auto; padding-right: 20px;}
.footCartBox .cartDetailBox .cartListBox .cartList::-webkit-scrollbar{  width: 8px; height: 0; border-radius: 4px; background: none;}
.footCartBox .cartDetailBox .cartListBox .cartList::-webkit-scrollbar-thumb{    border-radius: 5px; -webkit-box-shadow: inset 0 0 5px #bec0c4; background: rgba(102,102,102,.3);}
.footCartBox .cartDetailBox .cartListBox .cartList dl{margin-bottom: 30px;}
.footCartBox .cartDetailBox .cartListBox .cartList dt{color: #4D4D4D; font-size: 14px; margin-bottom: 12px; padding-left: 7px;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul{display: grid; grid-template-columns: repeat(3,1fr); column-gap: 10px; row-gap: 10px;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li{display: flex; align-items: center; justify-content: space-between; padding-left: 22px; padding-right: 12px; height: 60px; background: #F7F9FC; box-sizing: border-box; border: solid 1px #F7F9FC;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li h6{font-size: 14px; color: #376AFF;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li p{color: #4D4D4D; font-size: 14px;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li p s{color: #676767; font-size: 12px;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li:hover .del{display: block; width: 20px; height: 20px; background: url(/static/pc/images/del.png) no-repeat center/cover; cursor: pointer;}
.footCartBox .cartDetailBox .cartListBox .cartList .mod_ul li:hover{background-color: #fff; border-color: #E6E9F2;}
.footCartBox .count{width: 298px; height: 60px; background: #376AFF; border-radius: 6px; font-size: 18px; text-align: center; line-height: 60px;  color: #fff;}
.footCartBox .count:hover{opacity: .8;}
.kefu>span{width: 60px; height: 154px; background: #376AFF; display: flex; align-items: center; justify-content: center;   writing-mode:vertical-rl; color: #fff !important ; font-size: 14px; text-align: center; word-wrap: break-word; text-decoration: none !important; }
.kefu>span s{display: block; width: 32px; height: 32px; background: url(/static/pc/images/kefu.png) no-repeat center/cover; margin-bottom: 10px;}
.kefu{position: fixed; right: 0; bottom: 500px; z-index: 10;}
.kefuPop::after{content: ''; display: block; width: 20px; position: absolute; right: -20px; top: 0; bottom: 0;}
.kefuPop{width: 420px; height: 500px; background-color: #fff; position: absolute; left: -438px; top: -70px; background: url(/static/pc/images/bg_kefu.png) no-repeat top center/100% auto; border-radius: 12px; display: none; animation: rightFadeIn .3s; }
.kefu:hover .kefuPop,.kefuPop.show{display: block;}
.kefuPop .pop_header{padding-bottom: 40px; padding-left: 161px; display: flex; flex-direction: column; justify-content: center; height: 140px;}
.kefuPop .pop_header::before{content: ''; width: 170px; height: 190px; background: url(/static/pc/images/kefu_people.png) no-repeat center /cover; position: absolute; left: -16px; top: -16px; }
.kefuPop .pop_header h4{font-size: 24px; color: #2E53E6; font-weight: bold;}
.kefuPop .pop_header p{color: #7A8199; font-size: 16px;}
.kefuPop .pop_con{height: 360px; background: #FFF; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); border-radius: 40px 12px 12px 12px; margin-top: -40px; position: relative; z-index: 1; display: flex; align-items: center ; flex-direction: column; justify-content: center;}
.kefuPop .pop_con .qrCode{width: 216px; height: 216px; margin:0 auto; }
.kefuPop .pop_con .qrCode img{display: block; width: 100%; height: 100%; object-fit: cover;}
.kefuPop .pop_con p{color: #5C5E66; font-size: 14px; text-align: center; margin-top: 30px;}

.mask{position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; background: rgba(0,0,0,.4); display: none;}
.mask.show{display: block;}
.popBox{background-color: #fff; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); border-radius: 10px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 10; display: none; animation: popup .3s;}
.popBox.show{display: block;}
.popBox.pop_warning{width: 580px; height: 300px; box-sizing: border-box; padding: 40px 45px 38px;}
.popBox.pop_warning h2,.popBox.pop_success h2{font-size: 20px; color: #292B33; font-weight: bold;}
.popBox.pop_warning h2 s{width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url(/static/pc/images/tip_icon.png) no-repeat center/cover; margin-bottom: 2px; margin-right: 6px;}
.popBox.pop_warning .pop_header{margin-bottom: 32px;}
.popBox.pop_warning h6{font-size: 15px; color: #666;}
.popBox.pop_warning h6 span{color: #165DFF;}
.popBox.pop_warning p,.popBox.pop_success p{color: #999; font-size: 12px; margin-top: 12px;}
.popBox.pop_warning .pop_foot a.close_btn{width: 200px; height: 44px; background: #165DFF; border-radius: 4px; display: block; text-align: center; line-height: 44px; color: #fff; font-size: 15px; margin: 60px auto 0; text-decoration: none;}
.popBox.pop_warning a.close_icon,.playPop .pop_header .close_icon{display: block; width: 20px; height: 20px; position: absolute; right: 16px; top: 16px; background: url(/static/pc/images/close_icon.png) no-repeat center/cover;}
.popBox.pop_warning .pop_foot a.close_btn:hover{opacity: .6;}

.popBox.pop_success{width: 420px; height: 220px; background: #FFF; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.06); border-radius: 10px; text-align: center;}
.popBox.pop_success .successIcon{ display: block; width: 70px; height: 70px; background: url(/static/pc/images/gou_bog.png) no-repeat center/cover; margin-bottom: 18px;}
.popBox.pop_success .pop_con{display: flex ;align-items: center; justify-content: center; flex-direction: column; height: 100%;}

.payPopBox{display: none;}
.ui_title{font-weight: bold;}
.playPopBox.show .mask,.playPopBox.show .playPop{display: block;}
.playPopBox .mask{display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.6); display: none;}
.playPop{width: 640px; height: 480px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 11; background-color: #fff; border-radius: 8px; display: none; animation: topFadeIn .3s;}
.playPop .pop_header h2{font-size: 20px; color: #292B33; font-weight: bold; padding: 14px 0 16px 20px;}
.payPop {box-sizing: border-box; padding-bottom: 60px; }
.payPop .userinfo{margin: 0 20px 38px; height: 56px; background: #F7F8FA; border: 1px solid #EBEEF2; border-radius: 6px; display: flex; align-items: center; justify-content: space-between; padding-left: 20px; padding-right: 15px;}
.payPop .userinfo h5{font-size: 14px; color: #666;}
.payPop .userinfo h5 span{color: #333;}
.payPop .userinfo p{font-size: 14px; color: #4D4D4D;}
.payPop .userinfo p.tip::before{content: ''; display: inline-block; width: 16px; height: 16px; background: url(/static/pc/images/tip_icon.png) no-repeat center/cover; vertical-align: middle; margin-right: 4px; margin-bottom: 2px;}
.payPop .userinfo p span{color: #999;}
.payPop .userinfo p.balance{cursor: pointer;}
.payPop .userinfo p s{display: inline-block; width: 16px; height: 16px; border: solid 1px #999; border-radius: 3px; box-sizing: border-box; vertical-align: middle; margin-right: 8px; margin-bottom: 2px; cursor: pointer;}
.payPop .userinfo p:hover s{border-color: #3377FF;}
.payPop .userinfo p s.on_chose{background: url(/static/pc/images/gou_white.png) no-repeat center/cover; background-color: #3377FF; border-color: #3377FF;}
.payPop .payInfo>p{font-size: 14px; color: #666; padding: 0 40px;}
.payPop .payInfo>p span{color: #FF512E; font-size: 18px; font-weight: bold; font-family: coregtd6;}
.payPop .payInfo>p b{font-size: 24px; }
.payPop .payInfo .qrCodeInfo{padding-left: 144px; margin-top: 52px; display: flex; align-items: center;}
.payPop .payInfo .qrCodeInfo img{display: block; width: 100%; height: 100%; object-fit: cover;}
.payPop .payInfo .qrCodeInfo .qrBox{width: 236px; height: 236px; border-radius: 6px; box-sizing: border-box; padding: 16px; background-color: #fff; border: solid 1px #EDEDED;}
.payPop .payInfo .qrCodeInfo .qrText{padding-left: 30px;}
.payPop .payInfo .qrCodeInfo .qrText p{color: #7C808A; font-size: 14px;}
.payPop .payInfo .qrCodeInfo .qrText .icons{margin-bottom: 20px;}
.payPop .payInfo .qrCodeInfo .qrText .icons div.icon{width: 46px; height: 46px; margin-right: 8px; display: inline-block; background-color: #f5f5f5;}
.payPop .payInfo .qrCodeInfo .qrText .goLink{color: #1966FF; font-size: 14px; margin-top: 10px; display: block; text-decoration: none;}


/* 演示地址 */
.playPop .playInfo{margin: 0 20px; padding:0 20px; height: 86px; display: flex; align-items: center; justify-content: space-between; background: #F7F8FA; border: 1px solid #EBEEF2; border-radius: 6px;}
.playPop .playInfo .leftBox {display: flex; align-items: center;}
.playPop .playInfo .leftBox s{display: block; width: 50px; height: 50px; margin-right: 16px;}
.playPop .playInfo .leftBox img{display: block; width: 100%; height: 100%; object-fit: cover;}
.playPop .playInfo .leftBox h6{font-size: 18px; color: #000;}
.playPop .playInfo .leftBox p{font-size: 14px; color: #494A4D;}
.playPop .playInfo .leftBox p a{color: #376AFF;}
.playPop .playInfo .linkBtn{display: flex; align-items: center; justify-content: center; width: 114px; height: 40px; background: #376AFF; border-radius: 20px; font-size: 14px; color: #fff;}
.playPop .playQrBox{display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.playPop .playQrBox .qrImg{width: 200px; height: 200px; background-color: #fff; margin: 0 20px;}
.playPop .playQrBox .qrImg img{display: block; width: 100%; height: 100%; object-fit: cover;}
.playPop .playQrBox .wxQr .qrImg{box-sizing: border-box; padding: 15px; }
.playPop .playQrBox p{text-align: center; font-size: 14px; color: #5C5E66; text-align: center; margin-top: 20px;}
.playPop {box-sizing: border-box; padding-bottom: 40px;}

.footer{background-color: #f2f3f5;}
.ui_content.ui_state_full{margin: 0 !important;}

.popErrAlert {position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99 !important; visibility: hidden; display: flex; align-items: center; flex-direction: column; justify-content: center; pointer-events: none;}
.popErrAlert p {position: static; background-color: rgba(23,23,23,.9); border-radius: 10px; color: #fff; font-size: 14px; line-height: 36px; text-align: center; padding: 10px 10px; z-index: 90; left: 0; top: 30%; margin-top: -10px; text-align: center; margin-top: -300px;  min-width: 100px; }
.popErrAlert p s.success{display: inline-block; width: 20px; height: 20px ; background: url(/static/images/gou_white.png) no-repeat center/cover; margin-right: 5px; vertical-align: middle; margin-bottom: 2px;}

.flyer-img{width: 60px; height: 60px; object-fit: cover; border-radius: 50%; z-index: 9; pointer-events: none; background-color: #eee;}