@charset "utf-8";
.art-title{
text-align:center;
font-size:1.8rem;
line-height:1.2;
padding:10px 0;
}
ul.artilist li{
font-size:1.6rem;
line-height:2;
border-bottom:1px #ccc solid;
}
ul.artilist li a{
display:block;
}



#smain{
padding:10px 0;
float:left;
width:100%;
}

ul.ap_pnl li{
width:33.3333%;
float:left;
padding:10px 0;
}
ul.ap_pnl li a{
display:block;
width:100px;
height:100px;
margin:0 auto;
border-radius:5px;
background-color:#f5f7f9;
box-shadow:2px 2px 5px rgba(0,0,0,.2);
}
ul.ap_pnl li a .item{
text-align:center;
padding:12px 0 0 0;
}
ul.ap_pnl li a .item img{
width:60px;
height:60px;
}
ul.ap_pnl li a h1{
font-size:1.5rem;
line-height:24px;
text-align:center;
}
ul.ap_pnl li a.more{
text-align:center;
padding-top:12px;
height:88px;
}
ul.ap_pnl li a.more > img{
width:75px;
height:75px;
}
@media screen and (min-width: 414px){

ul.ap_pnl li a{
width:120px;
height:120px;
}
ul.ap_pnl li a .item{
padding:15px 0 0 0;
}
ul.ap_pnl li a .item img{
width:70px;
height:70px;
}
ul.ap_pnl li a h1{
font-weight:bold;
}
ul.ap_pnl li a.more{
text-align:center;
padding-top:18px;
height:102px;
}
ul.ap_pnl li a.more > img{
width:80px;
height:80px;
}
}
@media screen and (max-width: 320px){

ul.ap_pnl li a{
width:90px;
height:90px;
}
ul.ap_pnl li a .item{
padding:12px 0 0 0;
}
ul.ap_pnl li a .item img{
width:50px;
height:50px;
}
ul.ap_pnl li a h1{
font-size:1.4rem;
}
ul.ap_pnl li a.more{
text-align:center;
padding-top:10px;
height:80px;
}
ul.ap_pnl li a.more > img{
width:70px;
height:70px;
}
}

