.brandpkone{ padding:20px;}
.brandpkone .brandbox{ position:relative;}
.brandpkone .brandbox .item{ width:50%; float:left; text-align:center;}
.brandpkone .brandbox .item img{ border:solid 1px #EEE;}
.brandpkone .brandbox .item em{ line-height:2.4em;}
.brandpkone .brandbox:before{ content:""; background:url(/mobile/public/img/brand/pk.png) no-repeat; width:100px; height:100px; background-size:100%; position:absolute; left:50%; top:0; margin-left:-50px;}
.brandpkone ul{margin-top: 5px;}
.brandpkone ul li{ position:relative;}
.brandpkone ul li .ttl{width: 132px;line-height:2em;border-radius: 2em;background-color:#fff;color: #666; font-size:20px; position:absolute; left:50%; top:50%; margin-left:-66px; margin-top:-1em; text-align:center;}
.brandpkone ul li .md_table{ min-height:90px; width:50%; float:left; background:#5F8EFF; text-align:center; position:relative;padding: 10px 3%;}
.brandpkone ul li:nth-child(n+2) .md_table{ padding-top:12px;}
.brandpkone ul li:nth-child(n+2) .md_table:before{ content:""; width:90%; height:0; border-top:dashed 2px rgba(255,255,255,.5); position:absolute; left:5%; top:0;}
.brandpkone ul li .left{padding-right:70px;}
.brandpkone ul li .right{padding-left:70px;background:#F1545D;}
.brandpkone ul li:first-child .left,.brandpkone ul li:first-child .right{ border-radius:10px 10px 0 0;}
.brandpkone ul li:last-child .left,.brandpkone ul li:last-child .right{ border-radius:0 0 10px 10px;}
.brandpkone .brandbox:after,.brandpkone ul li:after{ content:""; display:block; clear:both;}