.greybg{ background:url(../images/bgg.gif) repeat;}
.height60{ height:60px;}
/*------------------------------------------wrap----------------------------------------*/
#wrap{ margin:0 auto; padding:30px 40px; width:1030px; border:1px solid #eee; background:#fff;}
#wrap .header{ height:60px; overflow:hidden; margin-bottom:30px;}
#wrap .header .logo{ float:left; margin-right:10px;}
#wrap .header .logoword{ float:left; font-size:24px; padding-top:8px; line-height:50px; color:#333;}
#wrap .header .step{ float:right;}
#wrap .msg{ border:1px solid #eee; background:#fffdee; padding:15px; height:82px;}
#wrap .msg .head{ float:left; width:80px; height:80px; border:1px solid #eee;}
#wrap .msg .head img{ width:80px; height:80px;}
#wrap .msg .brief{ float:left; border:1px solid #eee; border-left:0; padding:10px 15px; margin-right:100px; height:60px; background:#fff; width:400px;}
#wrap .msg .brief h4{ font-weight:normal; height:20px; line-height:20px;}
#wrap .msg .brief h4 a{ color:#0593d3; font-size:16px;}
#wrap .msg .brief h4 a:hover{ color:#ff9300;}
#wrap .msg .brief h4 em{ font-style:normal; margin-left:5px;}
#wrap .msg .brief p{ height:32px; line-height:16px; margin-top:8px; color:#999;}
#wrap .msg .price{ float:left; line-height:20px; padding-top:20px; text-align:right;}
#wrap .msg .price h4{ font-size:14px; font-weight:normal; color:#0169c5;}
#wrap .msg .price p{ color:#333;}
#wrap .msg .price p em{ font-style:normal; margin:0 2px; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
#wrap .msg .pf{ float:right; line-height:80px; font-size:14px; margin-left:10px;}
#wrap .msg .pf em{ font-style:normal; color:#f60; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
#wrap .msg .pfstar{ float:right; margin-top:33px; background:url(../images/icon-detail.png) no-repeat 0 -115px; width:89px; height:16px;}
#wrap .msg .pfstar span{ display:block; height:16px; background:url(../images/icon-detail.png) no-repeat 0 -95px;}
#wrap .formbox{ border:1px solid #eee; border-top:0; padding:30px; background:url(../images/buybg.jpg) no-repeat 540px bottom;}
#wrap .formbox .tab{ height:32px; line-height:32px;}
#wrap .formbox .tab a.tabli{ float:left; display:block; padding:0 20px; background:#f4f4f4; margin-right:1px; font-size:14px; color:#999;}
#wrap .formbox .tab a.current{ color:#ff9300; background:#eee;}
#wrap .formbox .tab a.hotli{ float:left; display:block; padding:0 15px; background:#fff; color:#ccc; font-size:12px; text-decoration:underline;}
#wrap .formbox .tab a.hotli:hover{ color:#0593d3;}
#wrap .formbox .content{ margin-top:20px; display:none;}
#wrap .formbox .loginbox .account{ height:30px; border:1px solid #eee; width:270px; padding-left:30px; margin-bottom:15px; background:url(../images/buybg2.jpg) no-repeat 5px 5px;}
#wrap .formbox .loginbox .password{ height:30px; border:1px solid #eee; width:270px; padding-left:30px; margin-bottom:15px; background:url(../images/buybg2.jpg) no-repeat 5px -30px;}
#wrap .formbox .feedbackbox .name{ height:30px; border:1px solid #eee; width:270px; padding-left:30px; margin-bottom:15px; background:url(../images/buybg2.jpg) no-repeat 5px 5px;}
#wrap .formbox .feedbackbox .tel{ height:30px; border:1px solid #eee; width:270px; padding-left:30px; margin-bottom:15px; background:url(../images/buybg2.jpg) no-repeat 7px -66px;}
#wrap .formbox .feedbackbox .con{ height:60px; border:1px solid #eee; width:370px; padding-left:30px; margin-bottom:15px; background:url(../images/buybg2.jpg) no-repeat 5px -94px;}
#wrap .formbox .ftext{ border:0; background:none; width:270px; height:30px; line-height:30px; color:#999;}
#wrap .formbox .ftextarea{ border:0; background:none; width:370px; height:60px; line-height:30px; color:#999; overflow:auto;}
#wrap .formbox .button{ height:34px; margin-bottom:10px;}
#wrap .formbox .fbutton{ float:left; height:32px; border:1px solid #f27a00; width:300px; background:#ff9300; color:#fff; cursor:pointer; font-size:16px;}
#wrap .formbox .result{ margin-left:10px; color:#f00; height:34px; line-height:34px; display:none;}
#wrap .formbox .fbutton:hover{ background:#f60;}
#wrap .formbox .tips{ text-align:right; line-height:20px; width:300px; color:#aaa;}
#wrap .formbox .tips a{ color:#aaa; margin-left:10px;}
#wrap .formbox .tips a:hover{ color:#ff9300; text-decoration:underline;}
#wrap .formbox .tips em{ font-style:normal; color:#ff9300; margin:0 2px;}
#wrap .formbox2{ border:1px solid #eee; padding:30px; background:url(../images/buybg3.jpg) no-repeat 560px center;}
#wrap .formbox2 .tab{ height:32px; line-height:32px;}
#wrap .formbox2 .tab a.tabli{ float:left; display:block; padding:0 20px; background:#f4f4f4; margin-right:1px; font-size:14px; color:#999;}
#wrap .formbox2 .tab a.current{ color:#ff9300; background:#eee;}
#wrap .formbox2 .tab a.hotli{ float:left; display:block; padding:0 15px; background:#fff; color:#ccc; font-size:12px; text-decoration:underline;}
#wrap .formbox2 .tab a.hotli:hover{ color:#0593d3;}
#wrap .formbox2 .content{ margin-top:20px; display:none;}
#wrap .formbox2 .loginbox .account{ height:30px; border:1px solid #eee; width:270px; padding-left:30px; margin-bottom:15px; background:url(../images/buybg2.jpg) no-repeat 5px 5px;}
#wrap .formbox2 .loginbox .password{ height:30px; border:1px solid #eee; width:270px; padding-left:30px; margin-bottom:15px; background:url(../images/buybg2.jpg) no-repeat 5px -30px;}
#wrap .formbox2 .feedbackbox .name{ height:30px; border:1px solid #eee; width:270px; padding-left:30px; margin-bottom:15px; background:url(../images/buybg2.jpg) no-repeat 5px 5px;}
#wrap .formbox2 .feedbackbox .tel{ height:30px; border:1px solid #eee; width:270px; padding-left:30px; margin-bottom:15px; background:url(../images/buybg2.jpg) no-repeat 7px -66px;}
#wrap .formbox2 .feedbackbox .con{ height:60px; border:1px solid #eee; width:370px; padding-left:30px; margin-bottom:15px; background:url(../images/buybg2.jpg) no-repeat 5px -94px;}
#wrap .formbox2 .ftext{ border:0; background:none; width:270px; height:30px; line-height:30px; color:#999;}
#wrap .formbox2 .ftextarea{ border:0; background:none; width:370px; height:60px; line-height:30px; color:#999; overflow:auto;}
#wrap .formbox2 .button{ height:34px; margin-bottom:10px;}
#wrap .formbox2 .fbutton{ float:left; height:32px; border:1px solid #f27a00; width:300px; background:#ff9300; color:#fff; cursor:pointer; font-size:16px;}
#wrap .formbox2 .result{ margin-left:10px; color:#f00; height:34px; line-height:34px; display:none;}
#wrap .formbox2 .fbutton:hover{ background:#f60;}
#wrap .formbox2 .tips{ text-align:right; line-height:20px; width:300px; color:#aaa;}
#wrap .formbox2 .tips a{ color:#aaa; margin-left:10px;}
#wrap .formbox2 .tips a:hover{ color:#ff9300; text-decoration:underline;}
#wrap .formbox2 .tips em{ font-style:normal; color:#ff9300; margin:0 2px;}
#wrap .ad{ border:1px solid #eee; margin-top:30px;}
#wrap .ad img{ width:100%;}
/*专题*/
#wrap .special{ padding:0 50px; margin-top:40px;}
#wrap .special h4{ height:30px; line-height:30px; font-size:20px; color:#ff7500; margin-bottom:20px;}
#wrap .special p{ height:30px;}
#wrap .special p a{ display:inline-block; padding:0 20px; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px; margin-right:20px; background:#f1f1f1; color:#333;}
#wrap .special p a:hover{ background:#e1e1e1; color:#ff9300;}
/*发布*/
#wrap .torelease{ padding:0 50px; margin-top:40px;}
#wrap .torelease h4{ text-align:center; font-size:24px; color:#ff7500; font-weight:normal; margin-bottom:20px;}
#wrap .torelease h4 b{ font-weight:normal; margin:0 5px 0 10px; font-size:14px; color:#aaa;}
#wrap .torelease h4 a{ font-size:16px; color:#666; font-weight:normal; text-decoration:underline;}
#wrap .torelease p{ text-align:center; height:40px;}
#wrap .torelease p a{ display:inline-block; padding:0 20px; background:#ccc; color:#fff; height:40px; line-height:40px; font-size:20px; border-radius:10px;}
#wrap .torelease p a:hover{ background:#bbb;}
/*推荐*/
#wrap .recommend{ margin-top:40px;}
#wrap .recommend .title{ position:relative; z-index:2; height:42px; overflow:hidden; padding:0 30px;}
#wrap .recommend .title h4{ height:40px; line-height:40px; font-size:16px; color:#ff7500; float:left; padding:0 20px; border:1px solid #eee; border-bottom:1px solid #fff;}
#wrap .recommend .list{ padding:20px 30px; border:1px solid #eee; margin-top:-1px; position:relative; z-index:1; height:145px; overflow:hidden;}
#wrap .recommend .list ul{ width:992px;}
#wrap .recommend .list ul li{ float:left; width:102px; text-align:center; margin-right:22px;}
#wrap .recommend .list ul li img{ width:100px; height:100px; border:1px solid #eee;}
#wrap .recommend .list ul li h4{ font-size:12px; font-weight:normal; margin-top:5px; height:20px; line-height:20px;}
#wrap .recommend .list ul li p{ color:#aaa; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#wrap .recommend .list ul li a:hover img{ border:1px solid #ff9300;}
#wrap .recommend .list ul li a:hover h4{ color:#ff9300;}
#wrap .recommend .list ul li a:hover p{ color:#999;}
/*承诺*/
#wrap .support{ padding:0 50px; margin-top:40px;}
#wrap .support h4{ height:30px; line-height:30px; font-size:20px; color:#ff7500;}
#wrap .support ul{ width:1025px;}
#wrap .support ul li{ float:left; margin-right:35px; width:440px; margin-top:30px; height:50px;}
#wrap .support ul li i{ float:left; width:50px; height:50px;}
#wrap .support ul li i.ico-book{ background:url(../images/bg.png) no-repeat -50px -790px;}
#wrap .support ul li i.ico-lock{ background:url(../images/bg.png) no-repeat -105px -785px; margin-top:-5px;}
#wrap .support ul li i.ico-eye{ background:url(../images/bg.png) no-repeat -160px -783px;}
#wrap .support ul li i.ico-heart{ background:url(../images/bg.png) no-repeat -50px -990px;}
#wrap .support ul li i.ico-bus{ background:url(../images/bg.png) no-repeat -110px -990px;}
#wrap .support ul li i.ico-bag{ background:url(../images/bg.png) no-repeat -180px -990px;}
#wrap .support ul li .box{ float:left; width:280px; line-height:20px;}
#wrap .bz{ padding:30px 50px;}
#wrap .bz ul li{ line-height:30px; background:url(../images/buy3.gif) no-repeat left center; padding-left:23px;}
#wrap .bz ul li a{ color:#45acff;}
#wrap .bz ul li a:hover{ text-decoration:underline;}