/* 棣栭〉鍥炬爣 */
ul.homenav{
padding:5px 0;
width:100%;
float:left;
}
ul.homenav li{
width:25%;
float:left;
padding:8px 0;
}
ul.homenav li .item{
width:60px;
margin:0 auto;
}
ul.homenav li .item a{
display:block;
text-align:center;
}
ul.homenav li .item a .box{
width:60px;
height:60px;
border-radius:60px;
overflow:hidden;
text-align:center;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
padding-top:12px;
}
ul.homenav li .item a.m1 .box{background-color:#fe9f21;}
ul.homenav li .item a.m2 .box{background-color:#ff6762;}
ul.homenav li .item a.m3 .box{background-color:#8a8ff7;}
ul.homenav li .item a.m4 .box{background-color:#fcd12d;}
ul.homenav li .item a.m5 .box{background-color:#fd81bf;}
ul.homenav li .item a.m6 .box{background-color:#4bc7eb;}
ul.homenav li .item a.m7 .box{background-color:#fcd12d;}
ul.homenav li .item a.m8 .box{background-color:#4c91ee;}
ul.homenav li .item a.m9 .box{background-color:#39b2c2;}

ul.homenav li .item a .box img{
width:36px;
height:36px;
border-radius:0px;
}
ul.homenav li .item a span{
display:block;
font-size:1.3rem;
padding-top:3px;
line-height:1.2;
}

@media screen and (max-width: 320px){
ul.homenav li{
padding:5px 0;
}
ul.homenav li .item{
width:50px;
}
ul.homenav li .item a .box{
width:50px;
height:50px;
border-radius:50px;
padding-top:10px;
}
ul.homenav li .item a .box img{
width:30px;
height:30px;
border-radius:30px;
}
ul.homenav li .item a span{
font-size:1.2rem;
}
}

/* 闈欐€侀〉鍐呭 */
section.page .mod-cont .pagemod{
font-size:1.5rem;
line-height:2;
}
section.page .mod-cont .pagemod div,section.page .mod-cont .pagemod p{
font-size:1.5rem;
line-height:2;
}
section.page .mod-cont .pagemod p{
margin:0 0 10px 0;
}
section.page .mod-cont .pagemod img{
width:100%;
}
/* 涓氬姟鑼冨洿鍒楄〃 */
.ptitle{
font-size:1.6rem;
line-height:2.2;

}
.ptitle a{
color:#000;
}
.ptitle a span{
font-weight:bold;
}
.psub{
font-size:1.5rem;
line-height:2;
margin-bottom:10px;
color:#424242;
}
.pcont{
font-size:1.5rem;
line-height:2;
margin-bottom:15px;
color:#868686;
}

/* 涓氱哗鍒楄〃 */
.goodslistitem{
width:100%;
float:left;
border-bottom:1px #e5e5e5 solid;
padding:8px 0;
}
.goodslistitem a{
display:block;
float:left;
width:100%;
}
.goodslistitem a .img{
float:left;
width:120px;
height:90px;
margin-right:10px;
float:left;
}
.goodslistitem a .img img{
width:120px;
height:90px;
}
.goodslistitem a .goodsname{
font-size:1.4rem;
line-height:24px;
font-weight:800;
color:#000;
}
.goodslistitem a .subname{
font-size:1.2rem;
height:30px;
line-height:15px;
color:#a0a0a0;
}
.goodslistitem a .shopname{
font-size:1.2rem;
line-height:14px;
color:#a0a0a0;
}
.goodslistitem a .pricebox{
font-size:1.4rem;
line-height:22px;
}
.goodslistitem a .pricebox .mod-price{
font-size:1.6rem;
color:#f60;
display:inline-block;
margin-right:15px;
}
.goodslistitem a .pricebox .mod-price dfn{
font-size:1.2rem;
}
.goodslistitem a .pricebox .mod-pricem{
font-size:1.4rem;
color:#ccc;
}



.userinfo{
background-color:rgba(255,255,255,.5);
background:url(images/userbg.jpg) no-repeat center center;
background-size:100% auto;
padding:25px 5%;
position:relative;
}
.userinfo:after{
content:"";
display:block;
clear:both;
}
.userinfo .userface{
float:left;
width:80px;
height:80px;
margin-right:15px;
}







.userinfo .userface img{
width:80px;
height:80px;
border-radius:80px;
}
.userinfo h1.name{
color:#fff;
font-size:1.4rem;
line-height:30px;
}
.userinfo h1.name span{
font-size:1.6rem;
}
.userinfo h2.mobile{
color:#fff;
font-size:1.4rem;
line-height:25px;
}
.userinfo h2.point{
color:#fff;
font-size:1.4rem;
line-height:20px;
}
.userinfo h2.point span{
display:inline-block;
font-family:Farrington;
word-spacing:8px;
letter-spacing:8px
font-size:1.4rem;
line-height:20px;
}

.loginbox{
width:100%;
float:left;
position:relative;
padding:25px 0;
}

.loginbox .form-group{
width:100%;
float:left;
padding:15px 0;
}
.loginbox .form-group.fixed{
padding:5px 0;
}
.loginbox .form-group .ctl{
width:100%;
float:left;
background-color:#fff;
height:50px;
border-radius:5px;
border:1px #e5e5e5 solid;
box-shadow:inset 3px 3px 5px rgba(0,0,0,.1);
}
.loginbox .form-group .ctl > span{
float:left;
width:40px;
text-align:center;
line-height:50px;
font-size:22px;
color:#d5d5d5;
}
.loginbox .form-group .ctl input.form-control{
height:30px;
padding:10px;
border:0;
line-height:30px;
background:none;
vertical-align: middle;
font-size:16px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}
.loginbox .form-group .ctl input.form-control:focus{
  border-color: rgba(82, 168, 236, 0);
  outline: 0;
  outline: thin dotted \9;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(82, 168, 236, 0);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(82, 168, 236, 0);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(82, 168, 236, 0);
}

button.loginbtn{
border:0;
background-color:#feae1b;
border-radius:4px;
display:inline-block;
line-height:36px;
float:none;
width:100%;
font-family:"寰蒋闆呴粦",verdana,tahoma,arial;
vertical-align: middle;
font-size:16px;
color:#fff;
cursor:pointer;
}

.loginbox .footlink,.regbox .footlink{
width:100%;
position:absolute;
bottom:0px;
left:0;
text-align:right;
color:#d5d5d5;
font-size:16px;
}
.loginbox .footlink a,.regbox .footlink a{
color:#d5d5d5;
}
ul.paydata li{
float:left;
width:100%;
font-size:1.4rem;
line-height:30px;
}
ul.paydata li .key{
float:left;
width:25%;
text-align:right;
margin-right:5px;
}
ul.paydata li .price{
font-size:1.8rem;
color:#f60;
}
.prestitle{
color:#39b2c2;
font-size:2.2rem;
line-height:60px;
text-align:center;
}
.presamount{
font-size:3.6rem;
line-height:60px;
color:#f60;
text-align:center;
}
.presamount dfn{
font-size:3rem;
}
.presamount span.price{
font-family:Farrington;
}
.preserr{
padding-top:10px;
color:#e22020;
font-size:2.4rem;
line-height:2;
text-align:center;
}
.presok{
padding-top:10px;
color:#14914c;
font-size:2.4rem;
line-height:2;
text-align:center;
}


			<div class="prestitle">鐮佷箼鍟嗗煄璁㈠崟</div>
			<div class="presamount"><dfn>&yen;</dfn><span class="price">{$payamount}</span></div>
			<if condition="$paystatus eq 0">
				<div class="presok">鏀粯澶辫触</div>
			<else/>
				<div class="preserr">鏀粯鎴愬姛</div>
			</if>



		<ul class="">
			<li><span class="key">鍐呭锛欬/span>鐮佷箼鍟嗗煄璁㈠崟</li>
			<li><span class="key">缂栧彿锛欬/span>{$paydata.paynum}</li>
			<li><span class="key">閲戦锛欬/span><dfn>&yen;</dfn><span class="price">{$paydata.amount}</span></li>
		</ul>