仿造携程旅游常见问题FAQ选项卡倒三角

<style>/*======= faq =======*/
.info_wrap { position: relative; *zoom:1;
padding:25px 40px 70px; border: #d5d5d5 solid 1px; box-shadow:0 0 2px 2px #e8eaec; -webkit-box-shadow:0 0 2px 2px #e8eaec; background-color: #fff; }
.faq_title h1, .time_title h1 { font:24px/40px 'microsoft yahei', simsun, sans-serif; }
.faq_title { height:42px }
.faq_title h1 { float:left; display:inline; margin-right:20px }
.faq_title a, .faq_title input { float:left; margin-top:8px; }
.faq_title a { border:solid 1px #c3c3c3; border-left:0 none; color: #fff; font-size: 14px; line-height: 24px; height: 24px; text-align: center; width: 58px; background-color:#f88922; }
.faq_title a:hover { text-decoration: none; background-color: #fd7b2b; }
.faq_title input { width: 171px; _padding:3px; padding-left: 5px; height: 18px; _border:solid 1px #CCC; border-right:1px solid #F88922; font-size: 14px; line-height: 24px; }
.faq_tab {height: 36px;border-bottom:2px solid #C4C4C4;margin-top: 15px;}
.faq_tab:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; }
.faq_tab a { position: relative; float: left; font-size: 14px; _margin-bottom:-3px; line-height: 36px; padding: 0 16px; margin-right: 25px; color: #666; font-weight: bold; }
.faq_tab a:hover, .faq_tab .current {color: #0063cf;text-decoration: none;border-bottom: 2px solid #0063cf;}
.faq_tab .current b {position: absolute;left: 50%;bottom: -6px;margin-left: -4px;width:0;height:0;overflow:hidden;line-height:0;font-size:0;border-top:4px solid #0066CC;border-bottom:0 none;border-left:4px solid #FFF8DA;border-right:4px solid #FFF8DA;}
</style>
<div class="faq_tab">
	<a href="/visa/faq">全部<b></b></a> 
	<a href="/visa/faq-changshi" class="current">常识普及<b></b></a> 
	<a href="/visa/faq-cailiao">签证材料<b></b></a> 
	<a href="/visa/faq-anli">案例分析<b></b></a>
</div>