#wrap .notice{ margin-bottom:30px;}
#wrap .notice dl dt{ float:left; height:60px; background:url(../images/buy4.gif) no-repeat center; line-height:60px; text-indent:8px; font-size:14px; width:76px; color:#fff;}
#wrap .notice dl dd{ float:right; width:930px; line-height:20px; font-size:13px; color:#999;}
#wrap .notice dl dd em{ font-style:normal; color:#f00;}
#wrap .notice dl dd b{ font-weight:normal; color:#2ab7ea;}
#wrap .apply{ border:1px solid #eee; border-top:0; padding:30px;}
#wrap .apply table{ width:100%; border:0;}
#wrap .apply table td{ border:0; font-size:14px; padding:3px 5px;}
#wrap .apply table td .min-text{ width:120px; height:24px; line-height:24px; margin-right:10px; border:1px solid #eee; padding:0 10px;}
#wrap .apply table td .max-text{ width:400px; height:24px; line-height:24px; margin-right:10px; border:1px solid #eee; padding:0 10px;}
#wrap .apply table td .ftextarea{ width:400px; height:96px; line-height:24px; margin-right:10px; border:1px solid #eee; padding:0 10px;}
#wrap .total{ border:1px solid #eee; border-top:0; padding:20px; background:#f4f4f4;}
#wrap .total .list{ float:left; line-height:20px;}
#wrap .total .list span{ margin-left:20px; color:#f00;}
#wrap .total .all{ float:right; line-height:60px; font-size:16px; color:#333;}
#wrap .total .fbutton{ float:right; width:150px; height:44px; margin-top:8px; margin-left:20px;}
#wrap .total .fbutton a{ display:block; background:url(../images/icon-detail.png) no-repeat 0 0; width:90px; padding:0 10px 0 50px; height:44px; line-height:42px; font-size:18px; color:#fff;}
#wrap .total .fbutton a:hover{ text-shadow:-1px -1px 3px #000;}

