@charset "utf-8";

/* banner */
.indexFocus  { width:1100px ;max-width:1100px; height:396px; background:#fbf9f7; position:relative; margin:0 auto; overflow:hidden;}
.box { width:1100px; height:396px; position:relative;  overflow:hidden;}
.scrollable { width:1000px; height:396px; float:left; position:relative; overflow:hidden;}
.scrollable .items {
	width: 20000em;
	position: relative;
	clear: both;
	
}
.fullcon {margin:0 auto;  width:1000px; height:396px; overflow:hidden;}
.items div {
	float: left;
	width: 701px\9;
	position: relative;
	
}
.scrollable img { float:left; margin:0; background:#fff; padding:0; height:396px;}
.scrollable .active { border:0; position:relative; cursor:default;}
.qrcode { width:133px; height:133px; display:block; position:absolute; bottom:48px; right:10%;}
#md1 { background:url(../images/G1.png) 0 0 no-repeat;}
#md2 { background:url(../images/G2.png) 0 0 no-repeat; margin:0 0 0 7px;}
#md3 { background:url(../images/G3.png) 0 0 no-repeat; margin:0 0 0 7px;}
#md4 { background:url(../images/G5.png) 0 0 no-repeat; margin:0 0 0 7px;}
#md1,#md2,#md3,#md4 { width:310px; position:absolute; bottom:35px; left:17%;}
.navi {
	width: 370px;
	height: 396px;
	position: relative;
	left: 0%;
	top: 0;
	z-index: 100;
	background: url(../images/nav_linear.png) 0 0 repeat-y;
}
.mediaPC { background:url(../images/G4.png) 0 0 no-repeat; margin:0 0 0 15px;}
.download_media { width:305px; height:58px;}
.download_media a { width:135px; height:46px; display:block; float:left;}

.fullsc .indexFocus {width:1100px;  min-width:1100px; height:396px; background:#fbf9f7; position:relative; margin:0 auto;}
.fullsc .box { width:1100px; height:396px; margin:0 auto;}
.fullsc .scrollable { width:1300px; height:396px; float:left; overflow:hidden;}
.fullsc .scrollable .items { width:20000em; position:absolute; clear:both;}
.fullsc .fullcon {margin:0 auto;  width: 1100px; height:396px;}
.fullsc .items div { float:left;  width:1100px; width:1101px\9; position:relative;}
.fullsc .scrollable img { float:right; margin:0; background:#fff; padding:0;  width:730px; height:396px; }
.fullsc .scrollable .active { border:0; position:relative; cursor:default;}
.fullsc .qrcode { width:133px; height:133px; display:block; position:absolute; bottom:48px; right:20%;}
.fullsc #md1,.fullsc #md2,.fullsc #md3,.fullsc #md4 { position:absolute; bottom:35px; left:29%;}
.fullsc #md1 { background:url(../images/G1.png) 0 0 no-repeat;}
.fullsc #md2 { background:url(../images/G2.png) 0 0 no-repeat; margin:0 0 0 7px;}
.fullsc #md3 { background:url(../images/G3.png) 0 0 no-repeat; margin:0 0 0 7px;}
.fullsc #md4 { background:url(../images/G5.png) 0 0 no-repeat; margin:0 0 0 7px;}
.fullsc .navi { width:181px; height:396px; position:absolute; left:0; top:0; z-index:100; background:url(../images/nav_linear.png) 0 0 repeat-y;}
.fullsc .mediaPC { background:url(../images/G4.png) 0 0 no-repeat; margin:0 0 0 15px;}
.fullsc .download_media { width:305px; height:58px; }
.fullsc .download_media a { width:135px; height:46px; display:block; float:left;}

.navi a,.navi b { height:132px; display:block; width:370px; cursor:pointer;}
.navi a { width:370px; }
.navi .a1 { background:url(../images/1.png) 0 0 no-repeat;}
.navi .a2 { background:url(../images/2.png) 0 0 no-repeat;}
.navi .a3 { background:url(../images/3.png) 0 0 no-repeat;}
.navi .a4 { background:url(../images/4.png) 0 0 no-repeat;}
.navi .active .a1 {
	background: url(../images/1-1.png) 0 0 no-repeat;
	float: left;
}
.navi .active .a2 { background:url(../images/2-1.png) 0 0 no-repeat;}
.navi .active .a3 { background:url(../images/3-1.png) 0 0 no-repeat;}
.navi .active .a4 { background:url(../images/4-1.png) 0 0 no-repeat;}
/* 主容器 */
.contanier { background:#fbf9f7; overflow:hidden;}
/*选项卡切换*/
.platMode { height:101px; padding:11px 0 46px 0; margin:0 auto; background:url(../images/tabBg.gif) repeat-x 0 0;}
.modeName { width:976px; height:101px; padding:0; margin:0 auto;}
.modeName li { width:122px; height:101px; line-height:80px; float:left;}
.modeName a { width:122px; height:101px; display:block; text-indent:-9999em;}
.modeName li a { text-decoration:none; color:#000; padding:0; _cursor:default;}
/*Tab-Normal*/
.vMoblie, .vAndroid, .vIPhone, .vIPad,.vSymbian, .vSymbian3, .vSymbian5, .vWP7, .vArdPad, .vKjava { background-image:url(../images/vancl-m-sprite-v2.gif); background-repeat:no-repeat;}
.vMoblie { background-position:0 0;}
.vAndroid { background-position:-123px 0;}
.vIPhone { background-position:-246px 0;}
.vIPad { background-position:-369px 0;}
.vSymbian { background-position:-492px 0;}
.vSymbian3 { background-position:-984px 0;}
.vSymbian5 { background-position:-1107px 0;}
.vWP7 { background-position:-615px 0;}
.vArdPad { background-position:-738px 0;}
.vKjava { background-position:-861px 0;}
/*Tab-Active*/
.vMoblie .current, .vAndroid .current, .vIPhone .current, .vIPad .current, .vSymbian .current, .vSymbian3 .current, .vSymbian5 .current, .vWP7 .current, .vArdPad .current, .vKjava .current { background-image:url(../images/vancl-m-sprite-v2.gif); background-repeat: no-repeat;}
.vMoblie .current { background-position:0 -110px;}
.vAndroid .current { background-position:-123px -110px;}
.vIPhone .current { background-position:-246px -110px;}
.vIPad .current { background-position:-369px -110px;}
.vSymbian .current { background-position:-492px -110px;}
.vSymbian3 .current { background-position:-984px -110px;}
.vSymbian5 .current { background-position:-1107px -110px;}
.vWP7 .current { background-position:-615px -110px;}
.vArdPad .current { background-position:-738px -110px;}
.vKjava .current { background-position:-861px -110px;}
/* Tab-Content*/
.tag_content { margin:1px 0 0 0;}
/*手机版*/
.vMobCont { width:1000px; margin:0 auto; overflow:hidden;}
.vMobCont h2 { width:48px; height:16px; background:url(../images/vancl-m-sprite-v2.gif) no-repeat -340px -220px; text-indent:-9999em; margin:0 0 23px 20px;}
.vMobBody { width:1000px; margin:0 auto; border-top:1px solid #e2e2e2; padding:38px 0 0 0; overflow:hidden;}
.vMobBody1 { width:221px; height:434px; float:left; background:url(../images/testMoblieBg.gif) no-repeat 0 0; padding:57px 0 0 20px; margin:0 0 0 20px;}
.ifrm { width:204px; height:317px; border:0;}
.vMobBody2 { float:left; padding:12px 0 0 0; margin:0 0 0 45px; overflow:hidden;}
.vMobBody2 h3 { width:172px; height:15px; text-indent:-9999em; background:url(../images/vancl-m-sprite-v2.gif) no-repeat 0 -220px; overflow:hidden;}
.vIPhoneCont h2, .vIPadCont h2, .vSymbianCont h2, .vSymbian3Cont h2, .vSymbian5Cont h2, .vWP7Cont h2, .vArdPadCont h2, .vKjavaCont h2 { text-indent:-9999em; margin:0 0 23px 20px; height:18px;} 
.vIPhoneCont h2 { width:260px; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 0 -670px;  overflow:hidden;}
.vIPadCont h2 { width:220px; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 0 -690px;}
.vSymbianCont h2, .vSymbian3Cont h2, .vSymbian5Cont h2 { width:220px; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 0 -710px;}
.vWP7Cont h2 { width:260px; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 0 -730px;}
.vArdPadCont h2 { width:220px; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 0 -750px;}
.vKjavaCont h2 { width:220px; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 0 -770px;}
.vIPadCont .vBody1 img{ width:220px;}
.vArdPadCont .vBody1 img { width:200px;}
.step { overflow:hidden;}
.step1 { width:186px; height:186px; float:left; background:url(../images/step-01.gif) no-repeat 0 0; margin:48px 50px 0 0;}
.step1 p, .step2 p, .step3 p { display:none;}
.step2 { width:186px; height:186px; float:left; background:url(../images/step-02.gif) no-repeat 0 0; margin:48px 51px 0 0;}
.step2 .input_text { width:83px; height:19px; border:1px solid #999; margin:119px 0 0 23px; float:left;}
.step2 a { width:51px; height:21px; float:left; margin:119px 0 0 6px; display:block; overflow:hidden;}
.step3 { width:186px; height:186px; float:left; background:url(../images/step-03.gif) no-repeat 0 0; margin:48px 0 0 0;}
.step3 a { width:88px; height:21px; margin:130px 0 0 51px; display:block; overflow:hidden;}
.arrow { height:42px;}
.arrow span { width:96px; height:42px; float:left; display:block; background:url(../images/vancl-m-sprite-v2.gif) no-repeat -800px -221px; text-indent:-9999em; margin:0 0 0 150px;}
/*Android*/
.vArdCont { width:1000px; margin:0 auto;}
.vArdCont h2 { width:185px; height:20px; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 0 -170px; text-indent:-9999em; margin:0 0 23px 20px; overflow:hidden;}
.vBody { width:1000px; margin:0 auto; border-top:1px solid #e2e2e2; padding:38px 0 0 0; overflow:hidden;}
.vBody1 { width:181px; height:425px; float:left; _display:inline; margin:0 0 0 30px; padding:0 0 0 13px;}
.vBody2 { width:655px; float:left; padding:12px 0 0 0; margin:0 0 0 50px; overflow:hidden;}
.vBody2 p { line-height:2em; margin:0 0 10px 0;}
.vBody2 p a:link,.vBody2 p  a:visited { color:#a10000; font-size:12px;}
.vBody2 span a { width:200px; height:80px;}
.vBody2 span b { display:none;}
.tag_content strong { display:block; text-indent:-9999em;}
.vArdPadCont .vBody2 { margin:0 0 0 77px;}
/* other */
.vIPhoneCont, .vIPadCont, .vSymbianCont, .vSymbian3Cont, .vSymbian5Cont, .vWP7Cont, .vArdPadCont, .vKjavaCont { width:1000px; margin:0 auto;}
/* 特色功能 */
.feature { width:970px; height:230px; background:#fbf9f7; margin:0 auto; padding:100px 0 15px 30px; overflow:hidden; clear:both;}
.feature h3 { width:58px; height:16px; background:url(../images/vancl-m-sprite-v2.gif) no-repeat -220px -220px; text-indent:-9999em; overflow:hidden;}
.featureBody { height:240px; margin:0;}
.featureBody .funBox1, .featureBody .funBox2, .featureBody .funBox3 { margin-bottom:26px;}
.featureBody .funBox1, .featureBody .funBox2, .featureBody .funBox4, .featureBody .funBox5 { margin-right:120px;}
.featureBody .funBox1, .featureBody .funBox2, .featureBody .funBox3, .featureBody .funBox4, .featureBody .funBox5, .featureBody .funBox6 { width:230px; height:100px; float:left;}
.funBox1 h4, .funBox2 h4, .funBox3 h4, .funBox4 h4, .funBox5 h4, .funBox6 h4 { text-indent:-9999em; background-image:url(../images/vancl-m-sprite-v2.gif); background-repeat:no-repeat; overflow:hidden;}
.funBox1 h4 { width:100px; height:20px; background-position:-600px -260px;}
.funBox2 h4 { width:100px; height:30px; background-position:-480px -260px;}
.funBox3 h4 { width:110px; height:30px; background-position:-220px -260px;}
.funBox4 h4 { width:100px; height:24px; background-position:-112px -260px;}
.funBox5 h4 { width:100px; height:30px; background-position:0 -260px;}
.funBox6 h4 { width:130px; height:30px; background-position:-340px -260px;}
.funBox1 span, .funBox2 span, .funBox3 span, .funBox4 span, .funBox5 span, .funBox6 span { color:#848484; margin:11px 0 0 34px; width:188px; display:block; line-height:1.7em;}
.funBox2 span, .funBox3 span { margin:2px 0 0 34px;}
.funBox4 span { margin:8px 0 0 34px;}
.funBox5 span, .funBox6 span { margin:2px 0 0 34px;}
/* footer */

/* 下载页面 */
.download { margin-top:0px; background:#fcfcfc; overflow:hidden;}
.downMain { width:635px; float:left; overflow:hidden;}
.downMain .downHead-1 { width:344px; height:93px; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 4px 3px;}
.downBody { border-top:1px solid #d4d4d4; margin:0; padding:23px 0 20px 0;}
.downBody h4 { width:66px; height:17px; margin:0 0 0 3px; font-weight:bold; font-size:14px;}
.downBody dl { width:220px; float:left; display:block; overflow:hidden;}
.func1 { margin:0 135px 20px 0;}
.func1 dt { height:14px; margin:26px 0 17px 3px; font-size:14px; font-weight:bold; color:#535353;}
.func1 dd { color:#333; line-height:1.6em;}
.func2 { margin-bottom:20px;}
.func2 dt { height:14px; font-size:14px; font-weight:bold; color:#535353; margin:26px 0 17px 3px;}
.func2 dd { color:#333; line-height:1.6em;}
.func3 dt { height:14px; font-size:14px; font-weight:bold; color:#535353; margin:26px 0 17px 3px;}
.func3 dd { color:#333; line-height:1.6em;}
.func4 { width:635px; clear:both; padding:26px 0 0 0; overflow:hidden;}
.func4 h5 { height:14px; font-size:14px; font-weight:bold; color:#535353; margin:0 0 17px 3px;}
.func4 span { color:#333; line-height:1.6em; margin:18px 0 0 0; display:block;}
.func4 img { margin:10px 20px 0 0px;}
/*侧边栏*/
.downSidebar { width:319px; float:left; margin-left:46px;}
.sideDown { margin:0; padding:0 0 20px 0;}
.sideDown .notice a:link, .sideDown .notice a:visited { color:#1262c4;}
.sideDown .notice a:hover { color:#1262c4;}
.sideBtn { padding:10px 0 5px 97px;}
.sideDown .notice { padding:10px 0 0 78px; line-height:1.4em;}
.hide { display:none;}
.sideDown ul { width:295px; padding:10px 10px 5px 14px; background:#f5f5f5;}
.sideDown .title { width:319px; height:38px; text-indent:-9999em; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 0 -270px;}
.sideDown .title2 { width:319px; height:38px; text-indent:-9999em; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 0 -795px;}
.sideDown .title3 { width:319px; height:38px; text-indent:-9999em; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 0 -835px;}
.sideDown ul li { line-height:24px;}
.sideDown .prompt { font-weight:bold;}
.sideDown .prompt, .sideDown .prompt2 { color:#555; padding:0;}
.sideDown .corner { width:319px; height:10px; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 0 -473px;}
.sideTips { width:319px; height:173px; background:url(../images/vancl-m-sprite-p2.gif) no-repeat 0 -490px;}
.sideTips strong { display:none;}
.sideTips dt a { width:42px; height:14px; text-indent:-9999em; display:block; float:right; margin:13px 13px 21px 0;}
.sideTips dd { clear:both; margin-left:30px; line-height:1.8em; color:#333;}
/* 页面详细内容 */
.vancl_user{ height:150px; line-height:22px; color:#535353;}
.v_l{ padding:5px; width:115px; float:left;}
.v_r{ width: 450px; float:left; padding:5px 0 0 20px;}
.v_t{ width:270px;}
.v_t h4{ color:#ad1313; font-size:14px; font-weight:bold;}
.v_t span{ float:right; display:block; background:url(../images/23.jpg) no-repeat left center; padding-left:15px;}
.v_t span a{ text-decoration:underline;}
/*select*/
#find { padding:34px 15px 0; margin:30px 0 0 0; border-top:1px solid #e2e2e2; position:absolute;}
#find h3 { background:url(../images/find.gif) no-repeat 0 0; width:122px; height:18px; text-indent:-9999em; float:left; margin-top:6px;}
#find .choose { float:left; width:180px; height:35px; margin:0 0 0 35px;}
#find .type { width:180px; height:35px; float:left; margin:0 20px 0 20px;}
#find .findSearch { float:left; width:73px; height:35px;}
#find .findSearch a { widows:73px; height:35px; display:block; background:url(../images/findsrh.gif) no-repeat 0 0; text-indent:-9999em;}
#find .select_box {width:180px; height:35px; background:url(../images/selectbg.gif) no-repeat 0 0; position:relative;}
#find .select_box span {cursor:pointer; display:block; line-height:35px; height:35px; font-size:14px; padding-left:12px; overflow:hidden;}
#find .select_box ul li {cursor:pointer;}
#find .vanclm_ul {width:177px; height:240px; overflow-x:hidden; position:absolute; left:0; top:34px; padding:0; z-index:20; border:1px solid #bebebe; background:#e7e7e7; border-radius:0px 0px 4px 4px;}
#find .vanclm_ul li {display:block; line-height:30px; padding-left:12px; width:165px; font-size:12px; color:#000;}
#find .hover {background:#d55b3e; color:#fff;}
#find .vanclm_ul li:hover { color:#fff;}
/*凡客达人*/
.vStarCont { width:1000px; margin:30px auto 0;}
.padTop5 { padding-top:5px;}
a:focus { outline:none; -moz-outline:none;}
/* ie6 */
#logo, .browser .b1, .vMobBody1, .step1, .step2 .input_text, .vArdBody1, .downMain, .downBody dl, vArdBody1, #find h3,#download_media a { _display:inline;}
#md1,#md2,#md3,#md4 { left:22%\9; *left:22%; _left:17%;}
.indexFocus { _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<=1000?"980px":""); overflow:hidden;}