@charset "utf-8";

body{margin:0;font-size:14px;font-family:'Source Sans Pro',Helvetica,Arial,'Microsoft YaHei','微软雅黑',sans-serif;background:#f5f5f5;}
a{cursor:pointer;text-decoration:none;}
div{word-break:break-all;}
img{border:none;}
form,ul,li{margin:0;padding:0;}
ul,li{list-style:none;}
textarea{font-size:14px;font-family:'微软雅黑';outline:0px none transparent;resize:none;}
table{width:100%;border:0;border-collapse:collapse;border-spacing:0;}
td{padding:0;}

.row{display:flex;}
.row-b{display:flex;justify-content:space-between;}

.clear{clear:both;font-size:0px;}
.space-10{height:10px;font-size:0px;}
.space-20{height:20px;font-size:0px;}

/*区块*/
.block{background:#fff;}
.block .head{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;}
.block .head .name{font-size:16px;font-weight:bold;}
.block .head .more a{color:#333;color:#999;}
.block .head .more a:hover{color:#16a085;}
.block .main{}

.block-space{padding:0 15px;}
.block-space .head{height:50px;line-height:50px;padding:5px 10px 0 10px;}
.block-space .main{padding:10px 0 30px 0;}

/*按钮*/
.btn{display:block;width:100%;height:40px;line-height:40px;text-align:center;border:none;font-size:16px;letter-spacing:2px;cursor:pointer;}
.btn-o{background:#f39c12;color:#fff;}
.btn-o:hover{background:#e67e22;}
.btn-b{background:#2980b9;color:#fff;}
.btn-b:hover{background:#3498db;}

.header{width:100%;background:#16a085;}
.footer{width:100%;background:#16a085;}

.header .main{width:1200px;height:60px;margin:0 auto;}
.header .logo{line-height:0;padding:0 0 0 8px;}
.header .logo img{height:60px;}
.header .nav{}
.header .nav a{display:block;height:60px;line-height:60px;padding:0 18px;font-size:16px;text-align:center;color:#fff;background:#16a085;}
.header .nav a:hover{background:#1abc9c;}

.header .login-info{display:flex;justify-content:flex-end;width:200px;}
.header .login-info .item-top{position:relative;display:flex;align-items:center;height:60px;line-height:60px;padding:0 18px;font-size:16px;color:#fff;}
.header .login-info .item-top:hover{background:#1abc9c;}
.header .login-info .item-top .name{max-width:106px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.header .login-info a .coin-item{display:block;width:26px;height:26px;margin:0 8px 0 0;background-color:#eee;background-repeat:no-repeat;background-position:center;border-radius:50%;}
.header .login-info a .coin-user{background-image:url(../img/user.svg);background-size:18px;}
.header .login-info a .coin-home{background-image:url(../img/home.svg);background-size:16px;}
.header .login-info a .coin-logout{background-image:url(../img/logout.svg);background-size:14px;}
.header .login-info a .coin-vip{position:absolute;display:block;width:20px;height:20px;top:28px;left:32px;background-image:url(../img/vip.svg);background-repeat:no-repeat;background-size:20px;background-position:center;}

.header .login-info .normal{height:60px;overflow:hidden;}
.header .login-info .on{overflow:visible;}
.header .login-info .on a{background:#1abc9c;}
.header .login-info .on .item{position:relative;display:flex;align-items:center;height:50px;line-height:50px;padding:0 18px;font-size:14px;color:#fff;border-top:1px solid #eee;}

.footer .main{width:1200px;margin:0 auto;}
.footer .main div{text-align:center;line-height:200%;padding:22px;color:#f1f1f1;}
.footer .main a{margin:0 8px;color:#f1f1f1;}

/*文章列表*/
.art-list-block{display:flex;justify-content:space-between;padding:20px 0;}
.art-list-block .a{width:770px;}
.art-list-block .b{width:350px;}

.art-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.art-list div{width:calc(50% - 30px);padding:8px;line-height:180%;border-bottom:1px solid #f1f1f1;}
.art-list div a{color:#333;display:block;white-space:nowrap;overflow:hidden;}
.art-list div a:hover{color:#16a085;}

.art-list-1{}
.art-list-1 div{padding:8px;line-height:180%;border-bottom:1px solid #f1f1f1;}
.art-list-1 div a{color:#333;display:block;white-space:nowrap;overflow:hidden;}
.art-list-1 div a:hover{color:#16a085;}

/*小工具链接*/
.toolbox{padding:12px 20px;line-height:180%;background:#eee;border:1px dashed #16a085;}
.toolbox a{color:#16a085;margin:0 10px 0 0;}

/*提示框*/
#toast{position:fixed;z-index:9;top:30%;left:50%;transform:translateX(-50%);width:auto;height:auto;max-width:86vw;padding:16px 26px;border-radius:12px;background:#3498db;color:#fff;font-size:14px;line-height:1.6;letter-spacing:.5px;text-align:center;box-shadow:0 10px 32px rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;}
#toast.success{background:#16a085;}
#toast.error{background:#e74c3c;}
#toast.info{background:#3498db;}
#toast.on{opacity:1;visibility:visible;transition:opacity .25s ease;}
#toast .bg{display:none;}
#toast .main{display:flex;align-items:center;justify-content:center;width:auto;height:auto;line-height:1.5;margin:0;font-size:inherit;letter-spacing:inherit;color:inherit;text-align:center;overflow:visible;}

/**************************************************/

/*弹出框-通用*/
.ss-popup{position:fixed;display:flex;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);z-index:10;display:none;}
.ss-popup .box{position:relative;top:15%;margin:0 auto;transition:opacity 0.3s ease-out;animation:popup-show 0.3s ease-out forwards;}
.ss-popup .close{position:absolute;top:22px;right:22px;width:22px;height:22px;background-image:url(../img/x2.svg);background-size:100%;cursor:pointer;}

/*消息框*/
#infobox{z-index:12;}
#infobox .box{width:500px;background:#fff;border-radius:8px;}
#infobox .head{height:30px;line-height:30px;padding:22px 30px;font-size:16px;color:#333;font-weight:700;}
#infobox .main{padding:20px 0;}
#infobox .main .text{padding:10px 30px 50px 30px;font-size:18px;line-height:180%;}
#infobox .main .text2{padding:0 30px 60px 30px;font-size:18px;line-height:180%;text-align:center;}
#infobox .main .btns{padding:0 30px 40px 30px;}
#infobox .main .btns a{display:block;width:180px;height:50px;line-height:50px;padding:0;margin:0 auto;text-align:center;letter-spacing:2px;border-radius:6px;background:#3498db;font-size:16px;color:#FFF;cursor:pointer;}

/*登录框*/
#login-box{z-index:11;}
#login-box .box{width:500px;background:#fff;border-radius:8px;}

#login-box .main{padding:40px 20px 30px 20px;}
#login-box .tabs{width:90%;margin:0 auto 8px auto;}
#login-box .tabs div{width:50%;padding:0 0 12px 0;text-align:center;border-bottom:2px solid #e5e5e5;font-size:20px;color:#333;cursor:pointer;}
#login-box .tabs .on{color:#16a085;border-bottom:2px solid #16a085;}

#login-box .tab-1{width:232px;height:320px;margin:0 auto;}
#login-box .tab-1 .title{padding:20px 0 0 0;font-size:14px;color:#666;text-align:center;}
#login-box .tab-1 .qrcode{width:220px;height:220px;padding:5px;border:1px solid #e2e2e2;display:inline-block;margin:20px auto;}
#login-box .tab-1 .qrcode img{width:100%;height:100%;}

#login-box .tab-2{width:330px;height:320px;margin:0 auto;display:none;}
#login-box .tab-2 .tab-main{width:90%;margin:0px auto;}
#login-box .tab-2 .line-txt{padding:20px 0 30px 0;font-size:14px;color:#666;text-align:center;}
#login-box .tab-2 .line-txt span{color:#f56c6c;}

#login-box .tab-2 .input-hull{position:relative;}
#login-box .tab-2 .input-hull input::-webkit-input-placeholder{color:#aaa;}
#login-box .tab-2 .input-hull input:-moz-placeholder{color:#aaa;opacity:1;}
#login-box .tab-2 .input-hull input::-moz-placeholder{color:#aaa;opacity:1;}
#login-box .tab-2 .input-hull input:-ms-input-placeholder{color:#aaa;}
#login-box .tab-2 .input-hull input{height:38px;line-height:38px;margin:0;padding:0 15px 0 30px;font-size:14px;color:#606266;border:1px solid #dcdfe6;outline:0;}
#login-box .tab-2 .input-hull input:focus{animation:input-focus 0.3s;border-color:#16a085;}
#login-box .tab-2 .input-hull .icon{position:absolute;width:30px;height:40px;background-repeat:no-repeat;background-position:center;background-size:16px;}

#login-box .tab-2 .input-tel .icon{background-image:url(../img/tel.svg);}
#login-box .tab-2 .input-tel input{width:calc(100% - 2px);border-radius:5px;}
#login-box .tab-2 .input-code{padding:20px 0 8px 0;}
#login-box .tab-2 .input-code .icon{background-image:url(../img/sms.svg);}
#login-box .tab-2 .input-code input{width:calc(100% - 2px - 112px - 45px);border-radius:5px 0 0 5px;}
#login-box .tab-2 .btn-send{width:112px;height:38px;line-height:38px;text-align:center;border:1px solid #dcdfe6;border-left:none;border-radius:0 5px 5px 0;background:#f5f7fa;color:#16a085;cursor:pointer;}

#login-box .tab-2 .show-msg{height:30px;line-height:30px;color:#f56c6c;}
#login-box .tab-2 .btn-login{padding:12px 0 0 0;}
#login-box .tab-2 .btn-login button{margin:0;padding:0;width:100%;height:40px;line-height:40px;background:#16a085;color:#fff;font-weight:500;font-size:14px;border:0;border-radius:4px;cursor:pointer;}
#login-box .tab-2 .btn-login button:hover{animation:btn-on 0.3s;background:#1abc9c;}

#login-box .foot{text-align:center;padding:20px 0 0 0;color:#606266;font-size:12px;border-top:1px solid #e2e2e2;}
#login-box .foot a{color:#16a085;padding:0 4px;}

/*导购框*/
#guide-box{z-index:10;}
#guide-box .box{width:720px;background:#fff;border-radius:8px;}

#guide-box .main{height:500px;}
#guide-box .main .title{padding:50px 0 40px 0;font-size:20px;font-weight:bold;text-align:center;}
#guide-box .packs{width:calc(100% - 60px);margin:0 auto;padding:10px 0;display:flex;justify-content:space-between;}
#guide-box .packs .unit{position:relative;width:calc(25% - 16px);border-radius:10px;background:#f5f5f5;}
#guide-box .packs .unit .head{position:absolute;width:100%;height:36px;top:-18px;background-repeat:no-repeat;background-position:center;background-size:36px;}
#guide-box .packs .unit .name{text-align:center;padding:36px 0 12px 0;font-size:16px;font-weight:700;color:#343a40;}
#guide-box .packs .unit .price{text-align:center;height:30px;line-height:30px;color:#343a40;}
#guide-box .packs .unit .price .cn{font-size:16px;font-weight:700;}
#guide-box .packs .unit .price .cny{font-family:inherit;font-size:16px;}
#guide-box .packs .unit .price .num{font-family:inherit;font-size:22px;}
#guide-box .packs .unit .btns{padding:15px 0 25px 0;}
#guide-box .packs .unit .btns a{display:block;width:62%;height:30px;line-height:30px;margin:0 auto;font-size:14px;text-align:center;background:#16a085;color:#fff;letter-spacing:1px;border-radius:4px;cursor:pointer;}
#guide-box .packs .unit .btns a:hover{animation:btn-on 0.3s;background:#1abc9c;}

#guide-box .explain{padding:12px 26px;}
#guide-box .explain div{display:flex;align-items:center;line-height:180%;}
#guide-box .explain div span{display:inline-block;width:30px;height:30px;background-image:url(../img/vip.svg);background-position:center;background-size:24px;background-repeat:no-repeat;}

/*支付框*/
#pay-box{z-index:10;}
#pay-box .box{width:710px;height:460px;background:#f5f6fa;border-radius:12px;}

#pay-box .box-main{padding:20px 30px;height:calc(100% - 40px);}
#pay-box .head{font-size:16px;color:#333;font-weight:700;line-height:32px;padding:6px 0;margin:0 0 7px 0;}
#pay-box .main{height:330px;background:#fff;border-radius:12px;}
#pay-box .types{padding:25px;border-bottom: 1px solid #eaeefb;}
#pay-box .type{width:205px;min-height:34px;padding:10px 0;margin:0 25px 0 0;border:1.5px solid #dcdfe6;border-radius:6px;-webkit-box-align:center;-webkit-align-items:center;cursor:pointer;}
#pay-box .type .radio img{width:20px;margin:0px 12px 0px 16px;}
#pay-box .type .way img{width:100px;}
#pay-box .type .radio,#pay-box .type .way{line-height:1px;}
#pay-box .type .good{height:20px;line-height:20px;background:#ff6010;padding:0 5px;margin:0 0 0 8px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;white-space:nowrap;}
#pay-box .types .on{border:1.5px solid #1677ff;}

#pay-box .scan{display:flex;-webkit-box-align:center;align-items:center;}
#pay-box .qrcode{width:170px;padding:25px;}
#pay-box .qrcode img{width:170px;}
#pay-box .tip{color:#606266;font-size:14px;}
#pay-box .str1{margin:0;color:#606266;font-size:14px;}
#pay-box .str1 .name{padding:10px 0 0 0;}
#pay-box .str1 .sign{color:#ff0738;font-weight:700;font-size:17px;font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;}
#pay-box .str1 .num{color:#ff0738;font-size:28px;font-weight:700;}
#pay-box .str1 .yuan{padding:10px 0 0 0;}
#pay-box .str2{margin-top:13px;color:#4a4a4a;font-size:16px;}

#pay-box .foot{padding:20px 0 0 0;font-size:14px;color:#606266;}
#pay-box .foot a{padding:0 4px;color:#1677ff;}

/*经营服务页*/
.pri-main{width:1200px;margin:0 auto;}
#pricing{width:100%;min-height:600px;padding:50px 0 10px 0;background:#fff;}
#pricing .title{padding:20px 0;text-align:center;font-size:36px;}
#pricing .intro{padding:10px 0;text-align:center;font-size:18px;}
#pricing .main{width:calc(100% - 20px);margin:0 auto;padding:60px 0 10px 0;display:flex;justify-content:space-between;}
#pricing .main .unit{position:relative;width:calc(25% - 36px);min-width:248px;border-radius:16px;background:#f5f5f5;border:2px solid #f5f5f5;}
#pricing .main .recommend{background:#ffebc6;border:2px solid #ffd582;}
#pricing .main .unit .head{position:absolute;width:100%;height:42px;top:-21px;background-repeat:no-repeat;background-position:center;background-size:42px;}
#pricing .main .unit .name{text-align:center;padding:40px 0 15px 0;font-size:20px;font-weight:700;color:#343a40;}
#pricing .main .unit .price{text-align:center;height:36px;line-height:36px;color:#343a40;}
#pricing .main .unit .price .cn{font-size:18px;font-weight:700;}
#pricing .main .unit .price .cny{font-family:inherit;font-size:20px;}
#pricing .main .unit .price .num{font-family:inherit;font-size:28px;}
#pricing .main .unit .btns{padding:20px 0 0 0;}
#pricing .main .unit .btns a{display:block;width:76%;height:42px;line-height:42px;margin:0 auto;font-size:16px;text-align:center;background:#16a085;color:#fff;letter-spacing:1px;border-radius:4px;cursor:pointer;}
#pricing .main .unit .btns a:hover{animation:btn-on 0.3s;background:#1abc9c;}
#pricing .main .unit .items{padding:15px 0;}
#pricing .main .unit .items div{padding:10px 0 10px 25px;width:98px;margin:0 auto;background-repeat:no-repeat;background-position:center left;}
#pricing .main .unit .items .yes{background-image:url(../img/yes.png);}
#pricing .main .unit .items .no{background-image:url(../img/no.png);}

#explain{width:100%;min-height:120px;}
#explain .txt{padding:20px 10px;line-height:180%;}

@keyframes popup-show{
	0%{opacity:0;top:calc(15% - 15px);}
	100%{opacity:1;top:15%;}
}

/**************************************************/

.page-main{width:1200px;margin:10px auto;}
.page-main-ab{display:flex;justify-content:space-between;}

.page-a{width:880px;}
.page-b{width:300px;}

.page-b .block{margin:0 0 15px 0;}

/*面包屑导航*/
.here{background:#fff;}
.here span{font-size:16px;}
.here .links{color:#666;}
.here .links a{color:#666;}
.here .links a:hover{color:#16a085;}

.here-space{height:50px;line-height:50px;padding:0 20px;}
.here .links a{padding:0 6px;}

/*文章内页正文*/
.article{background:#fff;}
.article .info{color:#999;}
.article p{font-size:16px;text-indent:2em;color:#333;}
.article h3{font-size:18px;text-indent:2em;}
.article .img{text-align:center;line-height:0;}
.article .img img{max-width:100%;}

.article-space{padding:20px;}
.article-space .title{padding:20px 0;}
.article-space .title h1{padding:0;margin:0;line-height:150%;}
.article-space .info{padding:10px 0;}
.article-space .info span{padding:0 20px 0 0;}
.article-space .txt{padding:20px;min-height:600px;}
.article-space p{padding:10px 0;margin:0;line-height:200%;}
.article-space h3{padding:20px 0;margin:0;}
.article-space .img{width:720px;margin:15px auto;border:1px solid #999;}

/*翻页链接*/
.page-link{zoom:1;}
.page-link .inner{float:left;position:relative;left:50%;}
.page-link .inner-2{float:left;position:relative;left:-50%;}
.page-link a{display:block;float:left;color:#666;background:#ddd;}
.page-link .on{font-weight:bold;color:#FFF;background:#f39c12;}

.page-link-space{padding:20px 0 40px 0;}
.page-link-space a{height:40px;line-height:40px;padding:0 15px;margin:0 8px 0 0;}

/*文章翻页列表*/
.art-sheet{}
.art-sheet .unit{border-bottom:1px solid #e3e3e3;}
.art-sheet .unit .title a{font-size:20px;font-weight:bold;color:#333;}
.art-sheet .unit .info{color:#999;}
.art-sheet .unit .txt{color:#333;}
.art-sheet .unit .img{float:left;}

.art-sheet-space{padding:2px 40px;}
.art-sheet-space .unit{padding:32px 0;}
.art-sheet-space .unit .title{line-height:200%;}
.art-sheet-space .unit .info{padding:18px 0;}
.art-sheet-space .unit .info span{padding:0 12px;}
.art-sheet-space .unit .txt{line-height:180%;}
.art-sheet-space .unit .img{padding:0 20px 0 0;}
.art-sheet-space .unit .img img{width:200px;}

.topic-txt{margin:20px 0;}
.topic-txt .main div{padding:40px;line-height:200%;font-size:16px;}
.topic-txt .main h2{margin:0;padding:0 0 20px 0;line-height:160%;}

/*小工具页*/
.tool-list{display:flex;flex-wrap:wrap;color:#666;}
.tool-list a{display:block;color:#e17055;border-radius:3px;border:1px solid #ddd;background:#f1f1f1;}
.tool-list a:hover{color:#d63031;}

.tool-list-space{padding:5px 15px;}
.tool-list-space a{height:26px;line-height:26px;padding:2px 10px;margin:0 10px 10px 0;}

/*用户中心*/
.user-center{}
.user-center .empty{display:flex;justify-content:center;padding:80px 0;text-align:center;font-size:16px;color:#999;}
.user-center .empty div{height:36px;height:36px;line-height:36px;padding:0 0 0 36px;background-image:url(../img/empty.svg);background-repeat:no-repeat;background-size:26px;background-position:left 5px;}

.user-center .head{padding:20px;margin:0 0 10px 0;background:#fff;}
.user-center .head .nav a{display:block;height:38px;line-height:38px;padding:0 26px;margin:0 20px 0 0;color:#16a085;background:#fff;border:1px solid #16a085;border-radius:19px;cursor:pointer;}
.user-center .head .nav a:hover{color:#fff;background:#1abc9c;border:1px solid #1abc9c;}
.user-center .head .nav .on{color:#fff;background:#16a085;border:1px solid #16a085;}
.user-center .main{min-height:700px;background:#fff;}

.user-info{max-width:600px;font-size:16px;padding:60px;}
.user-info td{padding:12px 5px;}
.user-info .l{width:100px;}
.user-info input{height:38px;line-height:38px;min-width:200px;margin:0;padding:0 8px;font-size:16px;color:#000;border:1px solid #ccc;outline:0;}
.user-info input:focus{border-color:#16a085;}
.user-info a{color:#16a085;}

.order-list{padding:10px;}
.order-list .list-head{height:42px;line-height:42px;background:#eee;}
.order-list .list-head .col-a{width:28%;text-align:center;}
.order-list .list-head .col{width:18%;text-align:center;border-left:2px solid #fff;}
.order-list .unit{min-height:50px;line-height:180%;align-items:center;padding-top:1px;border-bottom:1px dashed #ddd;}
.order-list .unit .col-a{width:28%;text-align:center;}
.order-list .unit .col{width:18%;text-align:center;border-left:2px solid #fff;}

@keyframes btn-on{
	from{background:#16a085;}to{background:#1abc9c;}
}

@keyframes input-focus{
	from{border-color:#dcdfe6}to{border-color:#16a085;}
}