/* 
	Theme Name: Moka
	Theme URL: http://www.mobantu.com
	Description: WordPress极简自动发卡主题，需安装erphpdown插件
	Author: 模板兔
	Author URI: http://www.mobantu.com
	Version: 2.0
*/
@charset "UTF-8";
*{margin:0;padding:0;list-style:none;box-sizing:border-box}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}html{font-size:75.0%}html,body{min-height:100%;}body{line-height:1}a{color:#070707}a:hover{color:#1d1d1d;text-decoration:none}a:focus,a:visited,a:active{text-decoration:none;outline:0}.btn:active,.btn:focus{outline:0}input,button,textarea,select{font-size:100%}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}sup,sub{font-size:100%;vertical-align:baseline}ins{text-decoration:none}del{text-decoration:line-through}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}fieldset,img{border:0}img{max-width:100%;max-height:100%;vertical-align:middle}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}sup,sub{font-size:100%;vertical-align:baseline}.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}.clearfix{}:link,:visited{text-decoration:none}:focus{outline:0}

body{font-size: 14px;margin:98px 0 50px;color: #333;background: #f4f8fb;}
.container{max-width: 1200px;margin:0 auto;position: relative;}

.header{background: #393D49;width: 100%;position: fixed;left: 0;right: 0;top: 0;box-shadow: 0.5rem 0.875rem 2.375rem rgba(39, 44, 49, .06), 0.0625rem 0.1875rem 0.5rem rgba(39, 44, 49, .03);z-index: 999}
.header .logo{float: left;height: 68px;padding:14px 0}
.header .logo img{height: 100%;width: auto;}
.header .nav{list-style: none;height: 68px;float: left;margin-left: 25px}
.header .nav > li{list-style: none;float: left;margin: 0 20px;}
.header .nav > li > a{line-height: 68px;color: rgba(255,255,255,.7);font-size: 16px;position: relative;}
.header .nav > li.current-menu-item a{color:#fff}
.header .nav > li.current-menu-item a:after{content: "";background: #fff;height: 2px;width: 100%;position: absolute;left: 0;right: 0;bottom: -7px}
.header .nav > li > a:hover{content: #fff}
.header .nav .sub-menu{display: none;}

.header .menu-button{position:absolute;top:0;right:0;display:none;width:58px;height:58px;text-align:center}
.header .nav-bar{text-align:center;position:absolute;z-index:1000;padding:19.5px 20px}
.header .nav-bar span{margin-left:auto;margin-right:auto;display:block;width:18px;height:1px;margin-bottom:6px;position:relative;background:#fff;border-radius:2px;z-index:1;-webkit-transform-origin:20px;transform-origin:20px;-webkit-transition:background 0.5s cubic-bezier(0.77,0.2,0.05,1),opacity 0.55s ease,-webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1);transition:background 0.5s cubic-bezier(0.77,0.2,0.05,1),opacity 0.55s ease,-webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1);transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1),background 0.5s cubic-bezier(0.77,0.2,0.05,1),opacity 0.55s ease;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1),background 0.5s cubic-bezier(0.77,0.2,0.05,1),opacity 0.55s ease,-webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1)}
.header .nav-bar-active span{opacity:1;-webkit-transform:rotate(41deg);transform:rotate(41deg)}
.header .nav-bar-active span:nth-last-child(2){opacity:0}
.header .nav-bar-active span:nth-last-child(3){opacity:1;-webkit-transform:rotate(-41deg);transform:rotate(-41deg)}

.notice{margin-bottom: 30px;}
body.single .notice{margin-bottom: 40px}
.notice .notice-box{border-radius: 8px;background: #fff;padding:20px;font-size: 17px;line-height: 1.5;position: relative;}
.notice .notice-box::before{content:"";display:block;position:absolute;left:-2px;top:25%;width:4px;height:50%;background:#249ffd;border-radius:5px}

.content{margin:0 0 30px;border-radius:8px;box-shadow: 0.5rem 0.875rem 2.375rem rgba(39, 44, 49, .06), 0.0625rem 0.1875rem 0.5rem rgba(39, 44, 49, .03);background: #fff;}
.content .post{width: 100%;margin:0;padding:15px 25px;border-bottom:1px solid #eee;text-align: center;position: relative;overflow:hidden}
.content .post-head{background:#f7f7f7;padding:5px 25px;border-radius: 8px 8px 0 0;}
.content .post:last-child{border:none}
.content .post:hover{background:#f9f9f9}
.content .post .link{display: block;position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 9}
.content .post .thumb{float: left;width: 40px;height: 40px;margin-right: 10px}
.content .post h3{font-size: 16px;font-weight: normal;margin:0;float:left;width:65%;text-align:left;line-height:40px; overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.content .post .p3{width: calc(65% - 50px)}
.content .post h3.catn{font-size: 18px;position: relative;}
.content .post .price{color: #ff0000;float:left;width:10%;line-height:40px;}
.content .post .left{float:left;width:10%;line-height:40px;}
.content .post .right{float:right;line-height:40px;color:#999}
.content .post .btn{padding:13px 20px;border-radius: 3px;background: #FFB800;color:#fff;display: inline-block;float:right;}

.home-cats-title{text-align: center;margin-bottom: 25px;margin-top:40px;font-size: 21px}
.home-cats{margin: 0 -10px 10px;}
.home-cats .item{width: calc(50% - 20px);background: #fff;box-shadow: 0.5rem 0.875rem 2.375rem rgba(39, 44, 49, .06), 0.0625rem 0.1875rem 0.5rem rgba(39, 44, 49, .03);margin: 0 10px 20px;float: left;border-radius: 15px;}
.home-cats .item h2{align-items:center;background:#fff;line-height:50px;height:50px;border-bottom:1px solid hsla(210,8%,51%,.09);font-size:18px;font-weight:normal;padding:0 1em;margin:0;position:relative;border-radius:8px 8px 0 0}
.home-cats .item h2::before{content:"";display:block;position:absolute;left:-2px;top:35%;width:4px;height:30%;background:#249ffd;border-radius:5px}
.home-cats .item h2 .more{float:right;font-size:14px;color:#070707}
.home-cats .item ul{padding:10px 15px;background:#fff;border-radius:0 0 8px 8px}
.home-cats .item ul li{line-height:40px;height:40px;align-items:center;position:relative;padding-left:30px;padding-right:50px;list-style:none;counter-increment:mycounter;font-size:15px}
.home-cats .item ul li::before{content:counter(mycounter);position:absolute;left:0;top:11px;background-color:#eee;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#888;border-radius:0 15px 10px 10px}
.home-cats .item ul li:nth-child(1)::before,.home-cats .item ul li:nth-child(2)::before,.home-cats .item ul li:nth-child(3)::before{background:#249ffd;color:#fff}
.home-cats .item ul li a{color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
.home-cats .item ul li span{font-size:1em;position: absolute;right: 0;top: 0;}

.pagination{margin:0 0 30px;padding:0 10px;text-align:center;font-size:14px !important;display:block;border-radius:0}
.pagination ul{display:inline-block !important;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0}
.pagination ul > li{display:inline}
.pagination ul > li > a,.pagination ul > li > span{margin:0 5px !important;float:left;padding:9px 13px !important;background-color:#fff;color:#666;border-radius:3px !important;opacity:.88}
.pagination ul > li > a:hover,.pagination ul > li > a:focus{opacity:1}
.pagination ul > .active > a,.pagination ul > .active > span{background-color:#249ffd !important;color:#fff}
.pagination ul > .active > a,.pagination ul > .active > span{cursor:default}
.pagination ul > li > span,.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus{color:#999;background-color:transparent;cursor:default}

.moka-error{text-align: center;margin-bottom: 20px;color: #ff0000;font-size: 16px;}

.content-title{text-align: center;font-size: 2em;margin: .67em 0;}
.content-subtitle{text-align: center;margin-bottom: 30px;letter-spacing: .0625rem;text-shadow: 0.0625rem 0.0625rem 0.0625rem hsla(0, 0%, 50.2%, .2);color: #249ffd;font-size: 16px;}

.content-side{float: right;width: 300px;background: #fff;padding:25px;border-radius: 8px;box-shadow: 0.5rem 0.875rem 2.375rem rgba(39, 44, 49, .06), 0.0625rem 0.1875rem 0.5rem rgba(39, 44, 49, .03);margin-left: 20px;position: relative;}
.content-side .h2-title{position: absolute;left: 25px;top: -18px;background: #393d49;color: #fff;padding: 10px 20px; font-weight: 700;border-radius: 8px;display: inline-block;font-size: 17px;}
.content-side ul li{line-height:40px;height:40px;padding-left:15px;align-items:center;position:relative;list-style:none;counter-increment:mycounter;font-size:15px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-break: break-all;}
.content-side ul li:before{content: "";position: absolute;left: 0;top: 18px;width: 5px;height: 5px;border-radius: 50%;background: #249ffd}
.content-post-con{float: left;width: calc(100% - 320px);}

.content-post{margin:0 auto 40px;position: relative;background: #fff;border-radius: 8px;padding:50px 25px 40px;box-shadow: 0.5rem 0.875rem 2.375rem rgba(39, 44, 49, .06), 0.0625rem 0.1875rem 0.5rem rgba(39, 44, 49, .03);}
.content-post-single{padding:50px 25px 30px 320px;}
.content-post-single .content-post-thumbnail{position: absolute;left: 25px;top: 50px;width: 270px;height: 270px;object-fit: contain;}
.content-post h1{text-align: center;font-size: 24px;font-weight: normal;margin:0 0 40px;}
.content-post .description{font-size:16px;line-height:1.7;word-wrap:break-word;overflow:hidden;}
.content-post .description p,.content-post .description h1,.content-post .description h2,.content-post .description h3,.content-post .description h4,.content-post .description h5,.content-post .description h6,.content-post .description p,.content-post .description ul,.content-post .description ol,.content-post .description table,.content-post .description pre,.content-post .description blockquote,.content-post .description .wp-caption{margin:0 0 20px}
.content-post .description a{color:#2962ff;}
.content-post .description img{max-width:100%;height:auto}
.content-post .description h2{border-left: 5px solid #a41437;padding-left: 15px;font-size: 19px;line-height: 1;}
.content-post .description h3{border-left: 5px solid #249ffd;padding-left: 15px;font-size: 17px;line-height: 1;}
.content-post .description .aligncenter{margin:0 auto;text-align:center;display:block}
.content-post .description .aligncenter img{margin:0 auto;display:block}
.content-post .description .erphpdown{display: none;}

.content-post .item{font-size: 16px;margin-bottom: 20px;}
.content-post .item .pri{color: #ff5f33;font-size: 24px;}
.content-post .item .payment{margin-top: 15px;display: inline-block;}
.content-post .item .payment .erphpdown-jump3{margin-right: 11px;background: #f8f8f8;border: 2px solid #f6f6f6;line-height: 35px;width: 120px;text-align: center;border-radius: 4px;display: inline-block;position: relative;cursor: pointer;}
.content-post .item .payment .erphpdown-jump3.active{border-color: #249ffd;color: #249ffd;}
.content-post .item .payment .erphpdown-jump3.active .yes{position: absolute;right: -2px;bottom: -1px;border-radius: 0 0 4px 0;}
.content-post .item2{border-top: 1px dashed #eaeaea;padding-top: 15px;}
.content-post .item #erphp_faka_email{border: 2px solid #f0f0f0;padding: 10px 15px;border-radius: 4px;max-width: 400px;width: 100%;}
.content-post .item .erphp-faka-buy{float: right;background: #28d26e;color: #fff;padding: 0 25px;height: 36px;line-height: 36px;font-size: 16px;border-radius: 4px;}
.content-post .item .erphp-faka-buy.disabled{background: #ccc;}
.content-post .item .erphp-faka-buy:hover{opacity: .8;}
.content-post .item .erphp-faka-num{color: #aaa;font-size: 12px;display: inline-block;}
.content-post .item .erphp-faka-num a{display: inline-block;height: 36px;line-height: 34px;width: 30px;text-align: center;font-size: 18px;border: 1px solid #bbb;float: left;color: #333;}
.content-post .item .erphp-faka-num a.erphp-faka-minus{border-right: none;border-radius: 3px 0 0 3px;}
.content-post .item .erphp-faka-num a.erphp-faka-plus{border-left: none;border-radius: 0 3px 3px 0;}
.content-post .item .erphp-faka-num input{border: 1px solid #bbb;width: 80px;padding: 5px;height: 36px;float: left;text-align: center;font-size: 16px;}
.content-post .item .erphp-faka-num input::-webkit-inner-spin-button,.buy-box .erphp-faka-num input::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.content-post .item .erphp-faka-total{display: inline-block;line-height: 36px;margin-left: 20px;}
.content-post .h2-title{position: absolute;left: 25px;top: -18px;background: #393d49;color: #fff;padding: 10px 20px; font-weight: 700;border-radius: 8px;display: inline-block;font-size: 17px;}
.content-post .erphp-left{padding: 10px 20px;background: linear-gradient(to right, #e83efd, #59a5ec);border: none;border-radius: 22px 0 0 22px;position: absolute;right: 0;top: 20px;color: #fff;font-size: 15px;}

.content-post .erphp-faka-query-wrap{overflow: hidden;}
.content-post .erphp-faka-query-wrap #erphp_faka_order{border: 2px solid #f0f0f0;padding: 10px 15px;border-radius: 4px;max-width: 400px;width: 100%;height: 43px;float: left;}
.content-post .erphp-faka-query-wrap .erphp-faka-query{height: 43px;line-height: 43px;border-radius: 4px;width: 80px;background: #28d26e;color: #fff;display: inline-block;float: left;font-size: 16px;text-align: center;margin-left: 5px;}
.content-post .results{margin-top: 20px;}
.content-post .results h3{border-left: 5px solid #249ffd;padding-left: 15px;font-size: 20px;line-height: 1;margin-bottom: 20px;}
.content-post .results .result{margin-bottom: 15px;}
.content-post .results .result a{color:#249ffd;}

.buy-box{overflow: hidden;}
.buy-box .erphp-faka-num{float: left;color: #aaa;font-size: 12px;float: left;}
.buy-box .erphp-faka-num a{display: inline-block;height: 36px;line-height: 34px;width: 30px;text-align: center;font-size: 18px;border: 1px solid #bbb;float: left;color: #333;}
.buy-box .erphp-faka-num a.erphp-faka-minus{border-right: none;border-radius: 3px 0 0 3px;}
.buy-box .erphp-faka-num a.erphp-faka-plus{border-left: none;border-radius: 0 3px 3px 0;}
.buy-box .erphp-faka-num input{border: 1px solid #bbb;width: 80px;padding: 5px;height: 36px;float: left;text-align: center;font-size: 16px;}
.buy-box .erphp-faka-num input::-webkit-inner-spin-button,.buy-box .erphp-faka-num input::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.buy-box .erphp-faka-total{float: left;line-height: 36px;margin-left: 20px;}
.buy-box .erphp-faka-buy{float: right;background: #249ffd;color: #fff;padding: 0 25px;height: 36px;line-height: 36px;font-size: 16px;border-radius: 22px;}
.buy-box .erphp-faka-buy.disabled{background: #ccc;}
.buy-box .erphp-faka-buy:hover{opacity: .8;}

.footer{text-align: center;margin-top: 40px;color: #070707}

@media(max-width: 1200px){
	.container{padding:0 15px;}
}

@media(max-width: 1024px){
	.content-side{width: 100%}
	.content-post-con{width: 100%}
}

@media(max-width: 768px){
	body{margin:78px 0 40px;}
	.header .logo{height: 58px}
	.header .nav{height: auto;position: fixed;top: 58px;left: 0;right: 0;margin-left: 0;background: #393D49;border-top:1px solid #46474a;padding-bottom: 10px;display: none;}
	body.m-nav-show .header .nav{display: block;}
	.header .nav > li{margin: 0 15px;float: none;}
	.header .nav > li > a{font-size: 16px;line-height: 48px;}
	.header .menu-button{display: block;}
	.notice{margin-bottom: 20px}
	body.single-post .content-title, body.single-post .content-subtitle{display: none;}
	.content-subtitle{margin-bottom: 15px;}
	.content{margin-bottom: 20px}
	.content .post{padding: 10px 15px}
	.content .post h3{width: calc(75% - 50px) !important;}
	.content .post .left{display: none;}
	.content .post .price{width: 25%;float: right;}
	.content .post .btn{display: none;}
	.content-post{padding: 40px 15px 10px}
	.content-post-single{padding: 40px 15px 10px}
	.content-post-single .content-post-thumbnail{position: static;width: 100%;height: auto;margin-bottom: 20px;}
	.content-post .erphp-left{top: 10px;}
	.content-post .h2-title{left: 15px;padding: 10px 15px;font-size: 16px;}
	.content-post .item{margin-bottom: 10px;}
	.content-post .item2{text-align: left;}
	.content-post .item #erphp_faka_email{margin-top: 10px;}
	.content-post .item .payment .erphpdown-jump3{margin-bottom: 10px;font-size: 14px;width: 95px;margin-right: 5px;}
	.buy-box .erphp-faka-num{float: none !important;}
	.buy-box .erphp-faka-num input{width: 50px !important;}
	.buy-box .erphp-faka-num a{width: 25px !important;}
	.buy-box .erphp-faka-total{margin-left: 5px !important;float:none !important;position: relative;top: -12.5px;}
	.buy-box .erphp-faka-buy{font-size: 15px;padding: 0 !important;display: block; float: none !important;margin-top: 5px;text-align: center;height: 40px !important;line-height: 40px !important}
	.content-post .erphp-faka-query-wrap #erphp_faka_order{max-width: 230px;padding: 10px}

	.home-cats {margin: 0 -10px;}
	.home-cats .item{width: calc(100% - 20px)}
}