@charset "utf-8";
/*online*/
.online{background:url(/images/special/online/bg_body_top.jpg) no-repeat center top #530701;}
.online .logo,.online .header,.online .nav,.online .main{width:1024px;margin:0 auto;}
.online .logo{padding:0 0 0 10px;height:57px;}
.online .header{height:426px;}
.online .main{position:relative}
.online .nav{background:url(/images/special/online/bg_nav.jpg) no-repeat;height:54px;text-align:center;padding-top:14px;zoom:1;overflow:hidden;width:877px;margin:0 auto;padding-left:147px}
.online .nav a{width:170px;height:44px;display:block;float:left;background-image:url(/images/special/online/bg_nav.png);background-repeat:no-repeat;text-indent:-999em;margin-right:15px;background-position:0 -44px;}
.online .nav .linkPart1{background-position:0 0;}
.online .nav .linkPart1:hover{background-position:0 -44px;}
.online .nav .linkPart2{background-position:-185px 0;}
.online .nav .linkPart2:hover{background-position:-185px -44px;}
.online .nav .linkPart3{background-position:-370px 0;}
.online .nav .linkPart3:hover{background-position:-370px -44px;}
.online .nav .linkPart4{background-position:-555px 0;margin-right:0}
.online .nav .linkPart4:hover{background-position:-555px -44px;}
  /*part1*/
.online .part1 h1{height:60px;background:url(/images/special/online/bg_part1_h1.png) no-repeat;text-indent:-99999px}
.online .partCon{width:880px;background:url(/images/special/online/bg_partCon.gif) repeat-y;padding:20px 50px 0;margin:0 auto;overflow:hidden}
.online .part1 .left{width:455px;overflow:hidden;zoom:1;float:left}
.online .part1 .pic{display:block;width:102px;height:122px;float:left;margin-right:13px;}
.online .part1 .left div,.online .part1 .right div{clear:both;overflow:hidden;}
.online .part1 .left dl{float:left;width:310px;overflow:hidden;font-size:14px;color:#3a2e2d;padding-right:30px;margin:0}
.online .part1 dd{line-height:1.5}
.online .part1 dt.title{margin:0 0 10px 0;padding:0}
.online .part1 dd strong{padding-right:16px;}
.online .part1 .right{width:425px;overflow:hidden;zoom:1;float:left}
.online .part1 .right dl{float:left;width:309px;overflow:hidden;font-size:14px;color:#3a2e2d;padding:0;margin:0}
  /*part2*/
.online .part2 h1{height:72px;background:url(/images/special/online/bg_part2_h1.png) no-repeat;text-indent:-99999px}
.online .part2 .partCon{padding:0 50px 20px;}
.online .products{background:url(/images/special/online/bg_part2_con.png) no-repeat center top;height:281px;width:403px;padding:38px 41px 0 436px;}
.online .part2 h2{background:url(/images/special/online/bg_product_h2.gif) no-repeat;height:20px;text-indent:-99999px;padding:0;margin:0}
.online .proLeft{float:left;width:258px;overflow:hidden;padding:4px 15px 0 0}
.online .proLeft h3{background:none;font-size:18px;font-family:\5FAE\8F6F\96C5\9ED1,\6587\6CC9\9A7F\6B63\9ED1\4F53,\534E\6587\7EC6\9ED1,Tahoma;padding:0;margin:0;}
.online .proLeft h3 a:link,.online .proLeft h3 a:visited,.online .proLeft h3 a:hover{color:#d23b12;text-decoration:none}
.online .proLeft p{color:#570801;font-size:14px;margin:0;line-height:1.3;}
.online .proLeft span{display:block;margin:5px 0 10px;font-size:14px;color:#570801}
.online .proLeft strong{color:#e35c12;font-size:18px;}
.online #btnApply{background:url(/images/special/online/bg_btn.png) no-repeat 0 0 transparent;border:0 none medium;width:143px;height:42px;line-height:42px;display:block;margin:0;padding:0;color:#fff;font-family:\5FAE\8F6F\96C5\9ED1,\6587\6CC9\9A7F\6B63\9ED1\4F53,\534E\6587\7EC6\9ED1,Tahoma;font-size:16px;font-weight:bold}
.online .proLeft .pre{background-position:0 -42px !important;cursor:default;}
.online .proLeft .start{background-position:0 0 !important;}
.online .proLeft .end{background-position:0 -42px !important;cursor:default;font-size:12px !important;font-family:Tahoma,Arial !important;line-height:16px !important}
.online .proRight{float:right;width:130px;}
.online .proPic{border:5px solid #dad9d9;}
.online .proRight p{color:#3a2e2d;font-size:16px;font-family:\5FAE\8F6F\96C5\9ED1,\6587\6CC9\9A7F\6B63\9ED1\4F53,\534E\6587\7EC6\9ED1,Tahoma;}
.online .proRight strong{padding:0 5px;color:#be0505;letter-spacing:2px}
.online .proBottom{clear:both;padding:23px 0 0 0;font-size:14px;}
.online .proBottom strong{padding-right:20px;}
.online .popDiv_part2{border:1px solid #727171;padding:20px;position:absolute;z-index:99999;background-color:#fff;}
.online .popDiv_part2 p{text-align:center;margin:0 0 20px 0}
.online .popDiv_part2 .popNext{margin:4px 0 20px}
  /*part3*/
.online .part3 h1{height:72px;background:url(/images/special/online/bg_part3_h1.png) no-repeat;text-indent:-99999px}
.online .part3 .partCon{padding:0 50px 20px;}
.online .getPoint{height:338px;background:url(/images/special/online/bg_points.png) no-repeat;position:relative}
.online .getPoint a{background-image:url(/images/special/online/bg_pontBtn.png);background-repeat:no-repeat;display:inline-block;position:absolute;}
.online .pointBtn1{width:68px;height:68px;left:203px;top:17px;background-position:0 0;}
.online .pointBtn1:hover{background-position:0 -295px;}
.online .pointBtn7{width:68px;height:68px;left:610px;top:17px;background-position:-407px 0;}
.online .pointBtn7:hover{background-position:-407px -295px;}
.online .pointBtn2{width:76px;height:76px;left:210px;top:111px;background-position:-7px -94px;}
.online .pointBtn2:hover{background-position:-7px -389px;}
.online .pointBtn6{width:76px;height:76px;left:595px;top:111px;background-position:-392px -94px;}
.online .pointBtn6:hover{background-position:-392px -389px;}
.online .pointBtn3{width:86px;height:86px;left:281px;top:184px;background-position:-78px -167px;}
.online .pointBtn3:hover{background-position:-78px -462px;}
.online .pointBtn5{width:86px;height:86px;left:515px;top:184px;background-position:-312px -167px;}
.online .pointBtn5:hover{background-position:-312px -462px;}
.online .pointBtn4{width:96px;height:96px;left:395px;top:216px;background-position:-192px -199px;}
.online .pointBtn4:hover{background-position:-192px -494px;}
.online .getPoint span{position:absolute;display:inline-block;left:345px;top:55px;color:#d61d0a;font-size:60px;font-family:Arial;letter-spacing:20px;cursor:default}
.online .getGifts{height:264px;background:url(/images/special/online/bg_getGifts.png) no-repeat;padding:52px 30px 0 50px}
.online .getGifts h2{margin:0 0 10px 248px;height:40px;background:url(/images/special/online/bg_getGift_h2.gif) no-repeat;}
.online .getGifts h2 a{display:block;width:296px;height:40px;text-indent:-9999px;}
.online .getGifts ul{margin:0;padding:0}
.online .getGifts li{float:left;width:142px;margin-right:18px;text-align:center;}
.online .getGifts li img{border:1px solid #e6c7bc;width:140px;height:140px;display:block}
.online .getGifts li span{display:block;font-size:14px;line-height:1.4;margin-top:5px}
.online .getGifts li strong{color:#e35c12;padding-right:5px}
.online .getGifts li a{color:#524642;text-decoration:none}
.online .popDiv_getPoint{width:500px;height:250px;border:1px solid #727171;position:absolute;z-index:99999;background:url(/images/special/online/bg_part3Point.png) no-repeat 52px 45px #fff;}
.online .popDiv_getPoint p{font-size:24px;font-family:\5FAE\8F6F\96C5\9ED1,\6587\6CC9\9A7F\6B63\9ED1\4F53,\534E\6587\7EC6\9ED1,Tahoma;margin:98px 0 0 185px;font-weight:bold;}
.online .popDiv_getPoint strong{color:#e35c12;padding:0 10px}
.online .popDiv_getPoint a{margin:40px 0 0 185px;display:inline-block}
.online .popDiv_share{border:1px solid #727171;position:absolute;z-index:99999;background-color:#fff;overflow:hidden;zoom:1;width:540px}
.online .popDiv_share .shareClose{display:inline-block;width:14px;height:12px;background:url(/images/special/online/share_close.gif) no-repeat left bottom;float:right;padding:12px 12px 0 0;cursor:pointer}
.online .popDiv_share .btn_shareSina{margin-right:10px}
.online .popDiv_share .shareCon{margin:34px 30px 0;background:url(/images/special/online/share_01.gif) no-repeat;width:450px;height:37px;padding:103px 0 0 30px;font-size:14px;}
.online .popDiv_share .oService{position:absolute;width:65px;height:20px;display:block;left:315px;top:0;}
  /*part4*/
.online .part4 h1{height:72px;background:url(/images/special/online/bg_part4_h1.png) no-repeat;text-indent:-99999px}
.online .part4 .partCon{padding:0 50px;}
.online .part4 .partCon div{position:relative}
.online .part4 .btnPage{position:absolute;left:667px;top:846px;display:block;width:143px;height:42px;line-height:42px;background:url(/images/special/online/bg_btn.png) no-repeat;text-align:center;font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1,\6587\6CC9\9A7F\6B63\9ED1\4F53,\534E\6587\7EC6\9ED1,Tahoma;color:#fff;cursor:pointer}
/*footer*/
.online .footer{width:1030px;height:67px;margin:0 auto;background:url(/images/special/online/bg_footer.png) no-repeat;text-align:center;padding-top:40px;color:#e7a680;}
.online .footer p{margin:0}
.online .footer a:link,.online .footer a:visited,.online .footer a:hover{color:#e7a680;}
.online .popDiv{border:1px solid #727171;width:auto}
.online .logxy{width:500px}
.online .popDiv_Info{padding:20px;text-align:left}
.online .popDiv .error{background: url(/images/special/online/smile.gif) no-repeat 30px 15px;padding: 20px 40px 30px 140px;}
.online .popDiv_Info p{font-size:18px;font-family:\5FAE\8F6F\96C5\9ED1,\6587\6CC9\9A7F\6B63\9ED1\4F53,\534E\6587\7EC6\9ED1,Tahoma;margin:10px 0 20px;}
.online #logininfo .tipSuc{padding:20px;font-size:20px;padding:28px 0 35px 100px;font-family:\5FAE\8F6F\96C5\9ED1,\6587\6CC9\9A7F\6B63\9ED1\4F53,\534E\6587\7EC6\9ED1,Tahoma;}
.online #logininfo{border:1px solid #E8EDF1;}
/*selfDriver*/
#selfDriver{background:url(/images/special/self-driving/bg_body.jpg) no-repeat center top; overflow:hidden;zoom:1}
#selfPro{width:1000px;margin:229px auto 321px;overflow:hidden;zoom:1}
#sPre,#sFro{height:110px;float:left;cursor:pointer;background:url(/images/special/self-driving/btn_pre.gif) no-repeat;margin-top:80px;display:block;}
#sPre{width:35px;background-position:3px 5px}
#selfPro .onPre,#sPre:hover{background-position:1px -103px}
#sFro{width:25px; background-position:right 5px}
#selfPro .onFro{background-position:right 5px}
#sFro:hover{background-position:right -103px}
#proInfo{float:left;width:940px;height:296px;overflow:hidden;zoom:1}
#proInfo li{zoom:1;float:left;}
#proInfo .conBox{width:226px;margin-right:9px;overflow:hidden;zoom:1;}
#proInfo h2{margin:0;padding:17px 10px 0 21px;height:30px}
#proInfo .coninfo{padding:10px 22px 20px 17px;}
#selfDriver .tip{background-color:#eaffdb;border:1px solid #c4f3a2;padding:7px 10px;color:#666}
#proInfo .intor{padding:10px 3px 0;color:#666;height:80px;overflow:hidden;zoom:1}
#proInfo .pay{font-family:\5FAE\8F6F\96C5\9ED1;font-size:14px;padding:0;margin:0}
#proInfo .green{color:#448d10;font-size:24px}
#mainBox{background-color:#fbfbfb;background:url(/images/special/self-driving/bg_mainbox.jpg) 15px top  no-repeat;width:930px;padding:20px 15px 15px;background-color:#f5f5f5;margin:0 auto 10px;overflow:hidden;zoom:1}
#mainBox h2{height:75px;text-indent:-99em}
#mainBox h2 a{display:inline-block;height:75px;width:160px;line-height:170px;overflow:hidden}
#content{border-left:3px solid #73ac49;border-right:3px solid #73ac49;background-color:#fbfbfb;padidng-bottom:15px;clear:both;font-size:14px;overflow:hidden;zoom:1}
#mainBox .bi{background:url(/images/special/self-driving/bg_content.jpg) left bottom no-repeat;line-height:22px;height:22px;overflow:hidden;zoom:1}
.wLeft{width:670px;float:left}
.wRight{width:220px;float:right}
#conLeft{width:645px;padding:0 32px 0 20px;float:left}
#conRight{width:220px;padding-left:7px;float:right}
#conLeft dl,#conRight li span{background:url(/images/special/self-driving/icon_content.gif) no-repeat}
#conLeft dl{background-position:left -22px;padding-left:30px;padding-bottom:20px}
#conLeft dt,#conLeft dd{margin-bottom:5px;overflow:hidden;zoom:1}
#conLeft span{margin-right:5px;display:inline-block;color:#FFF;padding:0 3px 2px}
#conLeft dt span{background-color:#ff5121}
#conLeft dd span{background-color:#419a00}
#conLeft .tip{margin-top:10px;font-size:12px}
#conRight ul{margin-bottom:20px}
#conRight li{display:block;margin:0 0 7px}
#conRight li span{width:20px;height:22px;text-align:center;margin-right:5px;display:block;float:left;background-position:-25px 3px;color:#fff}
#content .more a{ text-decoration:underline}
#conRight .more{margin:10px 20px}
#btaBox{padding:30px 0}
.Btn_selfD{width:126px;height:34px;background:url(/images/special/self-driving/btn_buy.png) no-repeat;display:inline-block;}
.Btn_selfD:hover{background:url(/images/special/self-driving/btn_buy_on.png) no-repeat;}