* { outline: none !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html,
body { width: 100%; height: auto; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;background: #eee;}
body, textarea, input, button, select, keygen, legend {font: 14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI','WenQuanYi Micro Hei', Arial, sans-serif,\5b8b\4f53;color: #929292;outline: 0;}
ul, ol { margin: 0; padding: 0; list-style-type: none; }
a{color: #929292;}
a:hover,a:focus{text-decoration: none;color: #929292;}
img{max-width: 100%;}

textarea{resize:none;border: 0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}

.container{min-width: 1310px;}
.header{background: #fff;box-shadow: 0px 3px 6px rgba(0,0,0,.06);position: fixed;z-index: 999;width: 100%;top: 0;left: 0;}
/* .header .container{display: flex;align-items: center;} */
.header .logo,.header .f-position,.header .f-menu{float: left;}
.header .f-info{float: right;margin-top: 10px;}
.header .logo{width: 116px;margin-top: 13px;}
.header .f-position{margin:0 30px;margin-top: 19px;}
    .header .f-position a span {
        max-width: 180px;
        overflow: hidden;
        height: 26px;
        display: inline-flex;
    }
.header .f-position i{font-size: 12px;transition: .3s; }
.header .f-info li:last-child{margin-top: 8px;}
/* .header .f-info{flex: 1;display: flex;justify-content: flex-end;} */
/* .header .f-menu-lst,.header .f-info-cont{display: flex;} */
.header .f-menu,.header .f-menu-lst{height: 60px;}
.header .f-menu-lst>li{line-height: 60px;/* padding: 0 20px; */transition: .3s;position: relative;float: left;}
.header .f-menu-lst>li:hover,.header .f-menu-lst>li.active{background: #f5f5f5;}
.header .f-menu-lst li i{font-size: 12px;margin-left: 5px;transition: .3s;}
.header .f-menu-lst li>a{color: #000;display: block;padding: 0 20px;}
.header .f-info-cont li{margin-left: 20px;cursor: pointer;float: left;}
.header .f-info-cont li,.header .f-info-cont li a{color: #666;}
.header .f-info-cont li img{width: 40px;height: 40px;border-radius: 50%;display: inline-block;margin-right: 5px;object-fit: cover;}
.header .f-menu-lst .f-vip{font-weight: bold;font-style: italic;position: relative;}
.header .f-menu-lst .f-vip span{position: absolute;display: block;top: 0px;right:0px;height: 20px;line-height: 20px;padding: 0 10px;border-radius: 20px;font-size: 12px;color: #fff;background: #ff3939;transform: scale(.8);}
    .header .f-menu-lst .f-new span {
        position: absolute;
        display: block;
        top: 0px;
        right: 0px;
        height: 20px;
        line-height: 20px;
        padding: 0 10px;
        border-radius: 20px;
        font-size: 12px;
        color: #fff;
        background: #ff6600;
        transform: scale(.8);
    }
.header .f-info-cont li span{display: inline-block;width: 40px;height: 40px;border-radius: 50%;background: #eee;margin-right: 5px;text-align: center;line-height: 40px;}
.header .f-info-cont li span i{font-size: 22px;}
.header .f-info-cont li.f-info-icon i{color: #aaa;}
.header .f-info-cont li.f-info-login{margin-top: 0;}
.header .f-info-cont li.f-info-icon.active i{background:linear-gradient(to right bottom, #f5eb3b, #fc681e);-webkit-background-clip: text;color: transparent;color: #fc681e\9;}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
	/*兼容IE11*/
	.header .f-info-cont li.f-info-icon.active i {background: none;color: #fc681e;}
	
}
.header .f-menu-lst li .f-menu-son{position: absolute;width: 660px;background: #fff;box-shadow: 0px 3px 6px rgba(0,0,0,.06);padding: 30px 20px;left: 0;top:60px;display: none;z-index: 9;}
.header .f-menu-lst li:hover .f-menu-son{display: block;}
/* .header .f-menu-lst li .f-menu-son .f-son-item,.header .f-son-item .f-son-list{display: flex;} */
.header .f-son-item .f-son-title{color: #000;font-weight: bold;width: 35px;text-align: center;line-height: 30px;font-size: 14px;float: left;}
.header .f-son-item .f-son-title a{ color: #000; }
/* .header .f-son-item .f-son-list{flex-wrap: wrap;flex: 1;} */
    .header .f-son-item .f-son-list {
        float: left;
        max-width: calc(100% - 40px);
    }
.header .f-son-item .f-son-list li{margin-left: 5px;color: #666;border-radius: 25px; line-height: 25px;transition: .3s;margin-bottom: 15px;float: left;}
.header .f-son-item .f-son-list li a{color: #666;transition: .3s;padding: 0 10px;display: block;}
.header .f-son-item .f-son-list li:hover,.header .f-son-item .f-son-list li.active{background: #eee;}
.header .f-son-item .f-son-list li:hover a,.header .f-son-item .f-son-list li.active a{color: #ff3939;}

/* banner */
.pad30{padding: 30px 0;}
.mt30{margin-top: 30px;}
.pb30{padding-bottom: 30px;}
.mt90{margin-top: 100px;}
.nmb{margin-bottom: 0 !important;}
.f-banner .f-banner-list{border-radius: 12px;overflow: hidden;}
.f-banner .f-banner-list.slick-dotted.slick-slider{margin-bottom: 0;}
.f-banner .f-banner-list .slick-dots{bottom: 10px;}
.f-banner .f-banner-list .slick-dots li{background: #ccc;border-radius: 12px;width: 12px;height: 12px;transition: .4s;}
.f-banner .f-banner-list .slick-dots li button{display: none;}
.f-banner .f-banner-list .slick-dots li.slick-active{width: 20px;}

.f-slick .f-slick-ovf{overflow: hidden;border-radius: 12px;}
.f-slick .f-slick-item{border-radius: 12px;overflow: hidden;height: 220px;}
.f-slick .f-slick-item img{width: 100%;height: 100%;object-fit: cover;}
.f-slick .f-slick-list .slick-prev,.f-slick .f-slick-list .slick-next{z-index: 9;width: 40px;height: 40px;border-radius: 50%;background: rgba(0,0,0,.6);}
.f-slick .f-slick-list .slick-prev{left: 20px;}
.f-slick .f-slick-list .slick-next{right: 20px;}
.f-slick .f-slick-list .slick-prev:before,.f-slick .f-slick-list .slick-next:before{display: none;}
.f-slick .f-slick-list .slick-prev i,.f-slick .f-slick-list .slick-next i{position: absolute;left: 0;top: 0;width: 40px;height: 40px;line-height: 40px;color: #fff;font-size:14px;text-align: center;}

/* 搜索 */
.Empty {text-align: center;padding: 50px 0;}
.Empty .Empty-content {width: 260px;margin: 0 auto;margin-bottom: 20px;}

/* 上传提示 */
.upload-loading{position: fixed;top: 105px;left: 50%;transform: translateX(-50%);background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.16);z-index: 99999;font-size: 14px;color: #aaa;text-align: center;border-radius: 5px; height: 40px;line-height: 40px;padding:0 20px;display: none;}

/* 等待动画 */
.blinking{width: 20px;height: 20px;border-radius: 5px;position: relative;padding: 3px;display: inline-block;vertical-align: middle;}
.blinking span{width: 5px;height: 2px;display: inline-block;border-radius: 20px;background: #00ade5;position: absolute;left: 50%;top: 50%;animation: 1s blink infinite;transform-origin: left top;}
@keyframes blink{
	0%{
		opacity: 0.4;
	}
	30%{
		opacity: 0.6;
	}
	60%{
		opacity: 0.8;
	}
	100%{
		opacity: 1;
	}
}

.blinking span:first-child{transform:rotate(45deg) translateX(5px);animation-delay: 0.125s;}
.blinking span:nth-child(2){transform:rotate(90deg) translateX(5px);animation-delay: 0.25s;}
.blinking span:nth-child(3){transform:rotate(135deg) translateX(5px);animation-delay: 0.375s;}
.blinking span:nth-child(4){transform:rotate(180deg) translateX(5px);animation-delay: 0.5s;}
.blinking span:nth-child(5){transform:rotate(225deg) translateX(5px);animation-delay: 0.625s;}
.blinking span:nth-child(6){transform:rotate(270deg) translateX(5px);animation-delay: 0.75s;}
.blinking span:nth-child(7){transform:rotate(315deg) translateX(5px);animation-delay: 0.875s;}
.blinking span:nth-child(8){transform:rotate(360deg) translateX(5px);animation-delay: 0s;}


/* 搜索 */
.f-search .f-search-cont{background: #fff;border-radius: 12px;padding: 30px;position: relative;}
.f-borderB{position: relative;}
.f-borderB:before,.f-borderB:after{position: absolute;content: '';display: block;left: 0;height: 1px;width: 100%;}
.f-borderB:before{background: #e1e1e1;bottom: -29px;}
.f-borderB:after{background: #fff;bottom: -30px;}
.f-search .f-search-cont .f-search-top{width: 790px;margin: 0 auto;border-radius: 60px;height: 60px;overflow: hidden;position: relative;}
.f-search .f-search-cont .f-search-top i{position: absolute;font-size: 18px;color: #aaa;left: 20px;top: 50%;transform: translateY(-50%);}
.f-search .f-search-cont .f-search-top input{width: 100%;height: 100%;padding-left:50px;line-height: 60px;background: #eee;color: #aaa;padding-right: 145px;font-size: 16px;border: 0;color: #000;}
.f-search .f-search-cont .f-search-btn{cursor: pointer;position: absolute;width: 135px;height: 60px;top: 0;right: 0;z-index: 9;color: #fff;font-size: 18px;background: #ff4343;text-align: center;line-height: 60px;transition: .4s;}
.f-search .f-search-cont .f-search-btn:hover{opacity: .7;}
.f-search .f-search-hot{text-align: center;margin-top: 20px;color: #000;}
.f-search .f-search-hot a{color: #000;margin: 0 10px;}
.f-search .f-search-hot span{color: #ff4343;}

/* 模板 */
/* 模板标题 */
.f-template-title h3{position: relative;color: #010101;font-size: 24px;font-weight: bold;padding-left: 20px;margin: 0;}
.f-template-title h3:before,.f-template-title h3:after{position: absolute;content: '';display: block;}
.f-template-title h3:before{height: 100%;left: 0;top: 0;width: 10px;border-radius:10px;background: #ff4343;}
.f-template-title h3:after{height: 10px;width: 4px;border-radius: 4px;background: rgba(255,255,255,.4);top: 3px;left: 3px;z-index: 3;}
.f-template-title .f-template-classif li{float: left;margin-right: 10px;padding: 0 10px;height: 32px;line-height: 32px;font-size: 16px;color: #333;transition: .3s;border-radius: 32px;margin-top: 15px;cursor: pointer;}
.f-template-title .f-template-classif li a{color: #333;}
.f-template-title .f-template-classif li.active,.f-template-title .f-template-classif li:hover{background: #fff;}

/* 模板列表 */
.f-template-list .f-template-item{background: #fff;border-radius: 12px;padding: 15px;transition: .4s;margin-top: 30px;}
.f-template-list .f-template-item:hover{box-shadow: 0px 0px 25px rgba(0,0,0,.26);}
.f-template-item .f-template-img{position: relative;overflow: hidden;}
.f-template-item .f-template-img>img{transition: .4s;}
.f-template-list .f-template-item:hover .f-template-img>img{transform: scale(1.08);}
.f-template-item .f-template-img .f-template-info{position: absolute;width: 100%;background: rgba(0,0,0,.4);color: #fff;font-size: 12px;padding: 6px 10px;left: 0;bottom: -60px;z-index: 9;transition: .4s;}
.f-template-item:hover .f-template-img .f-template-info{bottom: 0;}
.f-template-item .f-template-img .f-template-info span{display: inline-block;max-width: 75%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-left: 5px;vertical-align: middle;}
.f-template-item .f-template-img .f-template-info img{width: 40px;height: 40px;border-radius: 50%;}
.f-template-item .f-template-txt .f-template-txt-title{font-size: 14px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 10px 0 5px 0;}
.f-template-item .f-template-txt p{margin-bottom: 0;color: #aaa;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.f-tabbox .f-itembox{display: none;}
.f-tabbox .f-itembox.active{display: block;}

/* 广告位 */
.f-advertis{padding-bottom: 50px;padding-top: 10px;}
.f-advertis .f-adcertis-cont{transition: .4s;border-radius: 12px;}
.f-advertis .f-adcertis-cont:hover{box-shadow: 0px 0px 25px rgba(0,0,0,.26);}
.f-advertis .f-adcertis-cont img{border-radius: 12px;transition: .4s;}
/* .f-advertis .f-adcertis-cont:hover img{transform: scale(1.08);} */
.f-advertis .f-borderB:before{bottom: -49px;}
.f-advertis .f-borderB:after{bottom: -50px;}

.f-template #waterfall-box{position: relative;}
/* .f-template .water-box{position: absolute;} */
.f-template .f-more{text-align: center;margin: 100px 0;}
.f-template .f-more a{display: block;width: 355px;height: 80px;line-height: 80px;font-size: 14px;color: #000;background: #fff;border-radius: 80px;box-shadow: 0px 0px 20px rgba(0,0,0,.06);margin: 0 auto;}

/* 底部 */
footer{background: #fff;padding: 50px 0 60px;text-align: center;}
footer .foot-link{margin-bottom: 50px;}
footer .foot-link li{display: inline-block;margin-right: 38px;}
footer .foot-link li:last-child{margin-right: 0;}
footer .foot-link li a{color: #000;transition: .3s;}
footer .foot-link li a:hover{color: #aaa;}
footer p{margin:0;color: #787878;margin-bottom: 10px;}

/* 列表页 */
.f-list-advertis{padding-top: 0;padding-bottom: 30px;}
.f-screen-cont{background: #fff;border-radius: 12px;padding: 20px 20px 30px 20px;}
.f-screen-cont ul li{float: left;cursor: pointer;}
.f-screen-cont .f-screen-top li{font-size: 16px;color: #aaa;position: relative;padding: 0 15px 6px 15px;margin-right: 30px;margin-top: 15px;transition: .3s;}
.f-screen-cont .f-screen-top li:last-child{margin-right: 0;}
.f-screen-cont .f-screen-top li.active,.f-screen-cont .f-screen-top li:hover{color: #ff4343;}
.f-screen-cont .f-screen-top li:after{position: absolute;content: '';display: block;width:0;height: 4px;border-radius: 4px;background: #ff4343;left: 50%;transform: translateX(-50%);bottom: 0;transition: .3s;}
.f-screen-cont .f-screen-top li.active:after,.f-screen-cont .f-screen-top li:hover:after{width:calc(80% - 30px);}
.f-screen-cont .f-screen-botto li{color: #333;height: 32px;line-height: 32px;border-radius: 25px;padding: 0 15px;transition: .3s;margin-right: 5px;margin-top: 15px;}
.f-screen-cont .f-screen-botto li:last-child{margin-right: 0;}
.f-screen-cont .f-screen-botto li.active,.f-screen-cont .f-screen-botto li:hover{background: #eee;}
.f-screen-cont .f-screen-lable li{color: #aaa;height: 32px;line-height: 32px;padding: 0 15px;transition: .3s;margin-right: 5px;margin-top: 15px;}
.f-screen-cont .f-screen-lable{margin-top: 20px;border-top: 1px dashed #e0e0e0;}
.f-screen-cont .f-screen-lable li:first-child{cursor: default;color: #999;}
.f-screen-cont .f-screen-lable li.active{background: #eee;border-radius: 32px;}

.f-screen2-cont .f-screen2-left,.f-screen2-cont .f-screen2-left li{float: left;}
.f-screen2-cont .f-screen2-right{float: right;position: relative;border-radius: 40px;overflow: hidden;}
.f-screen2-cont .f-screen2-left li{color: #333;margin-right: 40px;cursor: pointer;line-height: 40px;}
.f-screen2-cont .f-screen2-left li:first-child{color: #aaa;margin-right: 15px;cursor: default;}
.f-screen2-cont .f-screen2-left li:last-child{margin-right: 0;}
.f-screen2-cont .f-screen2-left li i{color: #9cc776;font-size: 12px;transform: rotate(180deg);display: inline-block;margin-left: 3px;}
.f-screen2-cont .f-screen2-left li.active i{transform: rotate(0deg);}
.f-screen2-cont .f-screen2-left li.active a{color: #000;}
.f-screen2-cont .f-screen2-right input{width: 370px;height: 40px;border-radius: 40px;padding: 10px;padding-right: 40px;background:#fff;border: 0;color: #333;}
.f-screen2-cont .f-screen2-right .f-screen2-btn{width: 40px;height: 40px;line-height: 40px;color: #000;right: 0;top: 0;text-align: center;position: absolute;cursor: pointer;}
.f-screen2-cont .f-screen2-right .f-screen2-btn i{display: inline-block;font-size: 18px;}

.f-template .f-paging{margin: 100px 0;}
/* 分页 */
.f-paging{text-align: center;}
.f-paging li{display: inline-block;min-width: 40px;padding: 0 8px; height: 40px;border-radius: 12px;background: #fff;border: 1px solid #e2e2e2;color: #787878;text-align: center;line-height: 40px;margin-right: 10px;transition: .3s;cursor: pointer;}
.f-paging li:last-child{margin-right: 0;}
.f-paging li.active,.f-paging li:hover{color: #000;background: #e2e2e2;}
.f-paging li a{display: block;}

/* 搜索页 */
.f-search p{margin-top: 40px;margin-bottom: 10px;color: #aaa;}
.f-search p span{font-weight: bold;display: inline-block;margin: 0 3px;}
.f-search p .f-key{color: #e40b0b;}
.f-search p .f-num{color: #000;}

/* 页面定位 */
.f-position p{margin: 0;}
.f-position p,.f-position p a{color: #666;transition: .3s;}
.f-position p a:hover{color: #000;}

/* 专题详情 */
.f-special-cont{background: #fff;border-radius: 12px;padding-bottom: 100px;margin-bottom: 60px;}
.f-special-cont .f-special-top{padding: 30px;}
.f-special-cont .f-special-top .f-special-img,.f-special-cont .f-special-top .f-special-img img{border-radius: 12px;}
.f-special-cont .f-special-top .f-special-txt{margin-top: 55px;}
.f-special-cont .f-special-top .f-special-txt h3{font-size: 28px;color: #000;font-weight: normal;margin-top: 0;text-align: center;}
.f-special-cont .f-special-top .f-special-txt p.f-time{color: #aaa;margin: 0;text-align: center;}
.f-special-cont .f-special-top .f-special-det{color: #000;margin-top: 50px;}
.f-special-cont .f-special-top .f-special-det p{margin: 0;}
.f-special-cont .f-special-top .f-special-det img{max-width: 100% !important;}

.f-special-cont .f-special-bottom{margin-top: 110px;}
.f-special-title{font-size:28px;color: #000;padding: 0 30px;}
.f-special-title h3{margin: 0;}
.f-special-title span{font-size: 14px;color: #aaa;display: inline-block;margin-left: 10px;}
.f-template1{padding: 0 15px;}
.f-special-title span span{color: #000;margin-left: 0;}

/* 设计师作品列表 */
.f-des-cont{position: relative;border-radius: 12px;overflow: hidden;text-align: center;}
.f-des-cont .f-des-txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 9;color: #fff;padding: 30px;}
.f-des-cont .f-des-txt .f-des-t{width: 165px;height: 165px;border-radius: 50%;background: #fff;padding: 15px;margin: 0 auto;margin-bottom: 10px;}
.f-des-cont .f-des-txt .f-des-t img{border-radius: 50%;}
.f-des-cont .f-des-txt p{margin: 0;}
.f-des-cont .f-des-txt .f-des-name{font-size: 20px;}

/* 模板详情 */
.f-temp-detail {position:relative;}
.f-temp{margin-bottom: 50px;}
.f-temp .f-temp-detail,.f-temp .f-temp-info{background: #fff;border-radius: 12px;padding: 25px;}
.f-temp .f-temp-detail .f-det-img{margin-bottom: 40px;}
.f-temp .f-temp-detail .f-det-img img{display: block;margin-bottom: 10px;}
.f-temp .f-temp-detail .f-temp-txt h4{font-size: 16px;color: #000;margin: 0;margin-bottom: 15px;}
.f-temp .f-temp-detail .f-temp-txt .f-temp-tf{color: #666;line-height: 30px;}
.f-temp .f-temp-detail .f-temp-txt .f-temp-tf p{margin:20px 0;}
.f-temp-colle{margin: 75px 0;}
.f-temp-colle .f-temp-colle-btn{width: 60px;margin: 0 auto;text-align: center;cursor: pointer;}
.f-temp-colle .f-temp-colle-btn p{margin: 0;margin-top: -5px;}
.f-temp-colle .f-temp-colle-btn i{font-size:60px;}
.f-temp-colle .f-temp-colle-btn.active{color: #ff0000;}

.f-temp-info .f-temp-info-item{border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 30px;}
.f-temp-info .f-temp-info-item:last-child{border: 0;}
.f-temp-info .f-temp-info-item .f-teml-title h1{color: #000;font-size: 24px;margin: 0;line-height: 30px;}
.f-temp-info .f-temp-info-item .f-read-det{margin-top: 30px;color: #aaa;text-align: center;}
.f-temp-info .f-temp-info-item .f-read-det li{width: 33.333%;float: left;}
.f-temp-info .f-temp-info-item .f-read-det li a{color: #aaa;}
.f-temp-info .f-temp-info-item .f-read-det li i{font-size: 14px;}
.f-temp-info .f-temp-price .f-price-left{float: left;}
.f-temp-info .f-temp-price .f-price-left p{color: #262626;margin: 0;}
.f-temp-info .f-temp-price .f-price-left .f-prict-num{color: #aaa;}
.f-temp-info .f-temp-price .f-price-left .f-prict-num span{font-size: 32px;color: #ff0000;margin-right: 5px;}
.f-temp-info .f-temp-price .f-price-right{float: right;background: #fff43f;border-radius: 5px;height: 34px;line-height: 34px;padding: 0 10px;margin-top: 25px;}
.f-temp-info .f-temp-price .f-price-right a{color: #262626;}
.f-temp-info .f-temp-price .f-price-right i{color: #ff4423;}
.f-temp-info .f-temp-edit{border-radius: 12px;background: #ff4c4c;font-size: 20px;text-align: center;color: #fff;height: 60px;line-height: 60px;margin-top: 30px;transition: .3s;}
.f-temp-info .f-temp-edit:hover{opacity: .6;}
.f-temp-info .f-temp-edit a{display: block;color: #fff;}
.f-temp-colle-btn{text-align: center;margin-top: 25px;}
.f-temp-colle-btn.active a{color: #ff0000;}
.f-temp-user .f-temp-user-left,.f-temp-user .f-user-txt{float: left;}
.f-temp-user .f-temp-user-left .f-user-img{width: 60px;height: 60px;border-radius: 50%;overflow: hidden;float: left;}
.f-temp-user .f-user-txt p{margin: 0;color: #aaa;}
.f-temp-user .f-user-txt p span{color: #000;display: inline-block;margin-right: 3px;max-width: 125px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: bottom;}
.f-temp-user  .f-temp-user-right{float: right;width: 90px;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;border: 1px solid #eee;margin-top: 10px;}
.f-temp-user  .f-temp-user-right a{display: block;color: #333;}
.f-temp-user .f-user-txt{margin-top: 8px;margin-left: 8px;}

.f-temp-info .f-user-ptit{font-size: 16px;color: #000;font-weight: bold;}
.f-temp-info .f-user-ptit a{color: #aaa;font-size: 14px;float: right;font-weight: normal;}
.f-temp-info .f-user-project ul li{float: left;width: 30%;margin-right: 5%;margin-top: 10px;background: #eee;transition: .3s;}
.f-temp-info .f-user-project ul li:hover{box-shadow: 0px 5px 10px rgba(0,0,0,.26);}
.f-temp-info .f-user-project ul li:nth-child(3n){margin-right: 0;}
.f-temp-info .f-user-project ul li img{width: 100%;object-fit: cover;}
.f-temp-info .f-temp-inst,.f-temp-info .f-temp-lable{margin-top: 50px;}
.f-temp-info .f-temp-inst p{margin: 0;line-height: 32px;color: #666;}
.f-temp-info .f-temp-lable ul li{float: left;height: 32px;line-height: 32px;border-radius: 32px;background: #eee;color: #666;padding: 0 18px;text-align: center;margin-right: 18px;margin-top: 15px;}

.hover-show-img {position:absolute;top:10px;right:10px;z-index:9;cursor:pointer;color:#333;font-size:14px;}
.hover-show-img img{width:20px; }
.hover-pfimg {position:absolute;width:180px;padding:10px;background:#fff;right:0;top:25px;z-index:10;display:none;border-radius:8px; box-shadow:0px 0px 18px rgba(0,0,0,.16)}
.hover-pfimg img{width:100%;}
.hover-pfimg p{margin-bottom:0;margin-top:15px;text-align:center;color:#333;}
.hover-show-img:hover .hover-pfimg{display:block;} 

/* 下单页 */
.f-specif .f-specif-detail{padding: 30px;background: #fff;border-radius: 12px;}
.f-specif .f-specif-det h1{font-size: 24px;color: #000;margin: 0;margin-bottom: 10px; line-height: 32px;}
.f-specif .f-specif-det .f-specif-subt{color: #aaa;margin: 0;}
.f-specif .f-specif-det .f-specif-list{margin-top: 70px;}
.f-specif .f-specif-det  .f-specif-item{margin-bottom: 20px;}
.f-specif .f-specif-det  .f-specif-item .f-specif-stitle,.f-specif .f-specif-det  .f-specif-item .f-specif-right{float: left;line-height: 32px;text-align: center;color: #000;}
.f-specif .f-specif-det  .f-specif-item .f-specif-stitle{margin-right: 10px;width: 75px;text-align: right;}
.f-specif .f-specif-det  .f-specif-item .f-specif-right{max-width: calc(100% - 85px);}
.f-specif .f-specif-det  .f-specif-item li{float: left; height: 32px;padding: 0 15px;border-radius: 5px;margin-right: 20px;margin-bottom: 15px;background: #dedede;color: #333;transition: .3s;cursor: pointer;}
.f-specif .f-specif-det  .f-specif-item li.active,.f-specif .f-specif-det  .f-specif-item li:hover{background: #ff5b5b;color: #fff;}
.f-specif .f-specif-det  .f-specif-item .f-specif-right span{color: #ff4c4c;font-size: 20px;}
.f-specif .f-specif-det .f-specif-num{background: #dedede;height: 40px;padding: 4px 0;width: 135px;border-radius: 5px;margin-top: -4px;}
.f-specif .f-specif-det .f-specif-right .f-specif-num span{display: inline-block;height: 32px;width: 38px;text-align: center;cursor: pointer;float: left;color:#000;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.f-specif .f-specif-det .f-specif-num input{width: 58px;border: 0;background: #fff;text-align: center;height: 32px;float: left;color:#000;}
.f-specif .f-specif-det .f-specif-total{margin-top: 100px;margin-bottom: 30px;}
.f-specif .f-specif-det .f-specif-total .f-total-left{float: left;}
.f-specif .f-specif-det .f-specif-total .f-total-left span{color: #ff0000;font-size: 32px;margin-left: 6px;}
.f-specif .f-specif-det .f-specif-total .f-total-left span.f-total-num{font-size: 44px;}
.f-specif .f-specif-det .f-specif-total .f-total-left span.f-total-unit{font-size: 14px;color: #000;}
.f-specif .f-specif-det .f-specif-total .f-total-right{float: right;}
.f-specif .f-specif-det .f-specif-total .f-total-right .f-order-submit{width: 200px;height: 60px;line-height: 60px;text-align: center;border-radius: 12px;font-size: 20px;color: #fff;background: #ff4c4c;transition: .3s;cursor: pointer;}
.f-specif .f-specif-det .f-specif-total .f-total-right .f-order-submit:hover{opacity: .6;}
.f-instructions{margin-bottom: 65px;}
.f-instructions-cont{background: #fff;border-radius: 12px;padding: 30px;}
.f-instructions-cont .f-instructions-tab{padding-bottom: 25px;border-bottom: 1px solid #eee;}
.f-instructions-cont .f-instructions-tab .f-tab-item{position: relative;color: #aaa;font-size: 16px;float: left;margin: 0 25px;transition: .3s;cursor: pointer;}
.f-instructions-cont .f-instructions-tab .f-tab-item.active{color: #ff4c4c;}
.f-instructions-cont .f-instructions-tab .f-tab-item:after{position: absolute;content:'';display: block;width: 0;height: 3px;border-radius: 3px;background: #ff4c4c;left: 50%;transform: translateX(-50%);bottom: -6px;transition: .3s;}
.f-instructions-cont .f-instructions-tab .f-tab-item.active:after,.f-instructions-cont .f-instructions-tab .f-tab-item:hover:after{width: 60%;}
.f-instructions-cont .f-instructions-bitem{display: none;margin-top: 30px;}
.f-instructions-cont .f-instructions-bitem.active{display: block;}

/* tab切换 */
.f-tab .f-citem{cursor: pointer;}
.f-tab .f-ditem{display: none;}
.f-tab .f-ditem.active{display: block;}

/* 确认订单 */
.f-order-info{margin-bottom: 65px;}
.f-order-info .f-order-cont{background: #fff;border-radius: 12px;padding: 30px;}
.f-order-info .f-order-cont .f-oinfo-item{margin-bottom: 80px;}
.f-order-info .f-order-cont .f-oinfo-item h3{font-size: 20px;color: #000;margin: 0;margin-bottom: 15px;}
.f-order-info .f-order-cont .f-oinfo-item h3 a{color: #aaa;font-size: 14px;margin-left: 10px;}
.f-order-info .f-order-cont .f-oinfo-det .f-citem{float: left;margin-right: 20px;height: 32px;line-height: 32px;border-radius: 5px;border: 1px solid #dedede;padding: 0 25px;transition: .3s;}
.f-order-info .f-order-cont .f-oinfo-det .f-citem.active,.f-order-info .f-order-cont .f-oinfo-det .f-citem:hover{color: #fe0000;border-color: #fe0000;}
.f-order-info .f-order-cont .f-oinfo-det .f-dtab{margin-top: 30px;}
/* .f-order-info .f-order-cont .f-oinfo-det .f-ditem{max-width: 470px;} */
.f-order-info .f-order-cont .f-oinfo-det .f-ditem p{color: #333;margin: 0;line-height: 28px;margin-bottom: 10px;}
.f-order-info .f-order-cont .f-oinfo-det .f-ditem p a{color: #fe0000;text-decoration: underline;float: right;}
.f-order-info .f-order-cont .f-oinfo-det .f-ditem p.f-naddress{color: #aaa;}
.f-order-info .f-order-cont .f-oinfo-det .f-ditem p.f-naddress a{float: none;}
.f-order-info .f-order-cont .f-oinfo-det .f-ditem input{width: 390px;height: 40px;border-radius: 6px;padding: 0 8px;line-height: 40px;color: #333;background: #eee;border: 0;margin-bottom: 20px;display: block;}
.f-order-info .f-order-cont .f-oinfo-det .f-ditem input:last-child{margin-bottom: 0;}
.f-order-info .f-order-cont .f-oinfo-det .f-orderaddress-list .f-orderaddress-item{float: left;width: 280px;height: 130px;border-radius: 8px;border: 1px solid #dedede;padding: 15px;margin-right: 20px;cursor: pointer;transition: .3s;overflow: hidden;position: relative;margin-bottom: 20px;}
.f-order-info .f-order-cont .f-oinfo-det .f-orderaddress-list .f-orderaddress-item.active,.f-order-info .f-order-cont .f-oinfo-det .f-orderaddress-list .f-orderaddress-item:hover{border-color: #ff4c4c;}
.f-order-info .f-order-cont .f-oinfo-det .f-orderaddress-list .f-orderaddress-item.active::before{position: absolute;content: '';background: #ff4c4c;width: 40px;height: 40px;right: -20px;bottom: -20px;transform: rotate(45deg);z-index: 3;}
.f-order-info .f-order-cont .f-oinfo-det .f-orderaddress-list .f-orderaddress-item.active::after{position: absolute;content: '';width: 7px;height: 12px;border-right:1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(45deg);right: 5px;bottom: 5px;z-index: 6;}
.f-order-info .f-order-cont .f-oinfo-det .f-orderaddress-list .f-orderaddress-item .f-red{display: none;}
.f-order-info .f-order-cont .f-oinfo-det .f-orderaddress-list .f-orderaddress-item.active .f-red{display: block;}
.f-order-info .f-order-cont .f-oinfo-det .f-orderaddress-list .f-orderaddress-item p{margin-bottom: 0;line-height: 26px;}
.f-order-info .f-order-cont .f-oinfo-det .f-orderaddress-list .f-orderaddress-item p.f-addressdet{height: 52px;overflow: hidden;}
.f-order-info .f-order-cont .f-oinfo-det .f-orderaddress-list .f-orderaddress-item p.f-addressname{white-space: nowrap;overflow: hidden;}


.f-order-info .f-order-cont .f-oinfo-det .f-oinfo-way li{float: left;height: 48px;line-height: 48px;border: 1px solid #dedede;color: #000;padding: 0 30px;margin-right: 35px;transition: .3s;border-radius: 5px;cursor: pointer;}
.f-order-info .f-order-cont .f-oinfo-det .f-oinfo-way li i{color: #333;font-size: 26px;transition: .3s;vertical-align: middle;margin-right: 5px;}
.f-order-info .f-order-cont .f-oinfo-det .f-oinfo-way li.active,.f-order-info .f-order-cont .f-oinfo-det .f-oinfo-way li:hover{border-color:#ff4c4c;}
.f-order-info .f-order-cont .f-oinfo-det .f-oinfo-way li:nth-child(2).active i,.f-order-info .f-order-cont .f-oinfo-det .f-oinfo-way li:nth-child(2):hover i{color: #11c4ff;}
.f-order-info .f-order-cont .f-oinfo-det .f-oinfo-way li:nth-child(1).active i,.f-order-info .f-order-cont .f-oinfo-det .f-oinfo-way li:nth-child(1):hover i{color: #21b312;}
.f-order-info .f-order-cont .f-oinfo-det .f-oinfo-way li:nth-child(3).active i,.f-order-info .f-order-cont .f-oinfo-det .f-oinfo-way li:nth-child(3):hover i{color: #ff3324;}

.f-order-info .f-order-cont .f-oinfo-stores{max-width: 470px;}
.f-order-info .f-order-cont .f-oinfo-stores p{color: #666;margin: 0;line-height: 26px;}
.f-order-info .f-order-cont .f-oinfo-stores p.f-oinfo-tag{color: #333;}
.f-order-info .f-order-cont .f-oinfo-stores p.f-oinfo-tag span{color: #fff;margin-right: 5px;border-radius: 3px;display: inline-block;font-size: 12px;line-height: 21px;height: 21px;padding: 0 3px; background: #ff6363;}
.f-order-info .f-order-cont .f-oinfo-pdetail .f-pdetail-left{float: left;}
.f-order-info .f-order-cont .f-oinfo-pdetail .f-pdetail-img{width: 160px;margin-right: 20px;}
.f-order-info .f-order-cont .f-oinfo-pdetail .f-pdetail-left .f-pdetail-title{font-size: 16px;}
.f-order-info .f-order-cont .f-oinfo-pdetail .f-pdetail-left p{color: #000;margin: 0;line-height: 32px;}
.f-order-info .f-order-cont .f-oinfo-pdetail .f-pdetail-left p span{color: #666;margin-left: 20px;}
.f-order-info .f-order-cont .f-oinfo-msg textarea{width: 800px;color: #333;padding: 10px 15px;background: #eee;border-radius: 12px;}
.f-order-info .f-order-cont .f-oinfo-msg textarea::-webkit-scrollbar {width: 0;height: 0;background-color: none;}
.f-order-info .f-order-cont .f-oinfo-total{margin-top: 40px;border-top: 1px solid #eee;padding-top: 40px;}
.f-order-info .f-order-cont .f-oinfo-total p{margin: 0;}
.f-order-info .f-order-cont .f-oinfo-total p.f-lineh{line-height: 76px;}
.f-order-info .f-order-cont .f-oinfo-total p span{font-size: 32px;color: #ff0000;}
.f-order-info .f-order-cont .f-oinfo-total p span.f-oinfo-hmblack{font-size: 20px;color: #000;}
.f-order-info .f-order-cont .f-oinfo-total p span.f-oinfo-sblack{font-size: 14px;color: #000;}
.f-order-info .f-order-cont .f-oinfo-total p span.f-total-num{font-size: 44px;}
.f-order-info .f-order-cont .f-oinfo-total .f-submit-btn{width: 200px;height: 60px;line-height: 60px;border-radius: 12px;background: #ff4c4c;font-size: 20px;color: #fff;text-align: center;display: block;float: right;margin-top: 4px;transition: .3s;}
.f-order-info .f-order-cont .f-oinfo-total .f-submit-btn:hover,.f-order-info .f-order-cont .f-oinfo-total .f-submit-btn.active{opacity: .6;}

/* 支付成功 */
.f-payment{padding: 50px 0 80px 0;}
.f-payment .f-payment-cont{max-width: 840px;margin: 0 auto;background: #fff;border-radius: 12px;padding: 30px;}
.f-payment .f-payment-cont .f-payment-top{font-size: 24px;color: #000;text-align: center;padding: 80px 0;border-bottom: 1px solid #eee;}
.f-payment .f-payment-cont .f-payment-top i{font-size: 46px;color: #17a014;vertical-align: middle;margin-right: 8px;}
.f-payment .f-payment-cont .f-payment-info{margin-top: 40px;margin-bottom: 110px;}
.f-payment .f-payment-cont .f-payment-info li{width: 50%;float: left;line-height: 32px;color: #666;}
.f-payment .f-payment-cont .f-payment-info li span{display: inline-block;width: 80px;margin-right: 10px;color: #000;text-align: right;}
.f-payment .f-payment-cont .f-payment-btn{text-align: center;margin-bottom: 65px;}
.f-payment .f-payment-cont .f-payment-btn a{display: inline-block;width: 165px;height: 50px;line-height: 50px;text-align: center;color: #000;border: 1px solid #dedede;margin-right: 36px;transition: .3s;border-radius: 3px;}
.f-payment .f-payment-cont .f-payment-btn a:hover{background: #eee;}
.f-payment .f-payment-cont .f-payment-btn a:last-child{margin-right: 0;}

/* 登录弹窗 */
.f-login-popup{position: fixed;z-index: 99999;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.7);display: none;}
.f-login-popup .f-login-det{width: 500px;transform: translate(-50%,-50%);position: absolute;top: 50%;left: 50%;background: #fff;border-radius: 30px;padding: 30px;}
.f-login-popup .f-login-det p{color: #aaa;text-align: center;margin: 0;}
.f-login-popup .f-login-det p.f-login-title{font-size: 18px;color: #000;margin-bottom: 20px;margin-top: 20px;}
.f-login-popup .f-login-det .f-code{width: 290px;margin: 0 auto;margin-bottom: 15px;position: relative;text-align: center;}
.f-login-popup .f-login-det .f-code .blinking{margin: 30p 0;}
.f-login-popup .f-login-det .f-popup-close{position: absolute;color: #000;top: 15px;right: 15px;z-index: 3;cursor: pointer;}
.f-login-popup .f-login-det .f-popup-close i{font-size: 24px;transition: .3s;}
.f-login-popup .f-login-det .f-popup-close:hover i{color: #aaa;}
.f-login-popup .f-login-det .f-code .already-s,.f-login-popup .f-login-det .f-code .already-g{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 9;background: rgba(255,255,255,.85);}
.f-login-popup .f-login-det .f-code .already-s span,.f-login-popup .f-login-det .f-code .already-g span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;color: #000;font-size: 16px;white-space: nowrap;}



/* 充值鱼币 */
.f-topup-cont{background: #fff;padding: 30px;border-radius: 12px;}
.f-topup-top p{font-size: 16px;}
.f-topup-top p i{font-size: 50px;color: #ff3f44;vertical-align: middle;}
.f-topup-top p .f-topup-title{font-size: 24px;color: #000;display: inline-block;margin-left: 20px;margin-right: 110px;}
.f-topup-top p .f-topup-m span{font-size: 20px;color: #ff3b41;}
.f-topup-bottom{margin-bottom: 60px;}
.f-topup-bottom .f-topup-item{margin-bottom: 30px;}
.f-topup-bottom .f-topup-item h3{font-size: 20px;margin: 0;color: #000;margin-bottom: 15px;}
.f-topup-bottom .f-topup-item ul li{float: left;}
.f-topup-bottom .f-topup-item .f-topup-amount li{padding: 10px 40px;border: 1px solid #dedede;border-radius: 5px;margin-right: 45px;cursor: pointer;transition: .3s;margin-bottom: 20px;text-align: center;}
.f-topup-bottom .f-topup-item .f-topup-amount p{color: #333;font-size: 16px;margin: 0;transition: .3s;line-height: 1.2;}
.f-topup-bottom .f-topup-item .f-topup-amount p span{font-size: 24px;}
.f-topup-bottom .f-topup-item .f-topup-amount p span.f-amount-num{font-size: 48px;}
.f-topup-bottom .f-topup-item .f-topup-amount li.active,.f-topup-bottom .f-topup-item .f-topup-amount li:hover{border-color: #ff4b4b;}
.f-topup-bottom .f-topup-item .f-topup-amount li.active p,.f-topup-bottom .f-topup-item .f-topup-amount li:hover p{color: #ff4b4b;}
.f-topup-bottom .f-topup-item .f-topup-way li{height: 48px;line-height: 48px;color: #000;border: 1px solid #dedede;border-radius: 3px;padding: 0 45px;margin-right: 35px;transition: .3s;cursor: pointer;}
.f-topup-bottom .f-topup-item .f-topup-way li i{font-size: 26px;margin-right: 5px;vertical-align: middle;transition: .3s;}
.f-topup-bottom .f-topup-item .f-topup-way li.active,.f-topup-bottom .f-topup-item .f-topup-way li:hover{border-color: #ff4c4c;}
    .f-topup-bottom .f-topup-item .f-topup-way li:nth-child(2).active i, .f-topup-bottom .f-topup-item .f-topup-way li:nth-child(2):hover i {
        color: #ff3f44;
    }
.f-topup-bottom .f-topup-item .f-topup-way li:nth-child(1).active i,.f-topup-bottom .f-topup-item .f-topup-way li:nth-child(1):hover i{color: #21b312;}
    .f-topup-bottom .f-topup-item .f-topup-way li:nth-child(3).active i, .f-topup-bottom .f-topup-item .f-topup-way li:nth-child(3):hover i {
        color: #21b312;
    }
.f-topup-bottom .f-topup-item .f-topup-way li:nth-child(4).active i,.f-topup-bottom .f-topup-item .f-topup-way li:nth-child(4):hover i{color: #ff3f44;}
.f-topup-bottom .f-topup-item .f-topup-way li.f-ycoin{border: 0;padding: 0;margin-left: -20px;display: none;cursor: inherit;}
.f-topup-bottom .f-topup-item .f-topup-way li p{float: left;margin: 0;color: #ff4b4b;font-size: 14px;}

.f-topup-bottom .f-topup-item .f-topup-with{font-size: 16px;color: #000;margin: 60px 0;}
.f-topup-bottom .f-topup-item .f-topup-with span{color: #f22c36;}
.f-topup-bottom .f-topup-subbtn a{width: 270px;height: 80px;font-size: 26px;line-height: 80px;text-align: center;color: #fff;background: #f73636;display: block;transition: .3s;border-radius: 12px;margin-bottom: 60px;}
.f-topup-bottom .f-topup-subbtn a:hover,.f-topup-bottom .f-topup-subbtn a.disclick{opacity: .6;}

/* 微信支付弹窗 */
.f-topup-wxpopup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;background: rgba(0,0,0,.6);display: none;}
.f-topup-wxpopup .f-wxpopup-cont{width: 640px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 30px;position: relative;margin-top: -70px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top{background: #eee;height: 78px;line-height: 78px;padding: 0 30px;border-top-left-radius: 30px;border-top-right-radius: 30px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p{font-size: 16px;color: #aaa;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p.f-left{float: left;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p.f-right{float: right;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p.f-left span{color: #ff0000;font-size: 25px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p.f-right span{color: #000;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-bottom{padding: 30px;padding-bottom: 60px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-bottom p{font-size: 21px;color: #000;text-align: center;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-bottom p i{font-size: 32px;color: #00c900;vertical-align: middle;margin-right: 8px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-bottom img{display: block;width: 195px;margin: 0 auto;margin-top: 15px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-close{text-align: center;margin-top: 50px;position: absolute;left: 50%;transform: translateX(-50%);bottom: -70px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-close a{display: inline-block;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #fff;color: #fff;line-height: 40px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-close a i{font-size: 18px;}


/* 帮助 */
.f-help-top .f-topup-cont{position: relative;}
.f-help-top p .f-topup-title{margin-right: 20px;}
.f-help-top .f-topup-cont .f-help-search{position: absolute;top: 50%;right: 30px;transform: translateY(-50%);border-radius: 40px;overflow: hidden;}
.f-help-top .f-topup-cont .f-help-search input{height: 40px;line-height: 40px;padding: 0 12px;padding-right: 42px;border-radius: 40px;border: 1px solid #e1e1e1;color: #333;}
.f-help-top .f-topup-cont .f-help-search .f-help-search-btn{width: 40px;height: 40px;position: absolute;right: 0;top: 0;z-index: 3;text-align: center;line-height: 40px;color: #000;cursor: pointer;}
.f-help-top .f-topup-cont .f-help-search .f-help-search-btn i{font-size: 20px;}
.f-help-bottom{margin-bottom: 60px;}
.f-help-bottom .f-help-list .f-help-item{background: #eee;padding: 15px;border-radius: 12px;margin-bottom: 25px;}
.f-help-bottom .f-help-list .f-help-item:last-child{margin-bottom: 0;}
.f-help-bottom .f-help-list .f-help-item .f-help-title{color: #000;padding-left: 15px;cursor: pointer;font-weight: 600;}
.f-help-bottom .f-help-list .f-help-item .f-help-title span{width: 18px;height: 18px;float: right;position: relative;margin-top: 2px;}
.f-help-bottom .f-help-list .f-help-item .f-help-title span:before,.f-help-bottom .f-help-list .f-help-item .f-help-title span:after{position: absolute;content: '';display: block;transition: .3s;background: #000;}
.f-help-bottom .f-help-list .f-help-item .f-help-title span:before{width: 18px;height: 2px;left: 0;top: 50%;transform: translateY(-50%);}
.f-help-bottom .f-help-list .f-help-item .f-help-title span:after{width: 2px;height: 18px;top: 0;left: 50%;transform: translateX(-50%);}
.f-help-bottom .f-help-list .f-help-item.active .f-help-title span:after{transform: rotate(90deg);}
.f-help-bottom .f-help-list .f-help-item ul{background: #fff;padding: 15px;margin-top: 15px;display: none;}
.f-help-bottom .f-help-list .f-help-item ul li{color: #666;margin-bottom: 10px;line-height: 24px;cursor: pointer;}
.f-help-bottom .f-help-list .f-help-item ul li:last-child{margin-bottom: 0;}
.f-help-bottom .f-help-list .f-help-item.active ul{display: block;}
.f-help-bottom .f-help-txt{padding: 40px 30px;}
.f-help-bottom .f-help-txt h1{margin: 0;font-size: 30px;color: #000;text-align: center;}
.f-help-bottom .f-help-txt p{color: #666;}
.f-help-bottom .f-help-txt img{margin: 0 auto;display: block;}
.help-search .help-search-title{margin-bottom: 40px;}
.help-search .help-search-title h3{margin: 0;font-size: 22px;color: #333;}
.help-search .help-search-title h3 span{font-size: 14px;color: #aaa;display: inline-block;margin-left: 5px;}
.help-search .f-help-search .f-help-sitem{padding: 15px;border-bottom: 1px solid #dedede;}
.help-search .f-help-search a:first-child .f-help-sitem{border-top: 1px solid #dedede;}
.help-search .f-help-search .f-help-sitem h4{font-size: 16px;margin: 0;margin-bottom: 8px;color: #333;}
.help-search .f-help-search .f-help-sitem p{margin: 0;font-size: 14px;color: #aaa;line-height: 26px;max-height: 52px;overflow: hidden;}


/* vip */
.f-vip-js .f-des-cont p{font-size: 18px;}
.f-vip-js .f-des-cont p.f-des-name{font-size: 32px;margin-bottom: 15px;margin-top: 22px;}
.f-vip-duration .f-topup-item p{color: #333;margin: 0;}
.f-vip-duration .f-topup-item p.f-vip-red{color: #ff4b4b;margin-bottom: 5px;}
.f-vip-duration .f-topup-subbtn a i{font-size: 32px;color: #fff443;margin-right: 5px;}
.f-privilege-cont{background: #fff;padding: 60px;border-radius: 12px;padding-bottom: 90px;margin-bottom: 60px;}
.f-privilege-cont h3{font-size: 32px;color: #000;margin: 0;margin-bottom: 30px;text-align: center;margin-top: 20px;}
.f-privilege-cont .table-bordered>tbody>tr>td{border-color: #f6dbb6;padding: 15px;vertical-align: middle;}
.f-privilege-cont .f-table-sm{width: 75px;text-align: center;}
.f-privilege-cont .f-contrast-title{font-size: 24px;color: #3e3e3e;}
.f-privilege-cont .table-bordered>tbody>tr>td p{margin: 0;line-height: 28px;}
.f-privilege-cont .f-bigtitle{font-size: 16px;color: #3e3e3e;padding-left: 75px;font-weight: bold;}
.f-privilege-cont .f-vip-logo{font-size: 16px;color: #3e3e3e;}
.f-privilege-cont .table-bordered>tbody>tr>td.f-vip-logo p{line-height: 1.2;}
.f-privilege-cont .f-vip-logo i{font-size: 35px;}
.f-privilege-cont .f-vip-logo .f-vip-color i{color: #fc681e;}
.f-privilege-cont .table-bordered>tbody>tr>td i{vertical-align: middle;}
.f-privilege-cont .f-center{text-align: center;}
.f-privilege-cont .table-bordered>tbody>tr>td i.fishqicon_68{color: #0084e9;}
.f-privilege-cont .table-bordered>tbody>tr>td i.fishqicon_21{color: #ff7762;}
.f-privilege-cont .table-bordered>tbody>tr>td.f-color-gre{color: #ff7762;}

/* 商圈 */
.f-business-header{padding: 30px 0;}
.f-business-header .f-bus-head{position: relative;text-align: center;font-size: 16px;color: #696969;}
.f-business-header .f-bus-head .f-bus-left,.f-business-header .f-bus-head .f-bus-right{position: absolute;top: 50%;transform: translateY(-50%);}
.f-business-header .f-bus-head i{vertical-align: middle;font-size: 20px;}
.f-business-header .f-bus-head .f-bus-left{left: 0;}
.f-business-header .f-bus-head .f-bus-right{font-size: 14px;right: 0;}
.f-business-header .f-bus-head p{margin: 0;line-height: 1;}
.f-business-box{background: #fff;padding: 30px;border-radius: 12px;padding-bottom: 70px;}
.f-business-box .f-business-screen h3{font-size: 16px;margin: 0;color: #000;margin-bottom: 30px;}
.f-business-box .f-business-screen .f-select-box{float: left;width: 300px;margin-right: 20px;}
.f-business-box .f-business-screen .f-select-box select{width: 100%;height: 40px;line-height: 40px;cursor: pointer;border-radius: 5px;border: 1px solid #dedede;padding: 0 8px;}
.f-business-box .f-business-screen .f-select-box .select2-container .select2-selection--single,.f-business-box .f-business-screen .f-select-box .select2-container--default .select2-selection--single .select2-selection__rendered{height: 40px;line-height: 40px;}
.f-business-box .f-business-screen .f-select-box .select2-container--default .select2-selection--single .select2-selection__arrow{height: 38px;}
.f-business-box .f-business-screen .f-select-box .select2-container--default .select2-selection--single{border-color: transparent;background: #eee;}
.f-business-box .f-business-screen .f-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #000 transparent transparent transparent;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {width: 3px;height: 3px;background-color: #fff}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-corner {background-color: rgba(0, 0, 0, .2)}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:vertical {background-color: rgba(0, 0, 0, .2)}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:horizontal {background-color: rgba(0, 0, 0, .2)}

.f-business-box .f-business-near{margin-top: 40px;}
.f-business-box .f-business-near h4{font-size: 16px;color: #aaa;margin: 0;}
.f-business-box .f-business-near .f-business-item{border-radius: 12px;box-shadow: 0px 5px 15px rgba(0,0,0,.16);padding: 30px;margin-top: 30px;cursor: pointer;position: relative;transition: .3s;top: 0;word-break: break-all;}
.f-business-box .f-business-near .f-business-item:hover{top: -10px;}
.f-business-box .f-business-near .f-business-item h5{font-size: 20px;color: #000;margin: 0;margin-bottom: 20px;text-align: center;}
.f-business-box .f-business-near .f-business-item p{color: #666;margin-bottom: 0;line-height: 22px;}
.f-business-box .f-business-near .f-business-item p.f-bus-subtitle{color: #aaa;}
.f-business-list .f-business-msg{text-align: center;color: #aaa;padding: 50px 0;margin: 0;}
.f-business-box #pageWrap{margin-top: 100px;}


/* 会员中心 */
.f-member{margin-bottom: 45px;}
.f-member .f-left,.f-member .f-right{float: left;}
.f-member .f-left{width: 250px;margin-right: 20px;}
.f-member .f-right{width: calc(100% - 270px);}
.f-red{color: #f2202b !important;}
.f-gray{color: #aaa !important;}
.f-green{color: #31a113 !important;}
.f-orang{color: #ff6600 !important;}
.f-black{color: #000 !important;}
.f-uline{text-decoration: underline !important;}
.f-pointer{cursor: pointer !important;}
.f-hide{display: none;}
.f-hide.active{display: block;}

/* 订单详情 */
.f-background{background: #fff;border-radius: 12px;}
.f-userinfo{padding: 50px 30px;text-align: center;}
.f-userinfo .f-user-tx{width: 100px;height: 100px;background: #fee1d3;border-radius: 50%;overflow: hidden;margin: 0 auto;margin-bottom: 10px;}
.f-userinfo .f-user-tx img{width: 100%;height: 100%;object-fit: cover;}
.f-userinfo .f-user-name{font-size: 16px;color: #000;margin-bottom: 35px;}
.f-userinfo .f-user-name i{color: #aaa;font-size: 18px;vertical-align: middle;margin-left: 5px;}
.f-userinfo .f-user-name.active i{color: #fc681e;}
.f-userinfo p{margin-bottom: 0;color: #666;font-size: 12px;}
.f-userinfo p a{color: #666;text-decoration: underline;}
.f-userinfo .f-user-btn{margin-top: 10px;}
.f-userinfo .f-user-btn a{height: 32px;display: inline-block;line-height: 32px;border-radius: 8px;background: #f72b2b;color: #fff;padding: 0 20px;}
.f-user-nav{padding: 30px 15px;margin-top: 20px;}
.f-user-nav li{height: 40px;line-height: 40px;border-radius: 12px;transition: .3s;margin-bottom: 10px;padding: 0 20px;}
.f-user-nav li:hover,.f-user-nav li.active{background: #eee;}
.f-user-nav li a{color: #000;display: block;}
.f-user-nav li span{display: inline-block;width: 25px;height: 25px;border-radius: 50%;color: #fff;background: #f2202b;line-height: 25px;text-align: center;font-size: 12px;margin-left: 6px;}
.f-user-title{padding: 20px 30px;color: #000;font-size: 16px;margin-bottom: 20px;}
.f-user-title p{margin-bottom: 0;}
.f-order-detail{padding: 20px 30px 90px 30px;}
.f-order-detail .f-order-num{padding-top: 20px;padding-bottom: 30px;border-bottom: 1px solid #eee;color: #aaa;}
.f-order-detail .f-order-num span{margin-right: 30px;}
.f-order-detail .f-order-num .f-right-status{float: right;}
.f-order-detail .f-order-infobox{margin-top: 40px;}
.f-order-detail .f-order-infobox h4{color: #aaa;font-size: 14px;margin: 0;}
.f-order-detail .f-order-infobox p{color: #666;margin-bottom: 0;}
.f-order-detail .f-order-infobox .f-stitle{color: #333;}
.f-order-detail .f-prodect-detail{margin-top: 40px;padding-bottom: 40px;border-bottom: 1px solid #eee;}
.f-order-detail .f-prodect-detail .f-ptitle{background: #eee;border-radius: 4px;line-height: 30px;height: 30px;padding: 0 25px;color: #000;margin-bottom: 30px;}
.f-order-detail .f-prodect-detail .f-left,.f-order-detail .f-prodect-detail .f-right{float: left;}
.f-order-detail .f-prodect-detail .f-left{width: 100px;margin-right: 20px;}
.f-order-detail .f-prodect-detail .f-right{max-width: calc(100% - 120px);}
.f-order-detail .f-prodect-detail .f-right h4{color: #333;margin: 0;}
.f-order-detail .f-prodect-detail .f-right p{margin: 0;color: #666;line-height: 45px;}
.f-order-detail .f-prodect-detail .f-right p span{display: inline-block;margin-right: 25px;color: #aaa;}
.f-order-detail .f-order-msg{padding: 40px 0;border-bottom: 1px solid #eee;}
.f-order-detail .f-order-msg h4{color: #333;margin: 0;}
.f-order-detail .f-order-msg p{color: #666;margin: 0;}
.f-order-total{padding-top: 40px;}
.f-order-total .f-stotal{color: #aaa;}
.f-order-total .f-stotal span{font-size: 20px;color: #000;margin-left: 8px;}
.f-order-total .f-btotal .f-left{float: left;color: #aaa;width: auto;}
.f-order-total .f-btotal .f-right{float: right;width: auto;}
.f-order-total .f-btotal .f-left span{font-size: 30px;margin:0 8px;}
.f-order-total .f-btotal .f-right p{color: #000;margin-bottom: 0;text-align: right;margin-top: 15px;}
.f-order-total .f-btotal .f-right p a{display: inline-block;width: 100px;height: 32px;line-height: 32px;border-radius: 4px;color: #aaa;margin-left: 10px;text-align: center;}
.f-order-total .f-btotal .f-right p a.f-red-btn{background: #f72b2b;color: #fff;}
.f-order-total .f-btotal .f-right p span{margin-left: 15px;}
.f-order-total .f-btotal .f-right p span.f-gray{margin-right: 15px;}

/* 会员中心 */
.f-sign-box{padding: 30px;}
.f-sign-box .f-sign-icon,.f-sign-box .f-sign-txt{float: left;}
.f-sign-box .f-sign-btn{float: right;margin-top: 8px;}
.f-sign-box .f-sign-icon{width: 77px;height: 77px;text-align: center;line-height: 77px;border-radius: 50%;background: #eee;}
.f-sign-box .f-sign-icon i{font-size: 60px;color: #f12023;}
.f-sign-box .f-sign-txt{margin: 0 30px;max-width: 630px;margin-top: 16px;}
.f-sign-box .f-sign-txt h4{font-size: 16px;color: #000;margin: 0;margin-bottom: 6px;}
.f-sign-box .f-sign-txt p{color: #666;margin: 0;}
.f-sign-box .f-sign-btn a{width: 150px;text-align: center;height: 60px;line-height: 60px;border-radius: 8px;font-size: 20px;color: #fff;background: #aaa;display: inline-block;transition: .3s;}
.f-sign-box .f-sign-btn a.f-sign-rde{background: #f72a2b;}
.f-sign-box .f-sign-btn a:hover{opacity: .6;}
.f-account-box{padding: 30px;margin-top: 20px;}
.f-account-box h5{color: #aaa;font-size: 14px;margin: 0;margin-bottom: 8px;}
.f-account-box .f-account-detail{line-height: 32px;}
.f-account-box .f-account-detail>span{min-width: 180px;margin-right: 20px;display: inline-block;}
.f-account-box .f-account-detail>span span{font-size: 24px;margin-right: 6px;}
.f-account-box .f-account-detail a{display: inline-block;height:32px;border-radius: 4px;border: 1px solid #dedede;color: #000;padding: 0 15px;margin-right: 20px;}
.f-account-box .f-account-detail a.f-red-btn{color: #fff;border-color: #f72b2b;background: #f72b2b;}
.f-recent-box{padding: 30px;margin-top: 20px;padding-bottom: 50px;}
.f-recent-box h4{font-size: 16px;color: #000;margin: 0;}
.f-recent-box .f-recent-list .f-recent-item{margin-top: 25px;}
.f-recent-box .f-recent-list .f-recent-item .f-recent-img{overflow: hidden;height: 220px;background: #eaeaea;position: relative;}
.f-recent-box .f-recent-list .f-recent-item img{position: absolute;max-width: 100%;max-height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
/* .f-recent-box .f-recent-list .f-recent-item:hover img{transform: scale(1.08);} */
.f-recent-box .f-recent-list .f-recent-item .f-recent-txt{margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;color: #333;}
.f-recent-box .f-recent-nodata{text-align: center;margin-top: 20px;}
.f-recent-box .f-recent-nodata .f-nodata-icon{margin: 0 auto;width: 170px;height: 170px;border-radius: 50%;background: #e1e1e1;padding-top: 23px;}
.f-recent-box .f-recent-nodata .f-nodata-icon i{font-size: 60px;color: #fff;vertical-align: middle;}
.f-recent-box .f-recent-nodata .f-nodata-icon p{color: #adadad;margin: 0;}
.f-recent-box .f-recent-nodata a{display: block;margin: 0 auto;margin-top: 30px;width: 175px;text-align: center;height: 40px;line-height: 40px;border-radius: 8px;background: #f72b2b;font-size: 16px;color: #fff;}

.f-user-title li{float: left;position: relative;font-size: 16px;color: #aaa;margin-right: 40px;cursor: pointer;transition: .3s;}
.f-user-title li.active,.f-user-title li:hover,.f-user-title li.active a,.f-user-title li:hover a{color: #f2202b;}
.f-user-title li:before{position: absolute;content: '';display: block;width: 0;left: 50%;transform: translateX(-50%);bottom: -5px;height: 3px;border-radius: 3px;background: #f2202b;transition: .3s;}
.f-user-title li.active:before,.f-user-title li:hover:before{width: 80%;}
.f-order-list{padding: 30px 15px;padding-bottom: 80px;}
.f-order-list .f-img{width: 150px;}
.f-order-list .f-img img{height: 110px;width: 110px;object-fit: cover;}
.f-order-list .table{margin-bottom: 40px;}
.f-order-list .table>tbody>tr>td{border: 0;padding: 20px;vertical-align: middle;}
.f-order-list .table>tbody>tr>td p{margin-bottom: 0;line-height: 24px;}
.f-order-list .table>tbody>tr>td.f-textright{text-align: right;}
.f-order-list .table>tbody>tr.f-bagray>td{background: #eee;border-radius: 4px;padding: 8px 20px;}
.f-order-list .f-bagray>td span{float: right;}
.f-order-list .f-link{text-decoration: underline;margin-bottom: 20px;}
.f-order-list .f-textright p a{display: inline-block;width: 100px;height: 32px;line-height: 32px;border-radius: 4px;color: #aaa;margin-left: 10px;text-align: center;}
.f-order-list .f-textright p a.f-red-btn{background: #f72b2b;color: #fff;}
.f-order-list .noData{font-size: 16px;color: #aaa;text-align: center;padding: 60px 0;}

/* 提示信息弹窗 */
.popup-info{position: fixed;padding: 10px 15px;background: rgba(0,0,0,.6);box-shadow: 0px 0px 6px rgba(0,0,0,0.16);font-size: 14px;color: #fff;top: 100px;left: 50%;transform: translateX(-50%);z-index: 99999;border-radius: 20px;display: none;}

/* 邀请好友 */
.f-invit .f-invit-tab{display: none;padding: 0 20px;}
.f-invit .f-invit-tab.active{display: block;}
.f-invit .f-invit-tab.f-invit-link{padding: 80px;color: #aaa;}
.f-invit .f-invit-link .f-invit-inp{line-height: 40px;margin-bottom: 60px;}
.f-invit .f-invit-link .f-invit-inp input{border: 1px solid #dedede;width: 470px;height: 40px;padding: 0 10px;color: #000;border-radius: 3px;display: inline-block;margin-right: 10px;cursor: default;}
.f-invit .f-invit-link .f-invit-inp a{display: inline-block;width: 96px;border-radius: 4px;text-align: center;background: #f72a2b;color: #fff;}
.f-invit .f-invit-tab .f-invit-list{margin-bottom: 80px;}
.f-invit .f-invit-link p{margin-bottom: 0;font-size: 16px;line-height: 22px;}
.f-invit .f-invit-link .f-invit-fs{margin-bottom: 60px;}
.f-invit .f-invit-item{padding: 20px 0;border-bottom: 1px solid #eee;}
.f-invit .f-invit-item .f-left,.f-invit .f-invit-item .f-right{float: left;width: auto;}
.f-invit .f-invit-item .f-left img{width: 80px;height: 80px;border-radius: 50%;display: block;}
.f-invit .f-invit-item .f-right{margin-left: 15px;color: #aaa;padding-top: 17px;}
.f-invit .f-invit-item .f-right p{margin: 0;line-height: 24px;}
.f-invit .f-invit-item .f-right p.f-name{color: #000;}

.f-myaccount .f-myphone{margin-top: 30px;padding-top: 50px;border-top: 1px solid #eee;}
.f-myaccount .f-myphone p{line-height: 32px;}
.f-myaccount .f-myphone a{display: inline-block;height: 32px;border-radius: 4px;border: 1px solid #dedede;color: #000;padding: 0 15px;margin-left: 20px;}
.f-myaccount .f-myaccount-tab{display: none;padding-bottom: 100px;}
.f-myaccount .f-myaccount-tab.active{display: block;}
.f-myaccount .f-myphoto{margin-bottom: 50px;}
.f-myaccount .f-myphoto .f-left,.f-myaccount .f-myphoto .f-right{float: left;width: auto;}
.f-myaccount .f-myphoto .f-left{margin-right: 25px;border-radius: 12px;overflow: hidden;}
.f-myaccount .f-myphoto .f-left img{width: 120px;height: 120px;border-radius: 12px;object-fit: cover;}
.f-myaccount .f-myphoto .f-right a{display: inline-block;height: 32px;border-radius: 4px;border: 1px solid #dedede;color: #000;padding: 0 15px;margin-bottom: 15px;margin-top: 10px;line-height: 32px;position: relative;}
.f-myaccount .f-myphoto .f-right a input{width: 100%;height: 100%;top: 0;left: 0;z-index: 9;opacity: 0;position: absolute;cursor: pointer;}
.f-myaccount .f-myphoto .f-right p{margin-bottom: 0;color: #aaa;}
.f-myaccount .f-myaccount-inp{margin-bottom: 20px;}
.f-myaccount .f-myaccount-inp input{width: 330px;height: 40px;color: #787878;padding: 0 10px;line-height: 40px;border-radius: 4px;border: 1px solid #eee;}
.f-myaccount .f-name-change a{display: block;width: 100px;height: 40px;line-height: 40px;border-radius: 4px;background: #f62a2b;color: #fff;text-align: center;}

/* 分页 */
.f-page{-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-align: center;}
.f-page>span,.f-page>ul{display: inline-block;}
.f-page>span,.f-page>ul li{display: inline-block;min-width: 40px;height: 40px;margin: 0 5px;line-height: 40px;color: #787878;transition: .3s;border: 1px solid #e1e1e1;cursor: pointer;border-radius: 12px;}
.f-page>ul li.pagination-current,.f-page>span:hover,.f-page>ul li:hover{background: #e1e1e1;color: #000;}
.f-page>span.pagination-disabled{background: none;cursor: not-allowed;}

/* 修改手机号 */
.f-change-phone{padding: 80px;}
.f-change-phone h4{font-size: 16px;color: #000;margin-bottom: 20px;}
.f-change-phone .f-phone-input{width: 330px;}
.f-change-phone .f-phone-input input{width: 330px;height: 40px;line-height: 40px;padding: 0 10px;color: #000;border-radius: 4px;border: 1px solid #dedede;margin-bottom: 20px;}
.f-change-phone .f-phone-input .f-phone-code{position: relative;}
.f-change-phone .f-phone-input .f-phone-code span{width: 110px;height: 40px;line-height: 40px;text-align: center;top: 0;right: 0;z-index: 9;position: absolute;cursor: pointer;text-decoration: underline;transition: .3s;}
.f-change-phone .f-phone-input .f-phone-code span:hover{opacity: .7;}
.f-change-phone .f-phone-input .f-phone-code input{padding-right: 120px;}
.f-change-phone .f-phone-input a{display: inline-block;width: 100px;height: 40px;text-align: center;line-height: 40px;color: #fff;background: #f62a2b;border-radius: 4px;}
.f-change-phone .f-phone-input a.f-nback{margin-left: 20px;background: none;border: 1px solid #f62a2b;color: #f62a2b;}

/* 开发票 */
.f-invoice{position: relative;padding: 80px;}
.f-invoice .f-goback{position: absolute;top: 10px;left: 10px;z-index: 9;}
.f-invoice .f-goback a{color: #787878;transition: .3s;}
.f-invoice .f-goback a:hover{opacity: .7;}
.f-invoice .f-goback a i{font-size: 18px;vertical-align: middle;margin-right: 6px;}
.f-invoice .f-invoice-cont h4{font-size: 16px;color: #000;margin-bottom: 10px;}
.f-invoice .f-invoice-cont .f-invoice-item .f-left,.f-invoice .f-invoice-cont .f-invoice-item .f-right{float: left;line-height: 40px;}
.f-invoice .f-invoice-cont .f-invoice-item{margin-bottom: 20px;}
.f-invoice .f-invoice-cont .f-invoice-item .f-left{width: 60px;text-align: right;margin-right: 15px;min-height: 1px;}
.f-invoice .f-invoice-cont .f-invoice-item input{width:100%;height: 40px;padding: 0 10px;color: #000;border-radius: 4px;border: 1px solid #dedede;}
.f-invoice .f-invoice-cont .f-invoice-item p{margin-bottom: 0;}
.f-invoice .f-invoice-cont .f-invoice-item .f-flor{float: right;}
.f-invoice .f-invoice-cont .f-invoice-item a.f-subinvoice{display: block;width: 130px;height: 40px;text-align: center;line-height: 40px;border-radius: 4px;background: #f72b2b;color: #fff;margin-top: 20px;}

.f-invoic-list{padding: 30px;padding-bottom: 80px;}
.f-invoic-list .table>tbody>tr>td{border-bottom: 1px solid #eee;padding: 20px 8px;}
.f-invoic-list .table>tbody>tr>td.f-textr{text-align: right;}
.f-invoic-list .table>tbody>tr>td.f-textr a{height: 32px;display: inline-block;line-height: 32px;border-radius: 8px;color: #aaa;text-align: center;min-width: 100px;transition: .3s;}
.f-invoic-list .table>tbody>tr>td.f-textr a.f-new{color: #f72b2b;}
/* .f-invoic-list .table>tbody>tr>td.f-textr a:hover{opacity: .7;} */
.f-invoic-list h4{color: #000;font-size: 18px;margin: 0;padding-left: 5px;line-height: 32px;}
.f-invoic-list h4 i{margin-right: 6px;}
.f-invoic-list .f-invoic-check{position: relative;}
.f-invoic-list .f-invoic-check input{position: absolute;top: 0;left: 0;opacity: 0;}
.f-invoic-list .f-invoic-check span{display: block;position: relative;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #aaa;cursor: pointer;}
.f-invoic-list .f-invoic-check input:checked+span{background: #f2202b;border-color: #f2202b;}
.f-invoic-list .f-invoic-check input:checked+span:after{position: absolute;content: '';display: block;top: 3px;left: 6px; width: 6px;height: 10px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);}
.f-invoic-list .f-invoic-check input:disabled+span{background: #e7e7e7;cursor:not-allowed;}
.f-invoic-list .f-invoic-right{float: right;}
.f-invoic-list .f-invoic-right a{display: inline-block;line-height: 32px;margin-left: 30px;color: #000;text-decoration: underline;font-size: 14px;transition: .3s;}
.f-invoic-list .f-invoic-right a:hover{opacity: .7;}
.f-invoic-list .f-invoic-right a.f-btn{text-decoration: none;background: #989898;color: #fff;border-radius: 8px;padding: 0 15px;}
.f-invoic-list .f-invoic-right a.f-btn.active{background: #f72b2b;}
.f-invoicmsg{font-size: 12px;display: inline-block;margin-left: 8px;}

/* 站内消息 */
.f-message{padding: 30px 20px;margin-top: 20px;padding-bottom: 100px;}
.f-message .f-message-tools{padding: 0 10px;padding-bottom: 30px;border-bottom: 1px solid #eee;}
.f-message .f-message-tools .f-left,.f-message .f-message-tools .f-tool-item{float: left;width: auto;}
.f-message .f-message-tools .f-right{float: right;width: auto;}
.f-message .f-message-tools .f-tool-item{margin-right: 40px;cursor: pointer;transition: .3s;}
.f-message .f-message-tools .f-tool-item:hover{opacity: .7;}
.f-message .f-message-tools .f-tool-item:last-child{margin-right: 0;}
.f-message .f-message-tools .f-tool-item i{margin-right: 6px;}
.f-message .f-message-tools .f-left .f-tool-item{text-decoration: underline;}
.f-message .f-message-list .f-message-item{padding: 40px 10px;border-bottom: 1px solid #eee;transition: .3s;}
.f-message .f-message-list .f-message-item:active{opacity: .7;}
.f-message .f-message-list .f-message-item p{margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.f-message .f-message-list .f-message-item p span{display: none;border-radius: 50%;width: 10px;height: 10px;background: #f2202b;}
.f-message .f-message-list .f-message-item p.f-black span{display: inline-block;}
.f-message .f-message-list .f-message-item p.f-msgtitle{margin-bottom: 10px;}
.noData{font-size: 16px;color: #aaa;text-align: center;padding: 60px 0;}
.f-message #pageWrap{margin-top: 80px;}

.f-message-detail{padding: 80px;}
.f-message-detail h1{font-size: 24px;color: #000;text-align: center;margin-top: 0;margin-bottom: 20px;}
.f-message-detail p.f-msg-time{text-align: center;}
.f-message-detail .f-msg-cont{margin-top: 40px;line-height: 26px;color: #333;}

/* 设计管理 */
.f-design{padding: 30px;margin-top: 20px;padding-bottom: 100px;}
.f-design .f-design-tools{padding-bottom: 20px;border-bottom: 1px solid #eee;}
.f-design .f-design-tools i{margin-right: 6px;}
.f-design .f-design-tools .f-left{float: left;margin-right: 40px;width: auto;position: relative;}
.f-design .f-design-tools .f-left:last-child{margin-right: 0;}
.f-design .f-design-tools .f-right{float: right;width: auto;}
.f-design .f-design-tools .f-right .f-batch{cursor: pointer;}
.f-design #pageWrap{margin-top: 60px;}
.f-design .f-design-tools .f-left .upload-mat{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;z-index: 9;cursor: pointer;}

/* 下拉选择框 */
.k_zy_select{position: relative;text-align: left;}
.k_zynr { /*width: 120px;*/
    max-width: 100%;
    position: relative;
    height: 30px;
    padding: 0 8px;
    padding-right: 35px;
    cursor: pointer;
    background: #fff;
    box-sizing: border-box;
    line-height: 30px;
}
.k_zynr i{display: block;position: absolute;font-size: 12px; right: 8px;top: 0;transition: all .4s ease;}
.k_zynr span{display: inline-block;max-width: 100%;white-space: nowrap;overflow: hidden;color: #333;}
.k_zy_list{position: absolute;width: 120px;top: 41px;left: 0;z-index: 9;background: #fff;box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);display: none;max-height: 400px;overflow-x: hidden;overflow-y: auto;}
    .k_zy_list li {
        line-height: 18px;
        cursor: pointer;
        padding: 8px; 
        /*height: 34px;  border-bottom: 1px solid #cecece; */
    }
.k_zy_list li.active{background: #eee;color: #333;}
.k_zy_list li:hover,.k_zy_list li.active:hover{background: #eee;color: #333;}
.k_zy_select.active .k_zynr i{transform: rotate(180deg);}

.k_zy_list::-webkit-scrollbar {/*滚动条*/
    width:12px;
}
.k_zy_list::-webkit-scrollbar-track {/*滚动槽*/
    /* -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); */
	background: #eee;
}
.k_zy_list::-webkit-scrollbar-thumb {/*滚动条滑块*/
    background:#999;
    /* -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); */
}

.f-design-list{position: relative;}
.f-design .f-design-tools .k_zy_select{display: inline-block;vertical-align: middle;}
.f-design .f-design-list .f-design-item{position: relative;transition: .3s;cursor: pointer;margin-top: 30px;}
.f-design .f-design-list .f-design-item:hover{box-shadow: 0px 3px 10px rgba(0,0,0,.16);}
.f-design .f-design-list .f-design-item .f-design-img{height: 220px;background: #eaeaea;position: relative;}
.f-design .f-design-list .f-design-item .f-design-img img{position: absolute;max-width: 100%;max-height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.f-design .f-design-list .f-design-item .f-design-num{position: absolute;top: 10px;left: 10px;color: #000;text-shadow: 0px 0px 6px #fff;}
.f-design .f-design-list .f-design-item .f-design-txt{position: relative;padding: 10px;}
.f-design .f-design-list .f-design-item .f-design-txt p.f-maxw{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.f-design .f-design-list .f-design-item .f-design-txt p.f-black{max-width: 75%;}
.f-design .f-design-list .f-design-item .f-design-txt p.f-maxh{height: 42px;overflow: hidden;}
.f-design .f-design-list .f-design-item .f-design-txt .f-design-cz{position: absolute;z-index: 9;right: 10px;top: 10px;color: #aaa;cursor: pointer;}
.f-design .f-design-list .f-design-item .f-design-txt .f-design-cz i{font-size: 20px;}
.f-design .f-sbtn{display: inline-block;height: 32px;line-height: 32px;border-radius: 8px;padding: 0 15px;transition: .3s;}
.f-design .f-design-list .f-design-item .f-design-input{position: absolute;width: 100%;left: 0;top: 0;height: 100%;padding: 10px;background: #fff;z-index: 20;}
.f-design .f-design-list .f-design-item .f-design-input input{width: 100%;border: 1px solid #dedede;padding: 0 8px;height: 32px;line-height: 32px;color: #000;}
.f-design .f-sbtn:active{opacity: .7;}
.f-design .f-sbtn.f-addm{color: #000;border: 1px solid #dedede;}
.f-design .f-sbtn.f-upload{background: #f72b2b;color: #fff;}

.f-design .f-design-list .f-design-item .f-select-ab{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;display: none;}
.f-design .f-design-list.active .f-design-item .f-select-ab{display: block;}
.f-design .f-design-list .f-design-item .f-select-ab .f-sbox{height: 220px;background: rgba(0,0,0,.6);position: relative;}
.f-design .f-design-list .f-design-item .f-select-ab .f-sbox .f-select-btn{width: 60px;height: 60px;border-radius: 50%;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;line-height: 60px;}
.f-design .f-design-list .f-design-item .f-select-ab .f-sbox .f-select-btn i{font-size: 40px;color: #ff3939;display: none;}
.f-design .f-design-list .f-design-item .f-select-ab.checka .f-sbox .f-select-btn i{display: inline-block;}


.f-classif{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);z-index: 9999;display: none;}
.f-classif.active{display: block;}
.f-classif .f-classif-cont{background: #fff;border-radius: 12px;position: absolute;left: 50%;top: 25%;transform: translateX(-50%);padding: 30px;width: 510px;}
.f-classif .f-classif-cont h3{font-size: 14px;color: #333;margin: 0;margin-bottom: 10px;}
.f-classif .f-classif-cont .f-operate-box input{width: 330px;height: 40px;line-height: 40px;border: 1px solid #dedede;border-radius: 4px;color: #000;padding: 0 10px;display: inline-block;margin-right: 15px;}
.f-classif .f-classif-cont .f-operate-box a{width: 95px;height: 40px;line-height: 40px;border-radius: 4px;background: #f72b2b;color: #fff;display: inline-block;text-align: center;}
.f-classif .f-classif-cont .f-classif-close{position: absolute;top: 10px;right: 20px;color: #000;z-index: 9;cursor: pointer;}
.f-classif .f-classif-cont .k_zynr,.f-classif .f-classif-cont .k_zy_list{width: 330px;}
.f-classif .f-classif-cont .k_zynr{border: 1px solid #dedede;height: 40px;line-height: 40px;margin-right: 10px;}
.f-classif .f-classif-cont .k_zy_select{display: inline-block;vertical-align: middle;}

.f-batch-popup{position: fixed;z-index: 999;background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.16);width: 130px;padding: 10px;display: none;}
.f-batch-popup li{height: 40px;line-height: 40px;color: #000;cursor: pointer;transition: .3s;padding: 0 15px;}
.f-batch-popup li:hover{background: #dedede;}
.f-batch-popup li i{margin-right: 6px;}

/* 删除模板 */
.f-temp-remove{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.6);z-index: 9999;}
.f-temp-remove .f-remove-cont{width: 400px;background: #fff;position: absolute;border-radius: 12px;padding: 30px;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.f-temp-remove .f-remove-cont h3{font-size: 16px;color: #000;margin: 0;background: #f22c36;}
.f-temp-remove .f-remove-cont p{color: #000;margin-bottom: 30px;text-align: center;margin-top: 20px;}
.f-temp-remove .f-remove-cont .f-remove-btn{text-align: center;}
.f-temp-remove .f-remove-cont .f-remove-btn a{display: inline-block;margin-left: 20px;width: 85px;height: 32px;text-align: center;line-height: 32px;border-radius: 5px;border: 1px solid #f22c36;color: #f22c36;}
.f-temp-remove .f-remove-cont .f-remove-btn a:first-child{background: #f22c36;color: #fff;}
.f-temp-remove .f-remove-cont .f-remove-btn a:hover{opacity: .6;}

.mark-loading{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;background: #fff;/* display: none; */}
.progress-bar{height: 2px;transition: .4s;position: relative;width: 0;}
.progress-bar span{width: 100%;height: 1px;display: block;left: 0;top: 0;background: #2187e7;position: absolute;box-shadow: 0px 0px 10px 1px rgba(0,198,255,0.7);transition: .4s;}

/* 地址 */
.f-address-list .table>tbody>tr>td.f-textr a{border: 1px solid #dedede;color: #000;min-width: 70px;margin-left: 10px;transition: .3s;}
.f-address-list .table>tbody>tr>td.f-textr a.f-remove-btn{background: #f72b2b;color: #fff;border-color: #f72b2b;}
.f-address-list .table>tbody>tr>td.f-textr a:hover{opacity: .7;}
.f-address-list .f-invoic-check span.active{background: #f2202b;border-color: #f2202b;}
.f-address-list .f-invoic-check span.active:after{position: absolute;content: '';display: block;top: 3px;left: 6px;width: 6px;height: 10px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);}

.f-address-popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;background: rgba(0,0,0,.6);}
.f-address-popup .f-address-cont{position: absolute;width: 710px;top: 15%;left: 50%;transform: translateX(-50%);background: #fff;border-radius: 12px;padding: 30px;padding-right: 60px;}
.f-address-popup .f-address-cont h3{font-size: 16px;color: #000;margin: 0;margin-bottom: 30px;font-weight: 600;}
.f-address-popup .f-address-cont .f-address-close{position: absolute;top: 15px;right: 15px;color: #000;cursor: pointer;}
.f-address-popup .f-address-cont .f-address-close i{font-size: 20px;}
.f-address-popup .f-address-cont .f-address-item{margin-bottom: 20px;}
.f-address-popup .f-address-cont .f-address-item .f-left,.f-address-popup .f-address-cont .f-address-item .f-right{float: left;line-height: 40px;}
.f-address-popup .f-address-cont .f-address-item .f-left{width: 60px;margin-right: 15px;color: #000;}
.f-address-popup .f-address-cont .f-address-item .f-right{width: calc(100% - 75px);}
.f-address-popup .f-address-cont .f-address-item input,.f-address-popup .f-address-cont .f-address-item select{height: 40px;line-height: 40px;border: 1px solid #dedede; color: #000;padding: 0 8px;border-radius: 4px;}
.f-address-popup .f-address-cont .f-address-firstitem .f-inline{display: inline-block;}
.f-address-popup .f-address-cont .f-address-firstitem input{width: 200px;}
.f-block{display: block !important;}
.f-address-popup .f-address-cont .f-address-item .f-block{width: 100%;}
.f-address-popup .f-address-cont .f-address-firstitem .f-rtext{float: right;}
.f-address-popup .f-address-cont .f-address-firstitem .f-rtext span{color: #000;display: inline-block;margin-right: 8px;}
.f-address-popup .f-address-cont .f-address-select select{display: inline-block;width: 165px;cursor: pointer;}
.f-address-popup .f-address-cont .f-address-select span{display: inline-block;margin: 0 5px;}
.f-address-popup .f-address-cont .f-address-btn{text-align: center;}
.f-address-popup .f-address-cont .f-address-btn a{height: 60px;line-height: 60px;font-size: 16px;color: #fff;background: #f73636;border-radius: 12px;padding: 0 80px;display: inline-block;margin: 30px 0;transition: .3s;}
.f-address-popup .f-address-cont .f-address-btn a:hover{opacity: .7;}

/* 下载弹窗 */
.f-download-popup,.f-trading,.f-recharge-popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;background: rgba(0,0,0,.3);display: none;}
.f-download-popup .f-download-cont,.f-trading .f-trading-cont,.f-recharge-popup .f-recharge-cont{position: absolute;width: 350px;top: 220px;left: 50%;transform: translateX(-50%);background: #fff;border-radius: 5px;padding: 15px;}
.f-download-popup .dw-close{position: absolute;z-index: 9;color: #aaa;top: 15px;right: 15px;cursor: pointer;}
.f-download-popup .dw-close i{font-size: 12px;}
.f-download-popup .f-download-cont h3{font-size: 16px;color: #333;padding-bottom: 15px; margin: 0;font-weight: normal;margin-bottom: 20px;position: relative;}
.f-download-popup .f-download-cont h3:before{content: '';position: absolute;display: block;left: -15px;bottom: -1px;width: calc(100% + 30px);height: 1px;background: #eee;}
.f-download-popup .f-download-cont h3 i{margin-right: 4px;vertical-align: bottom;}
.f-download-cont .f-download-box{overflow: hidden;}
.f-download-cont .f-item{margin-bottom: 15px; border-radius: 5px;padding: 15px;padding-left: 50px; cursor: pointer;transition: .2s;border: 1px solid #dedede;box-sizing: border-box;position: relative;color: #444;}
.f-download-cont .f-item>i{font-size: 30px;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);}
.f-download-cont .f-item:hover{border-color: #ff4b4b;}
.f-download-cont .f-item:nth-child(2n){margin-right: 0;}
.f-download-cont .f-item .type span{width: 16px;background: #fff;height: 16px;display: inline-block;position: relative;top: 3px;border-radius: 50%;margin-right: 6px;display: none;}
.f-download-cont .f-item .type span:after{content: '';position: absolute;left: 3px;top: 3px;width: 10px;height: 10px;border-radius: 50%;background: #ff4b4b;-webkit-transform: scale(0);transform: scale(0);transition: .2s;}
.f-download-cont .f-item.active{color: #ff4b4b;border: 1px solid #ff4b4b;}
.f-download-cont .f-item .describe{font-size: 12px;}
.f-download-cont .f-item.active span:after{-webkit-transform: scale(1);transform: scale(1);}
.f-download-cont .f-dwts{background: #f5f5f5;font-size: 12px;color: #ff4b4b;padding: 8px 5px;border-radius: 5px;}
.f-download-cont .f-dwts i{font-size: 12px;margin-right: 3px;}
.f-download-cont .f-dwts a{color: #0083e9;display: inline-block;margin-left: 30px;}
.f-download-cont .f-dwbtn{text-align: center;margin-top: 15px;}
.f-download-cont .f-dwbtn a{display: inline-block;width: 135px;height: 40px;border-radius: 40px;border: 1px solid #bfbfbf;line-height: 40px;box-sizing: border-box;text-align: center;color: #7A7A7A;font-size: 14px;}
.f-download-cont .f-dwbtn a.f-qr{color: #fff;background: #ff4b4b;border-color: #ff4b4b;}
.f-download-cont .f-disabled{opacity: .5;cursor: not-allowed;}
.f-download-cont.notdis .f-disabled{opacity: 1;cursor: pointer;}
.f-download-cont.notdis .f-dwts{display: none;}
.f-download-cont .f-dwbtn a.f-qr.active{opacity: .6;cursor: not-allowed;}

/* 购买弹窗 */
.f-trading .f-trading-cont{width: 570px;padding: 30px;}
.f-trading .f-trading-cont .tr-close,.f-recharge-popup .f-recharge-cont .re-close{position: absolute;z-index: 9;color: #aaa;top: 5px;right: 10px;cursor: pointer;}
.f-trading .f-trading-cont .tr-close i,.f-recharge-popup .f-recharge-cont .re-close i{font-size: 12px;}
.f-trading .f-trading-cont .f-title{font-size: 14px;color: #aaa;margin-bottom: 10px;}
.f-trading .f-trading-cont .f-temdet{overflow: hidden;background: #f3f3f3;}
.f-trading .f-trading-cont .f-temdet .f-item{float: left;width: 25%;height: 100px;box-sizing: border-box;padding: 15px;position: relative;font-size: 12px;color: #aaa;text-align: center;}
.f-trading .f-trading-cont .f-temdet .f-item:first-child{padding: 5px;}
.f-trading .f-trading-cont .f-temdet .f-item:nth-child(2){text-align: left;}
.f-trading .f-trading-cont .f-temdet .f-item img{position: absolute;max-width: calc(100% - 20px);max-height: calc(100% - 10px);top: 50%;left: 50%;transform: translate(-50%,-50%);}
.f-trading .f-trading-cont .f-temdet .f-item .f-item-title{color: #333;margin-bottom: 10px;}
.f-trading .f-trading-cont .f-temdet .f-item .f-txt{height: 35px;line-height: 18px;overflow: hidden;}
.f-trading .f-price{margin-top: 10px;border:1px solid #e3e3e3;box-sizing: border-box;}
.f-trading .f-price .f-pitem{border-bottom: 1px solid #e3e3e3;zoom:1;box-sizing: border-box;}
.f-trading .f-price .f-pitem:after {clear:both;content:'';display:block;width: 0;height: 0;visibility:hidden;}
.f-trading .f-price .f-pitem:last-child{border: 0;}
.f-trading .f-price .f-pitem .f-left,.f-trading .f-price .f-pitem .f-right{float: left;height: 45px;line-height: 45px;box-sizing: border-box;font-size: 14px;color: #5e5d5d;}
.f-trading .f-price .f-pitem .f-left{width: 45px;text-align: center;border-right:1px solid #e3e3e3;}
.f-trading .f-price .f-pitem .f-right{width: calc(100% - 45px);padding-left: 22px;position: relative;}
.f-trading .f-price .f-pitem .f-right .f-ybp{display: inline-block;}
.f-trading .f-price .f-pitem .f-right .f-ybp span{color: #ff4b4b;font-size: 22px;font-weight: 700;}
.f-trading .f-price .f-pitem .f-right .f-acou{display: inline-block;margin-left: 60px;position: relative;}
.f-trading .f-price .f-pitem .f-right .f-acou span{color: #ff4b4b;font-weight: 600;}
.f-trading .f-price .f-pitem .f-right .f-recharge{margin-top: -6px;position: absolute;box-sizing: border-box;width: 207px;height: 22px;background: #ffe9ce;line-height: 22px; border-radius: 3px;padding-left: 10px;box-shadow: 0 2px 4px rgba(0,0,0,.22);margin-left: 0;color: #ff4b4b;font-size: 12px;}
.f-trading .f-price .f-pitem .f-right .f-recharge i{font-size: 12px;margin-right: 3px;}
.f-trading .f-price .f-pitem .f-right .f-recharge a{display: inline-block;margin-left: 15px;color: #42abe6;}
.f-trading .f-price .f-pitem .f-right .f-recharge:before{content:'';width: 0;height: 0;border: 6px solid transparent;border-bottom: 7px solid #ffe9ce;position: absolute;top: -13px;left: 10%;display: block;}
.f-trading .f-trading-cont .f-trabtn a{display: inline-block;height: 34px;background: #ff4b4b;padding: 0 25px;line-height: 34px;color: #fff;margin-top: 25px;font-size: 12px;}
.f-trading .f-trading-cont .f-trabtn a.active{opacity: .6;cursor: not-allowed;}


/* 充值弹窗 */
.f-recharge-popup .f-recharge-cont{width: 650px;}
.f-recharge-popup .f-recharge-cont .f-title{font-size: 14px;text-align: center;color: #aaa;}
.f-recharge-popup .f-recharge-cont .f-recharge-box{margin-top: 15px;}
.f-recharge-popup .f-recharge-cont .f-recharge-box .f-box-title{font-size: 12px;color: #aaa;}
.f-recharge-popup .f-recharge-cont .f-recharge-box .f-box-list{overflow: hidden;}
.f-recharge-popup .f-recharge-box .f-box-list .f-box-item{float: left;width: 145px;padding: 10px;text-align: center;color: #333;box-sizing: border-box;position: relative;margin-right: 10px;cursor: pointer;margin-top: 10px;border: 2px solid #dedede;}
.f-recharge-popup .f-recharge-box .f-box-list .f-box-item:nth-child(4n){margin-right: 0;}
.f-recharge-popup .f-recharge-box .f-box-list .f-box-item .f-ma{margin-bottom: 6px;}
.f-recharge-popup .f-recharge-box .f-box-list .f-box-item .f-ma span{font-size: 29px;}
.f-recharge-popup .f-recharge-box .f-box-list .f-box-item .f-ms{font-size: 12px;}
.f-recharge-popup .f-recharge-box .f-box-list .f-box-item.active{border: 2px solid #ff4b4b;color: #ff4b4b;} 
.f-recharge-popup .f-recharge-box .f-money .f-box-item.active:before{content: '';display: block;width: 0;height: 0;border-bottom: 24px solid #ff4b4b;border-left: 24px solid transparent;position: absolute;bottom: 0;right: 0;}
.f-recharge-popup .f-recharge-box .f-money .f-box-item.active:after{position: absolute;content: '';width: 5px;height: 9px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(45deg);right: 5px;bottom: 3px;z-index: 3;}
/* .f-recharge-popup .f-recharge-box .f-fspay .f-box-item{background: #f3f3f3;border: 2px solid #e1e1e1;color: #333;line-height: 18px;} */
.f-recharge-popup .f-recharge-box .f-fspay .f-box-item.active{background: #fff;}
.f-recharge-popup .f-recharge-box .f-fspay .f-box-item i{font-size: 18px;margin-right: 5px;vertical-align: middle;}
.f-recharge-popup .f-recharge-box .f-fspay .f-box-item:nth-child(1) i{color: #349aea;}
.f-recharge-popup .f-recharge-box .f-fspay .f-box-item:nth-child(2) i{color: #3cc62c;}
.f-recharge-popup .f-coin{margin-top: 30px;color: #5e5d5d;font-size: 14px;}
.f-recharge-popup .f-coin span{font-size: 22px;color: #ff4b4b;font-weight: 700;}
.f-recharge-popup .f-rebtn{margin-top: 20px;}
.f-recharge-popup .f-rebtn a{display: block;width: 22.62%;height: 35px;background: #ff4b4b;color: #fff;font-size: 14px;line-height: 35px;text-align: center;}
.f-recharge-popup .f-rebtn a.disclick{opacity: .6;}

/* 微信支付弹窗 */
.f-topup-wxpopup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;background: rgba(0,0,0,.6);display: none;}
.f-topup-wxpopup .f-wxpopup-cont{width: 640px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 30px;position: relative;margin-top: -70px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top{background: #eee;height: 78px;line-height: 78px;padding: 0 30px;border-top-left-radius: 30px;border-top-right-radius: 30px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p{font-size: 16px;color: #aaa;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p.f-left{float: left;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p.f-right{float: right;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p.f-left span{color: #ff0000;font-size: 25px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p.f-right span{color: #000;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-bottom{padding: 30px;padding-bottom: 60px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-bottom p{font-size: 21px;color: #000;text-align: center;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-bottom p i{font-size: 32px;color: #00c900;vertical-align: middle;margin-right: 8px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-bottom img{display: block;width: 195px;margin: 0 auto;margin-top: 15px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-close{text-align: center;margin-top: 50px;position: absolute;left: 50%;transform: translateX(-50%);bottom: -70px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-close a{display: inline-block;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #fff;color: #fff;line-height: 40px;}
.f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-close a i{font-size: 18px;}

.f-loading-data{position: fixed;top: 10%;background: rgba(0,0,0,.6);padding: 10px;border-radius: 5px;box-shadow: 0px 0px 10px rgba(0,0,0,.16);left: 50%;transform: translateX(-50%);z-index: 9999;}
.f-loading-data .blinking span{background: #fff;}

.f-select-address{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,.6);}
.f-select-address .f-select-cont{width: 640px;background: #fff;border-radius: 12px;padding: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.f-select-address .f-select-cont .f-address-close{position: absolute;top: 30px;right: 30px;cursor: pointer;color: #000;z-index: 9;}
.f-select-address .f-select-cont .f-title{font-size: 16px;color: #000;margin-bottom: 15px;}
.f-select-address .f-select-cont .f-addlist{max-height: 700px;overflow-x: hidden;overflow-y: scroll;}
.f-select-address .f-select-cont .f-addlist::-webkit-scrollbar {width: 3px;height: 3px;background-color: #fff}
.f-select-address .f-select-cont .f-addlist::-webkit-scrollbar-corner {background-color: rgba(0, 0, 0, .2)}
.f-select-address .f-select-cont .f-addlist::-webkit-scrollbar-thumb:vertical {background-color: rgba(0, 0, 0, .2)}
.f-select-address .f-select-cont .f-addlist::-webkit-scrollbar-thumb:horizontal {background-color: rgba(0, 0, 0, .2)}
.f-select-address .f-select-cont .f-addlist .f-additem{position: relative;font-size: 14px;color: #333;margin-bottom: 20px;padding-right: 160px;border-bottom: 1px solid #dedede;padding-bottom: 20px;}
.f-select-address .f-select-cont .f-addlist .f-additem p{margin-bottom: 0;line-height: 26px;}
.f-select-address .f-select-cont .f-addlist .f-additem .btn-sel{position: absolute;z-index: 9;right: 0;top: 50%;transform: translateY(-50%);color: #fff;height: 32px;line-height: 32px;padding: 0 20px;cursor: pointer;border-radius: 8px;background: #f72b2b;}
.f-select-address .f-select-cont .f-addlist .f-additem .btn-sel.active{opacity: .6;}
.f-select-address .f-select-cont .f-addlist .f-additem .change-sel{position: absolute;z-index: 9;right: 78px;top: 50%;transform: translateY(-50%);color: #aaa;height: 32px;line-height: 32px;padding: 0 20px;cursor: pointer;border-radius: 8px;border: 1px solid #aaa;}


.side_nav{position: fixed;width: 60px;background: #fff;bottom: 200px;right: 0;z-index: 99;box-shadow: 0px 0px 12px rgba(0,0,0,.16);border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.side_nav .side_item{position: relative;transition: .3s;color: #000;font-size: 14px;text-align: center;padding: 6px;cursor: pointer;}
    .side_nav .side_item a {
        color: #000;
    }
        .side_nav .side_item a:hover {
            color: #fff;
        }
    .side_nav .side_item:hover {
        background: #ff4343;
        color: #fff;
    }
.side_nav .side_item .img-side{margin-bottom: 5px;}
.side_nav .side_item .img-side{transition: .3s;}
.side_nav .side_item .img-side .h-show,.side_nav .side_item:hover .img-side .h-hide{display: none;}
.side_nav .side_item:hover .img-side .h-show{display: inline-block;}
.side_nav .side_item p{margin-bottom: 0;}
.side_nav .side_item:first-child{border-top-left-radius: 6px;/* border-top-right-radius: 6px; */}
.side_nav .side_item:last-child{border-bottom-left-radius: 6px;/* border-bottom-right-radius: 6px; */}
.side_nav .side_item .code-popupr{position: absolute;width: 200px;top: 0;right: 60px;background: #fff;color: #000;padding: 8px;box-shadow: 0px 0px 12px rgba(0,0,0,.16);display: none;}
.side_nav .side_item:hover .code-popupr{display: block;}
.side_nav .side_item .code-popupr p{margin: 0;margin-top: 8px;}
.side_nav .side_item .code-popupr:before{position: absolute;content: '';display: block;width: 0;height: 0;border: 8px solid transparent;border-color: transparent transparent transparent #fff;top: 20px;right: -16px;}
.side_nav .side_item .kef-popup {width: 240px;top: auto;bottom: 0;padding: 15px;}
.side_nav .side_item .kef-popup:before{top: auto;bottom: 20px;}
.side_nav .side_item .kef-popup .kef-item{margin-bottom: 20px;}
.side_nav .side_item .kef-popup .kef-item p{margin: 0;}
.side_nav .side_item .kef-popup .kef-item:last-child{margin-bottom: 0;}
.side_nav .side_item .kef-popup .left,.side_nav .side_item .kef-popup .right{float: left;}
.side_nav .side_item .kef-popup .left{width: 35px;margin-right: 8px;}
.side_nav .side_item .kef-popup .right{max-width: calc(100% - 50px);text-align: left;}
.side_nav .side_item .kef-popup .kef-h{color: #aaa;}
.side_nav .side_item .kef-popup .btn-kef{color: #fff;background: #ff4343;margin: 0 auto;padding: 10px 25px;cursor: pointer;width: 135px;text-align: center;border-radius: 8px;}
.side_nav .side_item .kef-popup .btn-kef a{color: #fff;}
.side_nav .side_item.side_top{display: none;}
.side_nav .side_item.side_top i{transition: .3s;color: #ff4343;font-size: 30px;}
.side_nav .side_item.side_top .img-side{margin-bottom: 0;}
.side_nav .side_item.side_top:hover i{color: #fff;}
.open .side_nav .side_item.side_top{display: block;}

.popup-video{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.6);top: 0;left: 0;z-index: 9999;display: none;}
.popup-video .video-cont{position: absolute;width: 60%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.popup-video .video-cont .video-close{position: absolute;font-size: 20px;color: #fff;right: -30px;top: -30px;z-index: 3;cursor: pointer;}
.disclick{opacity: .6;}