/************************************************
 * @description : 汽车团购活动
 * @author      : 刘璇 <liuxuan1@staff.sina.com.cn>
 * @date        : 2013-07-11
 ************************************************/
@charset "utf-8";
body, button, input, select, textarea { font:12px/1.125 "Microsoft YaHei", Tahoma, Helvetica, Arial, sans-serif;}
sub, sup { line-height:0; }
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
li { list-style:none; }
fieldset, img { border:0; }
input, textarea { outline-style:none; }
textarea { resize:none }
address, caption, cite, code, dfn, em, i, th, var { font-style:normal; font-weight:normal; }
legend { color:#000; }
abbr, acronym { border:0; font-variant:normal; }
a { text-decoration:none; outline:none; color:#333; }
a:hover { text-decoration: none; color:#000; }
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { zoom:1; }

/*** 页面整体背景图案  ***/
body{ background:url(../images/bodybg.png) repeat;}

/*** 头部头图 ***/
.activity_main{background:url(../images/topbg.png) center top no-repeat;padding-top: 377px;}

/*** 头部表单区域 ***/
.topArea{width: 970px; height: 582px; margin: 0 auto; overflow: hidden;}
.topfrom{width: 448px;height: 492px; float: left; display: inline; margin-left: 30px; background: url(../images/topfrom.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/topfrom.png', sizingMethod='crop'); overflow: hidden;}
.topfrom .tit{ height: 51px; overflow: overflow: hidden;}
.topfrom .tit li{ float: left; width: 224px; height: 51px; line-height: 51px; text-align: center; font-size: 20px; font-family: "Microsoft YaHei"; color: #2d91f6;cursor: pointer;}
.topfrom .tit li span{ display: block;}
.topfrom .tit li.one span.hover{ background: url(../images/hover.gif) 1px 1px no-repeat; color: #FFF;}
.topfrom .tit li.two span.hover{ background: url(../images/hover2.gif) 0 1px no-repeat; color: #FFF;}
.topfrom .con{ width: 445px; height: 418px; margin: 0 auto; overflow: hidden; display: none;}
.topfrom .con .list{ height: 352px; margin-top: 13px; overflow: hidden;}
.topfrom .con .list li{ padding: 7px 0; width: 100%; float: left; overflow: hidden; font-size: 16px; color: #666; }
.topfrom .con .list li .txt{ width: 75px; height: 41px; line-height: 41px; float: left; text-align: right;}
.topfrom .con .list li .red{ color: #f3796a;}
.topfrom .con .list li .input{ width: 345px; float: left; display: inline; margin-left: 10px;}
.topfrom .con .list li .input input{ width: 330px;padding: 10px 0 10px 10px; height: 19px; line-height: 19px; border:1px solid #d4d4d4; background-color: #f6f6f6;}
.topfrom .con .list li .input select{ width: 340px; padding: 10px; height: 41px; line-height:41px; border-color:#d4d4d4;background-color: #f6f6f6;}
.topfrom .con .list li.tip{ font-size:12px; font-family: "SimSun"; padding: 0;}
.topfrom .con .btn{padding: 0 20px 0 0;}
.topfrom .con .btn a.submit{width: 116px; height: 42px; background: url(../images/submit.gif) no-repeat; float: right;}
.topfrom .con .btn a.submit:hover{ background-position:right top;}
.topright{ width: 352px; margin-top: 180px;float: right; overflow: hidden;}
.introArea{ height: 240px; overflow: hidden;}
.introArea .box{ font-size: 14px; color: #666; line-height: 26px; padding-top: 6px; width: 100%; }
.introArea .box li{ width: 100%; float: left; overflow: hidden;}
.introArea .box .name{ width: 55px; text-align: right; float: left; font-weight: 700;}
.introArea .box .describe{ float: left;width: 260px;}
.apply{width: 100%; overflow: hidden;}
.apply .scroll{margin:10px 0 0 20px; height:78px; overflow: hidden;}
.apply li, .apply li a{ color: #4e70f9; line-height: 26px;}



/*** 横切 ***/
.mainArea{ width: 970px; margin: 0 auto; overflow: hidden;}
.title{ height: 47px; line-height: 47px; background: url(../images/tit_bg.gif) no-repeat; padding: 0 0 0 42px;}
.typelist{ *zoom:1; padding:10px 0 69px 39px;overflow: hidden;}
.typelist li{ width: 286px; height: 227px; float: left; display: inline; margin:29px 21px 0 0; overflow: hidden; position: relative;}
.typelist li .photo{ width: 286px; height: 160px; overflow: hidden; margin-top: 10px; position: relative;}
.typelist li .photo .bg{ position: absolute; left: 0; bottom: 0;width: 100%; height: 24px; background: #000; filter:alpha(opacity=50);opacity: 0.5;}
.typelist li .photo .text{ position: absolute; left: 0; bottom: 0; text-align: right; width: 276px; padding: 0 10px 0 0; height: 24px; line-height: 24px; color: #FFF; }
.typelist li .set{ height:56px; line-height: 56px;padding: 0 10px; background-color: #fff; border-bottom: 1px solid #e0e0e0; overflow: hidden;}
.typelist li .set a{color: #4e70f9;}
.typelist li .set a.btn{ float: right; width: 105px; height: 31px; background: url(../images/bm_btn.gif) no-repeat; margin-top: 10px;}
.typelist li .set a.btn:hover{background: url(../images/bm_btn2.gif) no-repeat;}
.typelist li .icon{width:52px; height: 48px; position: absolute; left: 5px; top:0;}

.flowBox{ padding: 40px 0 0 30px; overflow: hidden;}

.btmArea{ width: 970px; margin:80px auto; overflow: hidden;}
.btmArea .area{ width: 420px; float: left; overflow: hidden; display: inline; margin:0 30px 0 29px; }
.btmArea .area .problem{ width: 100%; height: 47px; background: url(../images/qa.gif) no-repeat;}
.btmArea .area .online{ width: 100%; height: 47px; background: url(../images/online.gif) no-repeat;}
.btmArea .area .content{ background: url(../images/box_bg.gif) repeat-y;}
.btmArea .area .btmbg{ height: 5px; background: url(../images/btm_bg.gif) -1px 0 no-repeat; overflow: hidden;}
.btmArea .area .list2{ margin: 0 21px; overflow: hidden;}
.btmArea .area .list2 li{ line-height: 30px; font-size: 16px;color: #666; border-bottom: 1px dotted #999; padding: 5px 0;}
.btmArea .area .list2 li .a{ text-indent: 1em;}
.btmArea .area .more{ font-size: 16px;padding: 38px 0 30px 37px;}
.btmArea .area .more a{color: #4e70f9;}
.btmArea .area .fromslist{width: 100%;padding: 8px 0 0; overflow: hidden;}
.btmArea .area .fromslist li{padding: 7px 0; width: 100%; float: left; overflow: hidden; font-size: 16px; color: #666;}
.btmArea .area .fromslist li .txt{ width: 70px; float: left; text-align: right; height: 41px; line-height: 41px;}
.btmArea .area .fromslist li .input{ width: 325px; float: left;}
.btmArea .area .fromslist li .input input{width: 315px;padding: 10px 0 10px 10px; height: 19px; line-height: 19px; border:1px solid #d4d4d4; background-color: #f6f6f6;}
.btmArea .area .fromslist li .input textarea{width: 315px;padding: 10px 0 10px 10px; height: 95px; line-height: 25px; border:1px solid #d4d4d4; background-color: #f6f6f6; overflow-x: hidden; overflow-y: auto;}
.btmArea .area .consulting{ overflow: hidden; *zoom:1; padding: 0 20px 15px 0;}
.btmArea .area .consulting a{ float: right; width: 107px; height: 32px; background: url(../images/zx.gif) no-repeat;}


/*** 底部 ***/
.footer{ margin-top: 62px; background: url(../images/footer.png) repeat; font-size: 12px; font-family: "SimSun"; color: #999; text-align: center; padding: 50px 0;}

/*** 浮层 ***/
.layerbox{ position: absolute; left: 0; top: 0; width: 300px; padding: 3px; background-color:rgba(222,222,222,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#dedede,endcolorstr=#dedede);}
.layerbox .layer{ padding: 5px 5px 20px 5px; width: 290px; position: relative; background: #FFF;}
.layerbox .layer a.close{ width: 14px; height: 16px; position: absolute; right: 10px; top: 10px; background: url(../images/colse.gif) no-repeat;}
.layerbox .layer .tips{ padding: 35px 10px 30px 15px;}
.layerbox .layer .btn{ text-align: center;}
.layerbox .layer .btn a{ display: inline-block; width: 82px; height: 30px; background: url(../images/true.gif) no-repeat;}