tba-gx-guochan/public/static/css/SG_area_select.css

	*{
			margin:0px;
			padding: 0px;
			font-family: '微软雅黑';
		}

		@media only screen  and (max-width: 767px) {
			.sg-mask{
				position: absolute; top: 0px; filter: alpha(opacity=20); background-color: #333;     
				z-index: 1002; left: 0px;     
				-moz-opacity:0.5; 
				width:100%;
				height: 100%;  
				display: block; 
				overflow: hidden;  
			}
			.popups-box{
				width:100%;
				text-align:center;
				background-color:#fff;
				border-radius: 5px;
				position: absolute;
				bottom: -251px;
				margin: 0 auto;
				float: left;

			}
			.popups-box .title-min{
				height: 35px;
				width: 100%;
				line-height: 35px;
				color: #fff;
				background-color: #23b7e5;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			.popups-box .title-min .query{
				float: left;
				margin-left: 10px;
				cursor: pointer;
			}
			.popups-box .title-min .submit{
				float: right;
				margin-right: 10px;
				cursor: pointer;
			}
			.popups-box .title-max{
				display: none;
			}


			.popups-box .close{
				width: 30px;
				height: 35px;
				text-align: center;
				float: right;
				cursor: pointer;

			}
			.popups-box .result-box{
				text-align: left;
				padding-left: 5px;
				height: 40px;
				line-height: 40px;
				margin-top: 10px;
				border-bottom: 1px solid #bfbfbf;
				padding-bottom: 10px;
				display: flex;
			}
			.popups-box .result-box input{
				height: 30px;
				line-height: 30px;
				flex: 1;
				margin-left: 10px;
				margin-right: 10px;
				padding-left: 10px;
			}
			.popups-box .footer{
				display: none;
			}

			.tab-box{
				 
				float: left;

			}
			.tab-menu{
				height: 50px;
				line-height: 50px;
				border-bottom: 1px solid #bfbfbf;

			}
			.tab-box .tab-menu li{
				list-style: none;
				float: left;
				width: 33%;
				cursor:pointer;
			}
			.tab-content{
				width: 100%;
				height: 100%;
				margin-top: 2px;
				float: left;
				width: 33%;
				height: 102px;
				overflow: hidden;
			/* 	overflow: hidden;
				overflow: auto;
			 	-webkit-overflow-scrolling:touch;
			 */
			}
			.tab-content ul{
				float: left;
				width: 100%;
			}

			.tab-list-1,.tab-list-2,.tab-list-3{
				display: block;
			}
			.content-box{
				float: left;
				width: 800px;
				height:500px;

			}
			.tab-content li{
				width: 105px;
				height:35px;
				line-height: 35px;
				float: left;
				list-style: none;
				width: 100%;

			}
			.minISClick a{
				background-color: #23b7e5;
				padding: 3px;
				color: #fff;
				max-width: 105px;
				border-radius: 5px;  
			}


		}
		@media only screen  and (min-width: 768px) {
			.sg-mask{
				position: absolute; top: 0px; filter: alpha(opacity=20); background-color: #333;     
				z-index: 1002; left: 0px;     
				-moz-opacity:0.5; 
				width:100%;
				height: 100%;  
				display: block;   
			}
			.popups-box{
				width:650px;
				text-align:center;
				background-color:#fff;
				border-radius: 5px;
				position: relative;
				margin: 0 auto;
				top:50px;

			}
			.popups-box .title-min{
				display: none;
			}
			.popups-box .title-max{
				height: 35px;
				width: 100%;
				line-height: 35px;
				color: #fff;
				text-align: left;
				padding-left: 10px;
				background-color: #23b7e5;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;

			}
			.popups-box .close{
				width: 30px;
				height: 35px;
				text-align: center;
				float: right;
				cursor: pointer;

			}
			.popups-box .result-box{
				text-align: left;
				padding-left: 20px;
				height: 40px;
				line-height: 40px;
				margin-top: 10px;
				border-bottom: 1px solid #bfbfbf;
				padding-bottom: 10px;
			}
			.popups-box .result-box input{
				height: 30px;
				line-height: 30px;
				width: 480px;
				padding-left: 10px;
				margin-left: 5px;
			}
			.popups-box .footer{
				height: 60px;
				width: 650px;
				line-height:60px;
				border-top: 1px solid #bfbfbf;
				bottom: 0px;
				text-align: right;
				clear: both;

			}
			.popups-box .footer button{
				width: 80px;
				height: 40px;
				line-height: 40px;
				border-radius: 5px;
				background-color: #23b7e5;
				color: #fff;
				font-size: 15px;
				border:none;
				outline: none;
				cursor: pointer;
				margin-right: 10px;
			}
			.tab-box{
				width: 100%;

			}
			.tab-menu{
				height: 50px;
				line-height: 50px;
				padding-left: 12px;
				padding-right: 12px;
			}
			.tab-box .tab-menu li{
				list-style: none;
				float: left;
				width: 33%;
				cursor:pointer;
			}
			.tab-content{
				width: 100%;
				height: 100%;
				margin-top: 2px;
				float: left;
				display: none;
			}


			.tab-content li{
				width: 105px;
				height:34px;
				line-height: 34px;
				float: left;
				list-style: none;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				 
			}
			.tab-content li a:hover{
				cursor: pointer;
				background-color: #23b7e5;
				padding: 3px;
				color: #fff;
				max-width: 105px;
				border-radius: 5px; 
				 
			}
			.isCheck{
				border-bottom: 2px solid #23b7e5;
				box-sizing: border-box;
			}
			.isBlock{
				display: block;
			}
		}