﻿@charset "utf-8";
/* CSS Document */

html, body {
	padding:0;
	margin:0;
	position:relative;
	width:100%;
	height:100%;
}
ul, li {
	margin:0;
	padding:0;
	list-style:none;
}
.warp {
	width:100%;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height:100%;
	background-color:#a7a6ab;
}
.header {
	width:100%;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	background-color:#f85092;
	z-index:3;
}
header.mui-bar {
    background:#f85092;
    color:#fff;
}
.mui-bar.mui-bar-nav a,.mui-title {
    color:#fff;
}
.mui-search {
	position:absolute;
	top:25px;
	width:calc(90% - 40px);
	height:35px;
	left:5%;
	z-index:6;
}
.mui-search.mui-active:before {
	top:25px;
}
.mui-input-row {
	overflow:visible;
}
input[type=search] {
	background:rgba(255, 255, 255, 1);
}
.bnt_search {
	width:35px;
	height:35px;
	display:block;
	position:absolute;
	right:-40px;
	top:0;
	background-image:url(../images/3g/bnt_search.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:6;
}
.mui-slider .mui-slider-group .mui-slider-item img {
	height:143px;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.header_menu {
	background-image:url(../images/3g/bg_header_menu.jpg);
	height:60px;
}
.header_menu a {
	display:inline-block;
	width:calc(33% - 2px);
	text-decoration:none;
	height:60px;
	background-size:auto 100%;
	background-repeat:no-repeat;
}
a.bnt01 {
	background-image:url(../images/3g/header_menu_01.png);
	background-position:center top;
}
a.bnt02 {
	background-image:url(../images/3g/header_menu_02.png);
	background-position:center top;
}
a.bnt03 {
	background-image:url(../images/3g/header_menu_03.png);
	background-position:center top;
}
.content {
	margin-top:10px;
	background-color:#fff;
	padding-bottom:55px;
}
.content ul.list_01 {
	clear:both;
}
.content .list_01 li:first-child {
	margin-left:6.4%;
}
.content .list_01 li {
	display:block;
	text-align:center;
	width:27.59%;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-right:2.22%;
}
.content .list_01 li a {
	border:none;
	text-decoration:none;
}
.content .list_01 li img {
	width:100%;
	height:58.66px;
	border:none;
	border-radius:10px;
	background-position:center center;
	background-size:cover;
}
.content ul.list_02 {
	clear:both;
}
.content ul.list_02 li {
	width:31.38%;
	float:left;
}
.content ul.list_02 li:first-child {
	margin-right:14px;
	width:53.05%;
	margin-left:6.4%;
}
.content ul.list_02 li:first-child img {
	width:100%;
	height:131.33px;
}
.content ul.list_02 img {
	width:100%;
	height:64.33px;
	border:none;
	border-radius:10px;
	background-position:center center;
	background-size:cover;
}
.content ul.list_03 {
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
}
.content ul.list_03 li:first-child {
	margin-left:6%;
	margin-right:2%;
}
.content ul.list_03 li {
	width:42.59%;
	float:left;
	border:1px solid #dfe3e2;
}
.content ul.list_03 li .info {
	padding:4%;
}
.content ul.list_03 li img {
	width:24.34%;
	display:inline;
	border:none;
	background-position:center center;
	background-size:cover;
	float:left;
	margin-right:4%;
}
.content ul.list_03 li .info h2 {
	color:#505050;
	font-size:14px;
}
.content ul.list_03 li .info p {
	font-size:12px;
}
.mui-bar-tab{
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	left:auto;
	right:auto;
}
.mui-bar-tab .mui-tab-item.mui-active{
	color:#c30303;
}
.icon-home{
	background-image:url(../images/3g/bnt_home_02.png);
	background-size:cover;
}
.mui-active .icon-home{
	background-image:url(../images/3g/bnt_home_01.png);
	background-size:cover;
}
.icon-juzhen{
	background-image:url(../images/3g/bnt_juzheng_02.png);
	background-size:cover;
}
.mui-active .icon-juzhen{
	background-image:url(../images/3g/bnt_juzheng_01.png);
	background-size:cover;
}
.icon-xiangmu{
	background-image:url(../images/3g/bnt_xiangmu_02.png);
	background-size:cover;
}
.mui-active .icon-xiangmu{
	background-image:url(../images/3g/bnt_xiangmu_01.png);
	background-size:cover;
}
.icon-dangjian{
	background-image:url(../images/3g/bnt_dangjian_02.png);
	background-size:cover;
}
.mui-active .icon-dangjian{
	background-image:url(../images/3g/bnt_dangjian_01.png);
	background-size:cover;
}
.icon-phone{
	background-image:url(../images/3g/bnt_phone_02.png);
	background-size:cover;
}
.mui-active .icon-phone{
	background-image:url(../images/3g/bnt_phone_01.png);
	background-size:cover;
}

/*分页*/
.page {
    padding: 5px;
	height:30px;
	padding-left:6.4%;
}

.paginator a {
    padding: 1px 6px;
    border: solid 1px #ddd;
    background: #fff;
    text-decoration: none;
    margin-right: 2px;
}

    .paginator a:visited {
        padding: 1px 6px;
        border: solid 1px #ddd;
        background: #f85092;
        text-decoration: none;
    }

.paginator .cpb {
    padding: 1px 6px;
    font-weight: bold;
    font-size: 13px;
    border: none;
}

.paginator a:hover {
    color: #fff;
    background: #ffa501;
    border-color: #ffa501;
    text-decoration: none;
}

.anpager {
    font-size: 14px;
}

.anpager .cpb {
	border: 1px solid #f85092;
	color:#fff;
	font-weight: bold;
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	 background-color: #f85092;
}

.anpager a {
	border: 1px solid #fff;
    background-color:#fff;
	color:#08b3d1;
	text-decoration: none;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	display: block;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}

.anpager a:hover {
background: #1F3A87 none repeat scroll 0 0;
border: 1px solid #1F3A87;
color: #FFFFFF;
line-height: 28px;
}

.anpager a.sort_1 {
background: url("../Images/icon_sort.gif") no-repeat scroll 0 0 transparent;
}

.anpager a.sort_1:hover {
	background: url("../Images/icon_sort.gif") no-repeat;
}

.anpager a.sort_2 {
background: url("../Images/icon_sort.gif") no-repeat scroll right top transparent;
}

.anpager a.sort_2:hover {
	background: url("../Images/icon_sort.gif") no-repeat right top;
}
/*end: pager style*/
@media screen and (min-width:480px) {
.mui-slider .mui-slider-group .mui-slider-item img {
 height:255px;
}
 .header_menu {
 height:95px;
}
 .header_menu a {
 height:95px;
}
 .content .list_01 li img {
 width:176.59px;
 height:103.94px;
}
 .content ul.list_02 li:first-child {
 margin-right:14px;
}
 .content ul.list_02 li:first-child img {
 height:233.47px;
}
 .content ul.list_02 img {
 width:200.88px;
 height:114.36px;
}
 .content ul.list_03 li .info h2 {
 font-size:16px;
}
 .content ul.list_03 li .info p {
 font-size:14px;
}
}