/* 
	Theme Name: Moka
	Theme URL: http://www.mobantu.com
	Description: WordPress极简自动发卡主题，需安装erphpdown插件
	Author: 模板兔
	Author URI: http://www.mobantu.com
	Version: 1.04
*/
@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:#8c8c8c}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:40px 0 80px;color: #333;background: #f4f8fb;}
.container{max-width: 1024px;margin:0 auto;position: relative;}

.header{margin-bottom: 40px;}
.header .nav{list-style: none;background: #249ffd;height: 68px;width: 100%;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);}
.header .nav > li{list-style: none;float: left;margin: 0 25px;}
.header .nav > li > a{line-height: 68px;color: #fff;font-size: 18px;position: relative;font-weight: 600;}
.header .nav > li.current-menu-item a:after{content: "";background: #fff;height: 3px;width: 100%;position: absolute;left: 0;right: 0;bottom: -6px}
.header .nav .sub-menu{display: none;}

.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:20px 25px;border-bottom:1px solid #eee;text-align: center;position: relative;overflow:hidden}
.content .postt{background:#f7f7f7;color: #000}
.content .postc{text-align: left;background:#f0f0f0 !important;border-radius: 8px 8px 0 0}
.content .post:last-child{border:none}
.content .post:hover{background:#f9f9f9}
.content .postc a{margin-right: 15px;color: #333;font-size: 16px;font-weight: 600}
.content .post .link{display: block;position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 9}
.content .post h3{font-size: 16px;font-weight: normal;margin:0;float:left;width:65%;text-align:left;line-height:32px;}
.content .post .price{color: #249ffd;float:left;width:10%;line-height:32px;}
.content .post .left{float:left;width:10%;line-height:32px;}
.content .post .btn{padding:9px 20px;border-radius: 3px;background: #249ffd;color:#fff;display: inline-block;float:right;}

.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-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 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:#249ffd;}
.content-post .description img{max-width:100%;height:auto}
.content-post .description h3{border-left: 5px solid #249ffd;padding-left: 15px;font-size: 20px;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: 25px;}
.content-post .item .pri{color: #ff5f33;font-size: 24px;}
.content-post .item .payment{margin-top: 15px;}
.content-post .item .payment .erphpdown-jump3{margin-right: 11px;background: #f8f8f8;border: 2px solid #f6f6f6;line-height: 43px;width: 130px;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;text-align: center;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: #249ffd;color: #fff;padding: 10px 20px; font-weight: 700;box-shadow: 0 0.5rem 0.625rem rgba(36, 159, 253, .30196);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{position: fixed;bottom: 0;left: 0;right: 0;height: 60px;-webkit-box-shadow: 0 -1px 0 0 hsla(0,0%,71%,.18);box-shadow: 0 -1px 0 0 hsla(0,0%,71%,.18);background: #fff;padding: 12px 0}
.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;}

@media(max-width: 1024px){
	body{margin:60px 0 40px;}
	.container{padding:0 15px;}
	.content .post{}
}
@media(max-width: 768px){
	body{margin:30px 0 70px;}
	.header .nav{height: 58px;}
	.header .nav > li{margin: 0 15px}
	.header .nav > li > a{font-size: 16px;line-height: 58px;}
	.content-subtitle{margin-bottom: 15px;}
	.content .post{padding: 10px 15px}
	.content .post h3{width: 75%;}
	.content .post .left{display: none;}
	.content .post .price{width: 25%;}
	.content .post .btn{display: none;}
	.content-post{padding: 40px 15px 10px}
	.content-post .erphp-left{top: 10px;}
	.content-post .h2-title{left: 15px;padding: 10px 15px;font-size: 16px;}
	.content-post .item{margin-bottom: 20px;}
	.content-post .item2{text-align: left;}
	.content-post .item #erphp_faka_email{margin-top: 10px;}
	.content-post .item .payment .erphpdown-jump3{margin-bottom: 10px;}
	.buy-box .erphp-faka-num input{width: 50px;}
	.buy-box .erphp-faka-num a{width: 25px;}
	.buy-box .erphp-faka-total{margin-left: 5px;}
	.buy-box .erphp-faka-buy{font-size: 15px;padding: 0 20px}
	.content-post .erphp-faka-query-wrap #erphp_faka_order{max-width: 230px;padding: 10px}
}