初学css求大神给写个样式，高分送上！

[西門冠希]

<div class="am-u-sm-centered ssz_jiexi"> 
	<div class="am-u-lg-12">
		<select class="am-u-lg-12" id="mycombo" name="mycombo" style="height:52px;width:120px;border:none;background:#fff;">
			<option value="1" selected>线路1</option>
			<option value="2">线路2</option>
			<option value="3">线路3</option>
			<option value="4">线路4</option>
			<option value="5">线路5</option>
		</select>
		<div class="am-input-group" style="height:52px;width:530px;border:none;">
			<input type="text" class="am-form-field" id="url" placeholder="请输入优酷、土豆视频页地址" value=""  style="height:52px;margin-left:10px;border:none;background:#fff;">
			<span class="am-input-group-btn" style="height:52px;width:148px;border:none;background:#f58e09;font-size:18px;color:#fff;">
				<button class="am-btn am-btn-default" type="button" id="btnjx" onclick="jiexi();" name="" value="点 我 解 析."  style="height:52px;width:148px;border:none;background:#f58e09;font-size:18px;color:#fff;">点我解析</button>
			</span>
		</div> 
	</div> 
	<div class="am-u-lg-12"><p class="tishi">飞速下载，流畅观看。请选择最快的线路</p></div> 
	<div class="am-cf"> 
		<div id="resmian" class="am-u-sm-12" style="display:none;">
			<div class=" am-panel am-panel-success ">
				<div class="am-panel-hd">
					<h3 class="am-panel-title">解析成功</h3>
				</div>
				<div id="resviw" class="am-panel-bd"></div>
			</div>
		</div>
	</div>
</div>

将以上html代码的div和class简化，并在浏览器中央水平居中
谢谢各位大神！
示例图：

[suchcl]

用框架的结果，就得加代码，不过你里面的内联代码可以拿出来

[我只是代码搬运工]

<div class='div1'> <div class='div2'> <select class="am-u-lg-12" id="mycombo"> <option value="1" selected>线路1</option> <option value="2">线路2</option> <option value="3">线路3</option> <option value="4">线路4</option> <option value="5">线路5</option> </select> <input type="text" class="am-form-field" id="url" placeholder="请输入优酷、土豆视频页地址" "> <span class="am-input-group-btn" style="height:52px;width:148px;border:none;background:#f58e09;font-size:18px;color:#fff;"> <button class="am-btn am-btn-default" type="button" id="btnjx" onclick="jiexi();" name="" value="点 我 解 析." style="height:52px;width:148px;border:none;background:#f58e09;font-size:18px;color:#fff;">点我解析</button> </span> </div> </div> <div class="div3"><p class="tishi">飞速下载，流畅观看。请选择最快的线路</p></div> <div class="div4"> <div style='background-color: #98c7d5;'>解析成功</div> <div> <div>标题</div> <div> <button class="am-btn am-btn-default" type="button" id="btnjx" onclick="jiexi();" name="" value="点 我 下 载." style="height:45px;width:120px;border:none;background:#2209f5;font-size:18px;color:#fff;">点我下载</button> <button class="am-btn am-btn-default" type="button" id="btnjx" onclick="jiexi();" name="" value="在 线 观 看." style="height:45px;width:120px;border:none;background:#f58e09;font-size:18px;color:#fff;">在线观看</button> <button class="am-btn am-btn-default" type="button" id="btnjx" onclick="jiexi();" name="" value="关 闭 页 面." style="height:45px;width:120px;border:none;background:#f58e09;font-size:18px;color:#fff;">关闭页面</button> </div> </div> </div> css 代码： body{ background-color: #3b5166; } .am-u-lg-12{ height:52px;width:120px;border:none;background:#fff; } .am-form-field{ height:52px;margin-left:10px;border:none;background:#fff;width: 400px; } .div1{ display: flex; justify-content: center; } .div2{ display: flex; align-items: center; } .div3{ text-align: center; width: 100%; color: #fff; } .div4{ background:#fff; width: 680px; margin: auto; }

[song_scs]

好的。写的不错哈。