#wrap .zf{ border:1px solid #eee; background:#fffdee; padding:20px 30px; height:60px;}
#wrap .zf .price{ float:left; line-height:20px;}
#wrap .zf .all{ float:right; line-height:60px; font-size:16px; color:#333;}
#wrap .zf .pay{ float:right; width:150px; height:44px; margin-top:8px; margin-left:20px;}
#wrap .zf .pay a{ display:block; background:url(../images/icon-detail.png) no-repeat 0 0; width:100px; padding:0 10px 0 40px; height:44px; line-height:44px; font-size:16px; color:#fff;}
#wrap .zf .pay a:hover{ text-shadow:-1px -1px 3px #000;}
#wrap .payMethod{ border:1px solid #eee; border-top:0; padding:20px 30px; line-height:20px; color:#999;}
#wrap .payMethod div{ width:40%;}
#wrap .payMethod h4{ height:20px; line-height:20px; font-size:12px; color:#333; margin-bottom:5px;}
#wrap .h3title{ height:30px; line-height:30px; font-size:18px; color:#ff9300; margin:20px 0 10px 0;}
#wrap .data{ border:1px solid #eee; background:#fafafa; padding:30px;}
#wrap .data div.left,#wrap .data div.right{ width:50%; line-height:30px;}
#wrap .data .fg{ height:10px; line-height:0; font-size:0; border-bottom:1px solid #eee; margin-bottom:10px;}
#wrap .data h4{ margin-bottom:10px; color:#2ab7ea;}
#wrap .data p{ color:#999;}
#wrap .data p b{ color:#666; margin-right:5px;}