@import "order.css";
red{border:1px solid #ff0000;}

.order_1>div input{
    line-height:48px;
    height:48px;
    border:1px solid #ccc;
    border-radius:5px;
    width:360px;
    padding:0 10px;
    font-size:14px;
    margin-left:25px;
    color:#666;
}
.order_1>div>.w150{width:150px;}
.order_jibie>li>div{margin:8px;}
.order_jibie>li>div>span{display:inline-block;font-size:12px;line-height:23px;padding:8px;}

.order_shouhuo .order_oral_address{width:330px;}

.order_3 .order_per ul li{width:33%;float:left;}
.order_3 .order_per ul li a{width:100%;float:left;margin-left:5px;}
.order_3 .order_per ul li a img{width:165px;height:200px;}
.order_3 .order_per ul li span{width:100%;float:left;text-align:center;line-height:25px;}
.order_3 .order_per ul li span a{color:#999;font-size:14px;}
.order_3 .order_per ul li span b{display:inline-block;border:1px solid #ccc;width:15px;height:15px;text-align:center;line-height:15px;border-radius:5px;color:#fff;cursor:pointer;}
.order_3 .order_per ul li span font{font-size:14px;padding-left:5px;}
.order_3 .order_per .order_page{width:100%;float:left;text-align:right;margin:10px;}
.order_3 .order_per .order_page a{font-size:12px;}
.order_3 .per_null{clear:both;color:#666;text-align:center;width:100%;}
.order_3 .per_load{clear:both;text-align:center;width:100%;float:left;}

/*.order_1>div> .dropdown-menu{position:relative; top:0; z-index:10; left:80px;border:1px solid #ccc;float:left;border-radius:5px;}*/
.dropdown-menu>.grouplist{position:absolute;margin-left:80px;border:1px solid #ccc;border-radius:5px;width:380px;background:#fff;height:100px;overflow-y:scroll;}
.dropdown-menu>.grouplist>li>a{font-size:12px;padding-left:15px;line-height:25px;}

.per_show {
    z-index:99999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    background: rgba(0,0,0,0.3);
}
.per_show>.per_showinfo{
    width:960px;
	background:#FFF;
	left:50%;
	top:50%;
	position:fixed;
    margin-left:-480px;
    margin-top:-300px;
	border-radius:10px;
    color:#333;
}
.per_show>.per_showinfo>.per_top{
	width:960px;
	height:70px;
	line-height:70px;
	border-bottom:1px dashed #ccc;
	font-size:24px;
}
.per_show>.per_showinfo>.per_top>span{
	margin-right:10px;
	display:block;
	width:900px;
	float:left;
    margin-left:20px;
}
.per_show>.per_showinfo>.per_top>b{
	display:block;
	position:absolute;
	margin-left:930px;
	margin-top:-5px;
	font-weight:500;
	cursor:pointer;
}
.per_left{width:100px;float:left;text-align:center;margin:20px 70px 0px 70px;}
.per_left img{width:80px;height:80px;border-radius:40px;border:1px solid #ccc;}
.per_left span{width:80px;color:#1CAD7E;font-weight:bold;}
.per_left b{float:left;width:80px;line-height:25px;}
.per_right{width:660px;margin:20px 0px 30px 10px;float:left;}
.per_right ul li{width:100%;float:left;border-bottom:1px dotted #ddd;}
.per_right ul li span{width:50%;float:left;line-height:45px;}
.per_right .per_content{width:100%;clear:both;padding:15px 0px;}
.per_right .per_content b{display:inline-block;float:left;width:100%;line-height:40px;}
.per_right .per_content span{line-height:28px;font-size:14px;}

.order_right_2{height:50px;line-height:50px;clear:both;padding:0 20px;}
.order_right_3{height:50px;line-height:50px;clear:both;padding:0 20px;}
.order_right_5{
    clear:both;
	display:none;
    height:50px;
    line-height:50px;
	padding:0 20px;
}
.order_right_5>.left{
	font-size:15px;
}
.order_right_5>.right{
	color:#7c7c7c;
	font-size:12px;
}
.order_right_4{clear:both;height:60px;line-height:60px;padding:0px 20px;}
.order_right_queding>#oresult{width:100%;color:#ff0000;}

@media (max-width: 768px) {
    .order_1 > div input{margin:0px;width:90%;margin-top:10px;}
    .order_1>div>.w150{margin:0px;width:90%;margin-top:10px;}
    .dropdown-menu>.grouplist{width:70%;float:left;margin:0px;}
    .order_3 .order_per ul li {width:100%;}
    .order_3 .order_per ul li a img{width:90%;height:inherit;}
    .per_show > .per_showinfo{width:100%;left:0px;margin-left:0px;}
    .per_show>.per_showinfo>.per_top{width:100%;}
    .per_show>.per_showinfo>.per_top>span{width:80%;float:left}
    .per_show>.per_showinfo>.per_top>b{margin-left:80%;width:20%;float:left;}
    .per_right{width:100%;float:left;overflow-y:scroll;height:300px;}
    .per_right ul li span{width:100%;}
    .order_shouhuo .order_oral_address{width:90%;}
    
}