@charset "gb2312";
/**
*@author syq	
*@date 2012-08-21
*@mail shenyanqiong@myhexin.com
*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
body{background:#b4b4b4;font:14px/1.2 simsun,Arial,Helvetica,sans-serif;}
img {border:0}
ol,ul {list-style:none}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
a{text-decoration:none;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;clear:both;}

/*head*/
.head{ background:url(../images/head-bg.jpg) no-repeat center center; width:960px; height:133px; margin:0 auto; position:relative;}
.logo{ display:inline-block; width:300px; height:60px; position:absolute; top:16px; left:15px;}
.nav{ position:absolute; top:87px; left:5px;}
.nav ul li{ float:left; margin-left:12px; display:inline;}
.nav ul li a{ width:97px; height:39px; display:inline-block; color:#fff; line-height:39px; text-align:center; font-size:14px; font-weight:bold;}
.nav ul li a:hover{ background:url(../images/icons1.png) no-repeat -168px -45px;}
.nav ul li a.current{ background:url(../images/icons1.png) no-repeat -168px -3px !important; color:#000;}
/*main*/
.main{background:url(../images/buy-bg.png) repeat-x center top #eee;margin:0 auto;width:936px;padding:20px 12px;}  
.main_in{background:url(../images/bg.png) repeat-y 0 0 #eee;margin: 0 auto;width: 936px;}     
/*left date*/
.date_box{ padding:10px 8px 8px 8px;   position:relative; background-color:#fff; margin-right:20px; width:192px}
.date_box .corner3{ width:8px; height:20px;bottom:-1px}
.date_box .corner4{ width:8px; height:20px;background-position:-41px -19px}
.date_box .select_box{ height:30px; border:1px solid #af0c07; border-bottom:0 none; background:url(../images/dairy_bg.png) repeat-x; color:#ffe55b;padding-left:5px}
.date_box .select_box input{ width:98px; height:18px; line-height:17px; background: #fff url(../images/diary.jpg) no-repeat 80px 0px;border:1px solid #cfcfcf; margin-top:5px; padding-left:2px; vertical-align:baseline}
.date_box  ul{ border:1px solid #e1e1e1; border-top:0 none; padding:0 5px}
.date_box ul li{ background:url(../images/icon.png) no-repeat 0 8px; padding-left:20px; border-top:1px dotted #e1e1e1; line-height:30px; zoom:1}
.date_box ul li a{ color:#333}
.date_box ul li a:hover{ color:#006cdb}

/*right content*/
.content_box{background:#fff; position:relative; }
.con_padding2{position:relative; width:666px;padding:0 20px; margin-top:8px; height:750px;overflow-y:auto; overflow-x:hidden;}
.con_padding2 h3{font-size:20px;font-weight:bold;line-height:30px;}
.con_padding2 em{font-style:normal;font-size:14px;}

/*nextAll are four corners*/
b{ width:20px; height:19px; background:url(../images/corner.gif) no-repeat; position:absolute}
.corner1{ background-position:-11px -8px; top:0 ; left:0}
.corner2{ background-position:-29px -8px; top:0; right:0; }
.corner3{ background-position:-8px -20px; bottom:0; left:0}
.corner4{ background-position:-29px -20px; bottom:0; right:0;}
.corner6{ background:url(../images/point.png) no-repeat; width:11px; height:21px;  top:52px; left:-11px}/*study*/

/*page*/
.page{ padding:0 10px}
.page a{ line-height:14px; padding-top:9px;color:#333}
.page .disabled{ color: #999}

/*study*/
p{ font:14px/1.3em simsun; margin-top:20px; color:#333}
p span{ color:#006cdb; margin:0 8px}
.red{ color:#d90000; padding-bottom:10px}
.red a{ color:#006cdb;; text-decoration:underline}
.indet{ text-indent:2em}
img{ margin:8px auto}
.button{ height:29px;padding-top:10px; padding-left:225px }
.button a{ width:59px; height:29px; display:inline; float:left; text-indent:-9999em; overflow:hidden; margin:0 5px}
.bt1{ background:url(../images/btn1.png) no-repeat; }
.bt2{ background:url(../images/btn2.png) no-repeat}
.bt3{background:url(../images/btn3.png) no-repeat}
.content_box .page{ padding:0 30px}
.content_box .page a{ text-decoration:underline}
.bottom_bg{height:4px;width:706px;background:url(../images/bottom_bg.png) no-repeat; position:absolute;bottom:0;_bottom:-13px;}

/*footer*/
.footer{ width:1000px;text-align:center; margin:0 auto;padding:20px 0; line-height:20px}
.footer p{ margin:5px 0; font-size:12px; color:#5d5d5d}

/*fixed-left*/
.cs_left{ position:fixed; left:0; top:200px;width:118px; height:320px;z-index:99;}
*html .cs_left{ margin-top:100px;position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop)+100);}
.cs_left .close{ color:#000; font-size:16px; margin-left:120px}

/*fixed-right*/
.fixed-box{ position:fixed; right:0; top:200px;width:118px; height:320px}
.fixed-box .close{ color:#000; font-size:16px; margin-left:100px}
.fixed{width:118px; height:316px;background:url(../images/fixed.jpg) no-repeat; display:block}
/*IE6*/
*html .fixed-box{ margin-top:100px;position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop)+100);}
*html{background-image:url(about:blank);background-attachment:fixed;}