body{background: url(../../static/image/modDetail_bg.png) no-repeat  center 56px / 100% auto;background-color: #F3F7FC; box-sizing: border-box; min-height: 100vh;}
.contentWrapBox{width: 1200px; margin: 0 auto;}
.w1400 .contentWrapBox{width: 1400px;}
.crubms{font-size: 14px; line-height: 48px; color: #8A8C99;}
.crubms a{ color: #8A8C99;}

.detailHeadCon{height: 380px; background: #FFFFFF; border-radius: 10px; box-sizing: border-box; padding: 20px 0 20px 20px; display: flex; align-items: center; position: relative; overflow: hidden;}
.detailHeadCon .instr .hasBuy{color: #2693FF; font-size: 13px; line-height: 24px; background-color: #E8F4FF; width: 100px; text-align: center; position: absolute; right: -30px; top: 10px; transform: rotate(45deg)}
.detailHeadCon .litpic{width: 340px; height: 340px; border-radius: 6px; background-color: #F3F7FC; flex-shrink: 0;}
.detailHeadCon .litpic img{width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
.detailHeadCon .instr{align-self: flex-start; padding-left: 30px;  flex-grow: 1;}

.detailHeadCon .instr .textCon{height: 140px; box-sizing: border-box; padding-right: 12px;}
.detailHeadCon .title{font-weight: bold; color: #0E050A; line-height: 36px; font-size: 24px;}
.detailHeadCon .title span.lab{background: #FF512E; border: 1px solid #FF512E; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; padding:0 6px; height: 24px; font-weight: normal; vertical-align: middle; margin-bottom: 4px;}
.detailHeadCon .instr_text{font-size: 14px; color: #999; margin-top: 16px;     display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.detailHeadCon .tagBox{display: flex; flex-wrap: wrap; margin-top: 12px;}
.detailHeadCon .tagBox span{display: inline-flex; align-items: center; justify-content: center; color: #8590A6; background: #FFFFFF; border: 1px solid #DCE1EA; border-radius: 4px; font-size: 12px; padding:0 13px; height: 26px; margin-right: 8px;}
.detailHeadCon .tagBox span.blue{border-color: #376AFF; color: #376AFF;}
.detailHeadCon .buyInfo .price b{font-size: 20px; color: #FF512E;}
.detailHeadCon .buyInfo .price b span{font-size: 36px; font-family: coregtd6;}
.detailHeadCon .buyInfo .price s{color: #999; font-size: 14px; margin-left: 9px;}
.detailHeadCon .buyInfo .btnsGroup{display: flex; align-items: center; margin-top: 12px; }
.detailHeadCon .buyInfo .btnsGroup a{display: flex; align-items: center; justify-content: center; color: #7A8599; font-size: 16px; min-width: 130px; height: 50px; background: #F2F3F5; border-radius: 6px; box-sizing: border-box; margin-right: 16px; overflow: hidden;}
.detailHeadCon .buyInfo .btnsGroup a.play::before{content: ''; display: block; width: 24px; height: 24px; background: url(../../static/image/btn_play.png) no-repeat center/cover; margin-right: 5px;}
.detailHeadCon .buyInfo .btnsGroup a.play span{flex-grow: unset;}
.detailHeadCon .buyInfo .btnsGroup a:hover{background-color: #edeff2;}
.detailHeadCon .buyInfo .btnsGroup a span{flex-grow: 1; text-align: center;}
.detailHeadCon .buyInfo .btnsGroup a.buyNow{background-color: #376AFF; color: #fff; width: 140px;}
.detailHeadCon .buyInfo .btnsGroup a.buyNow:hover{background-color: rgba(55, 106, 255, .85);}
.detailHeadCon .buyInfo .btnsGroup a.addCart{background: #FFFFFF; border: 1px solid #87A6FF; color: #376AFF; width: 156px;}
.detailHeadCon .buyInfo .btnsGroup a.addCart:not(.hasAdd):hover{background: #F2F9FF;}
.detailHeadCon .buyInfo .btnsGroup a.addCart::before{content: ''; display: block; width: 48px; height: 50px; background: #F2F9FF url(../../static/image/cart_blue.png) no-repeat center /24px; border-radius: 6px 0 0 6px; }
/* .detailHeadCon .buyInfo .btnsGroup a.addCart.hasAdd{background-color:#F2F9FF ; border-color: #F2F9FF;} */
.detailHeadCon .buyStep{display: flex; align-items: center; color: #7A8599; font-size: 14px; padding-top:22px ; margin-top: 36px; position: relative;}
.detailHeadCon .buyStep::before{content: ''; height: 1px; transform: scaleY(.5); background: linear-gradient(90deg, #E7EBF6 0%, #FFFFFF 100%); position: absolute; top: 0; left: 0; right: 0;}
.detailHeadCon .buyStep .step::before{content: ''; display: block; width: 8px; height: 8px; background: rgba(255,255,255,0); border: 2px solid #7A8599; border-radius: 50%; box-sizing: border-box; flex-shrink: 0; margin-right: 7px;}
.detailHeadCon .buyStep .step::after{content: ''; display: block; width: 38px; height: 1px; border-top: dashed 1px #CFD6E6; margin-left: 6px;}
.detailHeadCon .buyStep .step{display: flex; align-items: center; justify-content: center; margin-right: 2px;}
.detailHeadCon .buyStep .step:last-of-type::after{display: none;}
.detailHeadCon .buyStep .step.currOn{color: #292C33;}
.detailHeadCon .buyStep .step.currOn::before{border-color: #376AFF;}
.detailHeadCon .buyStep .step.currOn::after{border-color: after;}

.detailAllCon{display: flex; align-items: flex-start;justify-content: space-between; margin-top: 10px;}
.detailAllCon .leftCon{flex-grow: 1; margin-right: 10px; min-height: 300px;}
.detailAllCon .leftCon .conBox{background: #FFFFFF; border-radius: 8px; margin-bottom: 10px;}
.detailAllCon .leftCon .terminalConBox{ padding: 0 22px 26px;}
.detailAllCon .leftCon .terminalConBox .title {display: flex; align-items: center; justify-content: space-between; height: 68px;}
.detailAllCon .leftCon .terminalConBox .title b{font-size: 20px; color: #0E050A;}
.detailAllCon .leftCon .terminalConBox .title em{color: #999; font-size: 12px; margin-left: 10px;}
.detailAllCon .leftCon .terminalConBox .title a{color: #999; font-size: 14px;}
.detailAllCon .leftCon .terminalConBox .title a:hover{color: #595e66;}

.detailAllCon .leftCon .terminalConBox .appBox{height: 136px; overflow: hidden; position: relative;}
.detailAllCon .leftCon .terminalConBox .appBox.waimai{height: 86px;}
.detailAllCon .leftCon .terminalConBox .appBox.hasOpen{height: auto;}
.detailAllCon .leftCon .terminalConBox .appBox .open_btn{background: linear-gradient(90deg, #6B819900 0%,rgba(107,129,153,.4) 100%);  border-radius: 0px 10px 10px 0px; position: absolute; display: flex; align-items: center; justify-content: center; top: 0; bottom: 0; right: 0; cursor: pointer; z-index: 2;}
.detailAllCon .leftCon .terminalConBox .appBox.hasOpen .open_btn{display: none;}
.detailAllCon .leftCon .terminalConBox .appBox .open_btn::before{content: ''; display: block; width: 36px; height: 36px; background: url(../../static/image/arr_right.png) no-repeat center/cover;}
.detailAllCon .leftCon .terminalConBox .appBox ul{display: grid ; grid-template-columns: repeat(3 ,1fr); column-gap: 20px; row-gap: 20px;}
.detailAllCon .leftCon .terminalConBox .appBox li{height: 136px; border-radius: 10px; padding: 2px;background: linear-gradient(90deg, #F7FBFF 0%, #F0F7FF 100%); border-radius: 10px; box-sizing: border-box; /*transition: all .3s; */ cursor: pointer;}
.detailAllCon .leftCon .terminalConBox .appBox li .app_box{  padding-left: 12px; box-sizing: border-box;  border-radius: 4px; height: 100%;  position: relative; overflow: hidden; flex-wrap: wrap;}
/* .detailAllCon .leftCon .terminalConBox .appBox li:hover{background: linear-gradient(-31deg, #34AFFF, #2185F8) ; box-shadow: 0px 3px 10px 0px rgba(0,102,255,0.1);} */
.detailAllCon .leftCon .terminalConBox .appBox li .app_text h2{font-size: 17px; color: #333; padding-top: 12px;} 
.detailAllCon .leftCon .terminalConBox .appBox li .app_text p{color: #A7B0BF; font-size: 12px; margin-bottom: 4px; margin-left: 10px; text-decoration: line-through;}
.detailAllCon .leftCon .terminalConBox .appBox li .app_text .app_info{ display: flex; align-items: flex-end; margin-top: 6px;}
.detailAllCon .leftCon .terminalConBox .appBox li .app_img{width: 86px; height: 86px; position: absolute; right: 0; bottom: 0;}
.detailAllCon .leftCon .terminalConBox .appBox li .app_img img{display: block; width: 100%; height: 100%; opacity: .6;}
.detailAllCon .leftCon .terminalConBox .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;}

.detailAllCon .leftCon .terminalConBox .appBox li h4{color: #FF512E; font-size: 14px; font-weight: bold;}
.detailAllCon .leftCon .terminalConBox .appBox li h4 b{font-size: 24px; font-family: coregtd6;}
.detailAllCon .leftCon .terminalConBox .appBox li h4 span{font-size: 16px; font-weight: normal;}
.detailAllCon .leftCon .terminalConBox .appBox li .addCart{width: 86px; height: 32px; border: solid 1px rgba(55, 106, 255, .6); border-radius: 3px; color: #376AFF; font-size: 14px; text-align: center; line-height: 32px; cursor: pointer; margin-top: 6px;}
.detailAllCon .leftCon .terminalConBox .appBox li:hover .addCart{background-color: #376AFF; color: #fff; }
.detailAllCon .leftCon .terminalConBox .appBox li .addCart.hasAdd{background-color: #C3D2FF; color: #fff; border-color: #C3D2FF;}
.detailAllCon .leftCon .terminalConBox .appBox li .addCart.disabled{cursor: no-drop;}
.detailAllCon .leftCon .terminalConBox .appBox.waimai .open_btn{display: none;}
.detailAllCon .leftCon .terminalConBox .appBox.waimai li {height: 86px; background: #FFFFFF; border: 1px solid #EDF3FA; border-radius: 10px;}
.detailAllCon .leftCon .terminalConBox .appBox.waimai li .app_box .app_text p,
.detailAllCon .leftCon .terminalConBox .appBox.waimai li .app_box .app_img{display: none;}
.detailAllCon .leftCon .terminalConBox .appBox.waimai li h4 b{font-size: 20px;}
.detailAllCon .leftCon .terminalConBox .appBox.waimai li .addCart{width: 84px; position: absolute; right: 16px; top: 18px;}
.detailAllCon .leftCon .terminalConBox .appBox.waimai li:hover{border-color: #99C2FF; background: linear-gradient(90deg, #F7FBFF 0%, #F0F7FF 100%);}

.modDetailBox .tabBox {font-size: 20px; color: #0E050A;height: 60px; border-bottom: solid 1px #E7EBF6; display: flex; align-items: center; position: relative;}
.modDetailBox .tabBox .tab{padding: 0 20px; cursor: pointer;}
.modDetailBox .tabBox .tab.onTab{font-weight: bold;}
.modDetailBox .tabBox .line{width: 43px; height: 4px; background: #376AFF; border-radius: 2px; display: block; position: absolute; bottom: 0; left: 0; transition: left .3s;}
.modDetailBox .tabConBox .tabCon{min-height: 200px; line-height: 30px; display: none;}
.modDetailBox .tabConBox .tabCon.show{display: block;}
.modDetailBox .tabConBox .tabCon.detailCon{padding: 30px 30px 50px;}
.modDetailBox .tabConBox .tabCon.detailCon img{display: block;}
.modDetailBox .tabConBox .tabCon img{max-width: 100%;}
.modDetailBox .tabConBox {margin-bottom: 30px;}

.detailAllCon .rightSide{width: 290px; flex-shrink:0 ;}
.detailAllCon .rightSide .ConBox{min-height: 100px; border-radius: 10px; background: #fff url(../../static/image/rightCon_bg.png) no-repeat center top/100% auto; margin-bottom: 10px;}
.detailAllCon .rightSide .ConBox .title{font-size: 20px; font-weight: bold; color: #0E050A; height: 60px; display: flex; align-items: center; padding: 0 20px;}
.detailAllCon .rightSide .ConBox .recList{border-top: solid 1px #E7EBF6; padding: 0 20px; cursor: pointer;}
.detailAllCon .rightSide .ConBox .recList .more{display: flex; align-items: center; justify-content: center; color: #7A8599; font-size: 14px; height: 56px; }
.detailAllCon .rightSide .ConBox .recList .more:hover{text-decoration: underline;}
/* .detailAllCon .rightSide .ConBox .recList .more::after{content: "\e6e0";} */
.detailAllCon .rightSide .ConBox .recList li{border-bottom: solid 1px #F3F7FC;}
.detailAllCon .rightSide .ConBox .recList li .tc_li{display: block; padding: 20px 0px;}
.detailAllCon .rightSide .ConBox .recList li .tc_li:hover .recPic{color: #376AFF;}
.detailAllCon .rightSide .ConBox .recList li .recPic{display: flex; align-items: center; font-size: 16px; color: #333; }
.detailAllCon .rightSide .ConBox .recList li .pic{width: 50px; height: 50px; border-radius: 6px;  background: url('../../static/image/tc_bg_1.png') no-repeat center/100% auto; margin-right: 10px; }
.detailAllCon .rightSide .ConBox .recList li .pic.img2{background-image: url('../../static/image/tc_bg_2.png');}
.detailAllCon .rightSide .ConBox .recList li .pic.img3{background-image: url('../../static/image/tc_bg_2.png');}
.detailAllCon .rightSide .ConBox .recList li .pic.img4{background-image: url('../../static/image/tc_bg_2.png');}
.detailAllCon .rightSide .ConBox .recList li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.detailAllCon .rightSide .ConBox .recList li p{font-size: 13px; color: #797C80; line-height: 22px; margin-top: 10px;}
.detailAllCon .rightSide .ConBox .recList li .tcTag{height: 24px; background: #FFFFFF; border: 1px solid #DCE1EA; border-radius: 4px; font-size: 12px; color: #8590A6; display: inline-flex; align-items: center; justify-content: center; padding: 0 8px; margin-top: 6px;}
.detailAllCon .rightSide .ConBox .recList li .tcPrice {margin-top: 10px;}
.detailAllCon .rightSide .ConBox .recList li .tcPrice span{color: #FF512E; font-size: 14px;}
.detailAllCon .rightSide .ConBox .recList li .tcPrice b{font-size: 24px; font-weight: bold; font-family: coregtd6;}
.detailAllCon .rightSide .ConBox .recList li .tcPrice s{color: #A7B0BF; font-size: 14px;} 
.detailAllCon .rightSide .ConBox.wchatBox p{font-size: 15px; color: #4D4D4D; text-align: center;} 
.detailAllCon .rightSide .ConBox .qrCode{width: 160px; height: 160px; margin:20px auto 0; }
.detailAllCon .rightSide .ConBox .qrCode img{display: block; width: 100%; height: 100%; object-fit: cover;}
.detailAllCon .rightSide .ConBox.wchatBox p.tip{color: #999; font-size: 14px; margin-top: 12px;}
.detailAllCon .rightSide .ConBox.wchatBox{min-height: 340px;}

.btnsFloat{position: fixed; right:20px; bottom: 500px;}
.btnsFloat>div{width: 64px; height: 64px; background: #FFFFFF; box-shadow: 0px 5px 20px 0px rgba(140,149,165,0.1); border-radius: 6px; margin-top: 10px;}
.btnsFloat>div .btn{display: flex; align-items: center; justify-content: center; height: 100%; flex-direction: column; cursor: pointer;}
.btnsFloat>div .btn img{display: block; width: 30px; height: 30px;}
.btnsFloat>div .btn p{text-align: center; font-size: 12px; color: #8F98B3;}
.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/image/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/image/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;}


/* 购物车 */
.footCartBox.fn-hide{display: none;}
.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/image/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/image/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; 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: 300px; 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;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/image/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;}




.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/image/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/image/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/image/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/image/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/image/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(../../index-1.html) 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; background-color: #eee;}







@font-face {
	font-family: coregtd6;
	src: url('../../static/font/coregtd6.otf'),
		url('../../static/font/index'),
		url('../../static/font/coregtd6.svg'),
		 url('../../static/font/coregtd6.woff'); /* IE9 */
}