@media(max-width: 415px){
	body { 
	    padding-top: 51px;
	    padding-bottom: 60px;
	}
	.navbar {
	  min-height: 50px;
	  padding-top: 10px;
	}
	.navbar-brand{
		width: 100px;
		margin-left: 15px;
		margin-top: 3px;
	}
	.navbar-nav {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/*Foot*/
	.foot_nav,.foot_nav ul li a{
	    height: 50px;
	}
	.foot_nav ul{
		margin-right: -15px;
		margin-left: -15px;
	}
	.foot_nav ul li:nth-child(1) a,.foot_nav ul li:nth-child(3) a{
	    border-radius: 0;
	}
	.foot_nav ul li a i{
		margin-top: 6px;
	    font-size: 1.4em;
	}
	.foot_nav ul li a h2{
	    font-size: 0.9em;
	    margin-top: 2px;
	    margin-bottom: 7px;
	}

	.nav-tabs{
		margin-top: 15px;
	}

	.tab-content{
	    padding-top: 2px;
	}

	/*common*/
	.common{
	    overflow: hidden;
	    text-align: center;
	    margin-right: -5px;
	    margin-left: -5px;
	    margin-top: -10px;
	}
	.common li{
	    display: inline-block;
	    width: 46%;
	    margin-top: 10px;
	    margin-right: 5px;
	    margin-left: 5px;
	    cursor: pointer;
	}
	.common li a{
	    height: 120px;
	    padding-top: 0;
	}
	.common li a p:nth-child(1), .common li a p:nth-child(2), .common li a p:nth-child(3) {
	    padding-top: 12px;
	}
	.common li a p:nth-child(1) img,.common li a p:nth-child(3) img{
	    width: 130px;
	}

	.btn_now{
	    width: 100px;
	    height: 40px;
	    line-height: 40px;
	    margin-top: 15px;
	    font-size: 1em;
	}

	.table th {
	    font-size: 0.9em;
	}

	.data_bg .time{
	    display: block;
	    margin-top: 12px;
	}
	.data_bg .mnone{
	    display: none;
	}
	.mnone,.pages{
	    display: none;
	}
	.data_bg .pnone{
	    display: inline-block;
	}
	.data_bg .pnone input{
	    width: 200px;
	}
	.data_bg .m_site{
		margin-top: 12px;
		margin-left: 85px;
	}

	.xu{
	    width: 24%;
	}
	.hao{
	    width: 76%;
	}
	
	.chaxun h4{ 
		padding: 5px 0 10px 0;
	    background-color: #fff; 
	}
	.chaxun ul li{
	    padding: 4px 0 4px 22px;
	}
	.chaxun ul li span.time{
		margin-left: 48px; 
		margin-top: 4px; 
	}
	.chaxun ul li input[type=checkbox],.chaxun h4 input[type=checkbox]{
	    width: 18px;
	    height: 18px;
	    vertical-align: -2px;
	}
	
	.s_rizhi li .company {
	    width: 146px;
	}
	.s_rizhi li input[type=text]{
	    width: 146px;
	}
	.s_rizhi li input[type=button]{
		width: 65px;
		margin-left: 4px;
	}

	.cha_tit{
	    margin-top: 15px;
	}

	.ziliao li{
	    display: inline-block;
	    width: 100%;
	}
	.ziliao li p:first-child{
	    float: left;
	    width: 50%;
	}
	.ziliao li p:last-child{
	    width: 50%;
	}

	.personal{
	    margin: -15px auto 0 auto;
	}
	
	.order-tit{
		margin-top: 6px;
	}
	.order-tit input[type=text]{
	    width: 180px;
	    text-indent: 5px;
	}
	.order-tit input[type=button]{
	    width: 90px;
	}

	.order-list li:nth-child(1){
	    font-size: 1em;
	}
	.order-list li p em{
	    margin-right: 1%;
	}

	.balance li span:first-child{
	    width: 25%;
	}
	.balance li span:last-child{
	    width: 70%;
	    padding-left: 5%;
	}
	
	
	.task{
	    margin-top: 15px;
	}
	.task-select {
	    margin-top: 15px;
	}
	.task-select > ul > li{
	    display: block;
	    width: 100%;
	}

	.kaozuo{
		text-align: center;
	    margin-left: 0;
	}
	.task .field > li{
	    padding-left: 5px;
	}

	.task .field > li > textarea {
	    width: 280px;
	}
	
	.chose > dd {
	    width: 101.2%;
	}

	.daohang {
	    margin-top: 15px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}

	.ying {
		width: 100%;
	    margin-right: 0px;
	    min-height: 260px;
	    background: url(../images/ying.png) no-repeat center;
	}
	.wei {
	    width: 100%;
	    margin-left: 0px;
	    min-height: 260px;
	    background: url(../images/wei.png) no-repeat center;
	}
	.ying a p img {
	    width: 100px;
	    height: 100px;
	}
	.wei a p img {
	    width: 100px;
	    height: 100px;
	}
	.ying a p img, .wei a p img {
	    margin: 50px auto 0px auto;
	}
}


@media(max-width: 321px){
	.nav-tabs{
		margin-right: -2px;
		margin-left: -2px;
	}
	.nav-tabs > li > a {
		margin-right: 2px;
		margin-left: 2px;
		font-size: 1.1em;
	}
	.data_bg #company_name {
	    width: 190px;
	}
	.s_rizhi li .company {
	    width: 120px;
	}
	.s_rizhi li input[type=text]{
	    width: 120px;
	}
	.s_rizhi li input[type=button]{
		width: 60px;
	}
	.s_rizhi li .time{
		width: 78px;
	    margin-left: 5px;
	}
	.data_bg input[type=button]{
	    width: 80px;
	}
	.xu{
	    width: 26%;
	}
	.hao{
	    width: 74%;
	}
	.data_bg .pnone input{
	    width: 170px;
	}
	.reset_cha li span.job,.reset_cha li span.city{
	    margin-left: 5px;
	}
	/*2016-12-28*/
	.for-liucheng {
	    width: 100%;
	    height: 100px;
	    margin: -15px auto 0 auto;
	    padding: 27px 0 0 0;
	}
	.guest-tit select {
	    width: 170px;
	    height: 35px;
	    line-height: 35px;
	}
	.guest-tit .btn-dao{
		width: 81px;
		margin-top: 10px;
		margin-right: 10px;
	}
	.xuanze input[type=text] {
	    width: 170px;
	    height: 40px;
	}
	.file-chose {
	    width: 80px;
	}
	.file-ipt1 {
	    width: 80px;
	}
	.liutextbox .liutext em {
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	}
	.liutextbox {
	    top: 15px;
	}
	/*.add-del{
		text-align: center;
	}*/
	.add-del .add-del1{
		width: 45%;
		padding: 8px 0 8px 0;
		margin-right: 15px;
	}
	.add-del .add-del2{
		width: 45%;
		padding: 8px 0 8px 0;
		margin-right: 0;
	}
	.guest-tit{
		/*text-align: center;*/
	}
	.add-del .add-del3 {
	    padding: 8px 15px;
	}
	.add-del .add-del4{
		margin-bottom: 10px;
		padding: 8px 15px;
	}
	.xiazai{
		display: none;
	}
	.mobile {
	    width: 312px;
	    height: 623px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	    margin-left: auto;
	    margin-right: auto;
	    padding-top: 40px;
	}

	.lie-list{
		padding-top: 15px;
	}
	.lie-list li input[type=text] {
	    width: 235px;
	}
	.lie-list li {
	    padding: 10px 0;
	    border-bottom: 1px solid #edecec; 
	}

	.lie-list li div:first-child{
		width: 25%;
	}
	.lie-list li div:last-child{
		width: 75%;
	}
	.add-del .add-del3{
		margin: 5px 5px;
	}
}


@media(max-width: 321px){
	.nav-tabs{
		margin-right: -2px;
		margin-left: -2px;
	}
	.nav-tabs > li > a {
		margin-right: 2px;
		margin-left: 2px;
		font-size: 1.1em;
	}
	.data_bg #company_name {
	    width: 190px;
	}
	.s_rizhi li .company {
	    width: 120px;
	}
	.s_rizhi li input[type=text]{
	    width: 120px;
	}
	.s_rizhi li input[type=button]{
		width: 60px;
	}
	.s_rizhi li .time{
		width: 78px;
	    margin-left: 5px;
	}
	.data_bg input[type=button]{
	    width: 80px;
	}
	.xu{
	    width: 26%;
	}
	.hao{
	    width: 74%;
	}
	.data_bg .pnone input{
	    width: 170px;
	}
	.reset_cha li span.job,.reset_cha li span.city{
	    margin-left: 5px;
	}
}