/* 中间的广告-马上订购 */
.horizontal_info{ width:1035px; height:62px; background:url(../images/horizontal_info_bg.png) no-repeat; position:relative;}
.horizontal_info .free_download,.horizontal_info .qq_advice{ background:url(../images/horizontal_info_btn_bg.png) no-repeat; overflow:hidden; text-indent:-9999px; position:absolute;}
.horizontal_info .free_download{ width:270px; height:62px; background-position:0 top; top:0;left:380px;}
.horizontal_info .qq_advice{ width:100px; height:28px; background-position:-540px bottom; bottom:0; right:94px;}
.horizontal_info a.free_download:hover{ background-position:-263px top;}
.horizontal_info a.qq_advice:hover{ background-position:-645px bottom;}


/* 中间的广告-马上订购  end*/
/*media_flag*/
.media_flag,.media_flag_mask{position:absolute; top:200px; left:410px; width:580px; height:200px;}
.media_flag_mask{ z-index:1000;}
/*media_flag end*/
.scene{ position:absolute; left: 633px; top: 417px; width: 364px; }

/* a.btn*/
/*a.btn{ display:block; width:140px; height:50px; background-image:url(../images/btn_1_bg.gif); background-repeat:no-repeat; color:#ffffff; text-align:center;}*/
a:hover.btn{ color:#CCC;}

a.download_btn{ width:138px; height:40px; background-image:url(../images/download_btns_bg.png); background-repeat:no-repeat; text-indent:-9999px; position:absolute;}
a.download_btn{ top:318px;}
.assistant{ background-position:0px 0px; left:508px;}
.app_store{ background-position:-138px top; left:660px;}
.free_experience{ background-position:-278px top; left:812px;}

a.assistant:hover{ background-position:0px bottom; }
a.app_store:hover{ background-position:-138px bottom;}
a.free_experience:hover{ background-position:-278px bottom;}


/* tab */

.navlist_area {/* width:515px; height:440px; position:relative;*/}
.navlist_area .navlist_nav{display:none;}
.navlist_area .navlist_cont{ position:absolute; top:3291px; left:500px;}
.navlist_area .navlist{/* position:relative;*/ height:440px; width:20px;}
.navlist_area .navlist_nav .navlist_pre{ width:20px; height:20px; position:absolute; top:0; right:0; background:#F00; text-indent:-9999px;}
.navlist_area .navlist_nav .navlist_next{ width:20px; height:20px; position:absolute; left:0; top:0; background:#f00;text-indent:-9999px;}
.navlist_area .navlist_nav .navlist_slider_v{ width:20px; height:140px; margin:20px auto;}

.navlist_area .navlist_cont .mask{ width:515px; height:440px; overflow:hidden; position:relative;}
.navlist_area .navlist_cont ul{ list-style:none; position:absolute; left:0px; top:00px; width:4000px;}
.navlist_area .navlist_cont ul li{ width:515px; height:440px; text-align:center; float:left;}
.navlist_area .navlist_cont ul li img{ border-radius:5px;}
.navlist_area .navlist_cont ul li p{ background:#999; color:#000; width:80px; margin:0 auto; border-radius:3px;}

.navlist_area .navlist_list{ position:absolute; left:50px; top:3685px; z-index:999;}
.navlist_area .navlist_list ul{ list-style:none;}
.navlist_area .navlist_list ul li{ width:131px; height:112px;  float:left; text-align:center; color:#FFF; overflow:hidden; cursor:pointer;}

/* tab end */
/*sale_flag_close*/
.sale_flag_close{ width:36px; height:16px; text-align:left; font-size:12px; font-family:"宋体", "新宋体", "Adobe 仿宋 Std R"; cursor:pointer; color:#fff; background:url(../images/sale_panel/sale_panel_flag_close.png) no-repeat #9C1F24; overflow:hidden; line-height:16px; padding-left:4px; float:right; }
.sale_flag_show{ background-position:-41px top;}

.saleFlag_content{ display:block; width:168px; height:237px;}
.saleFlag_content img{ width:168px; height:237px;}
/* sale_flag end*/
.chrome_box1{ /*position:absolute; */top:20px; left:10px; z-index:1000; display:none;}
.sale_panel{ width:691px; position:relative;}
.sale_panel_close_btn{ position:absolute; top:-20px; right:-20px;text-indent:-9999px;}
.sale_panel_close_btn{ display:block; width:37px; height:37px; overflow:hidden; background:url(../images/sale_panel/sale_panel_close.png) no-repeat 0 0;}
a.sale_panel_close_btn:hover{ background-position: 0  bottom; height:35px;}

.chrome_box1{ }
.chrome_box1 .jy,.chrome_box1 .lx{width:476px; background:url(../images/blank_bg.gif); /*background:none;*/ border:none; color:#333; font-size:17px;font-family:"微软雅黑", "黑体", "宋体"; padding-left:3px;}
.chrome_box1 .jy{ height:163px; line-height:23px;}
.chrome_box1 .lx{ height:20px; line-height:23px; height:23px;}

.chrome_box1 .tj,.chrome_box1 .qk{font-family:"微软雅黑", "黑体", "宋体"; width:350px; border:none; background:none; font-size:24px; color:#fff; background:url(../images/sale_panel/sale_panel_btn.png) no-repeat; width:101px; height:34px;} 
.chrome_box1 .tj{ height:34px; line-height:32px;}
.chrome_box1 .qk{ height:34px; line-height:32px; background-position:-103px top;}

/*各部件定位*/
.p1,.p2,.p3,.p4,.p5,.p6,.p1_list,.p2_list{ position:absolute;}

.p1{ top:397px; left:330px;}
.p1_list{ top:397px; left:330px;}

.p2{ top:397px; left:660px;}
.p2_list{ top:397px; left:660px;}

.p3{ top:476px; left:393px;}
.p4{ top:683px; left:393px;}
.p5{ top:740px; left:490px;}
.p6{ top:740px; left:680px;}




/*自定义列表*/
.chrome_box1 .custom_list{ width:90px; height:32px; color:#fff; font-family:"微软雅黑", "黑体", "宋体"; overflow:hidden; background:url(../images/sale_panel/custom_list_bg1.png) no-repeat; overflow:hidden; cursor:pointer; line-height:32px;}
.chrome_box1 .custom_list a{ padding-left:10px; color:#fff; font-family:"微软雅黑", "黑体", "宋体"; display:block; background:url(../images/sale_panel/custom_list_arrow.png) no-repeat 65px 10px;}
/*具体列表*/
.chrome_box1 .custom_list_content{ width:90px; z-index:1001; display:none;}
.chrome_box1 .custom_list_content ul{ list-style:none; background:#eee;}
.chrome_box1 .custom_list_content ul li{ border-bottom:1px solid #CCC; height:32px; line-height:32px; overflow:hidden;}
.chrome_box1 .custom_list_content ul li a{ font-family:"微软雅黑", "黑体", "宋体"; padding-left:10px; display:block; height:32px; overflow:hidden;}
.chrome_box1 .custom_list_content ul li a:hover{background:url(../images/sale_panel/custom_list_bg1.png) no-repeat; color:#FFF;}
.chrome_box1 .custom_list_content ul li a.target{background:url(../images/sale_panel/custom_list_bg1.png) no-repeat; color:#CCC;}

/*canvas 幕布*/
.canvas{ width:100%; height:100%; z-index:999; position:absolute; top:0; left:0; display:none; text-indent:-9999px; background:#000; filter:alpha(opacity:60); opacity:0.6;}
.shadow {-moz-box-shadow: 3px 3px 22px #000;-webkit-box-shadow: 3px 3px 22px #000;box-shadow: 3px 3px 22px #000;}
.shadow2 {-moz-box-shadow: 3px 3px 22px #000;-webkit-box-shadow: 3px 3px 22px #000;box-shadow: 3px 3px 22px #000;}
.radius{border: 1px solid #C0C0C0;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}

.footer{ font-weight:bold; color:#fff; background:#7A7A7A; font-family:"宋体"; font-size:12px; line-height:22px; text-align:center; padding:20px 0; margin-bottom:20px;}
/* new add 2011-12-19*/
/*assets_img */
.panel1 .downloads div a,.dotted_blue,.willbuy_btn{ background-image:url(../images/assets_img.png); overflow:hidden;}
.btn{ display:block; width:100px; height:20px; overflow:hidden;}
.panel1_btn{ width:246px; height:60px; background-position:0 -10px;}
a.panel1_btn:hover{background-position:-267px -10px; color:#fff;}
.dotted_blue{ height:2px; overflow:hidden; border:none; background-color:none; background-position:0 -2px; background-repeat:repeat-x;}
.willbuy_btn{ width:178px; height:34px; background-position:0 -92px; text-indent:-9999px;}/*我要购买按钮*/
a.willbuy_btn:hover{ background-position:-180px -92px;}

/* common panel 面板*/
.panel{ padding:4px 0;}
.panel .panel_top{ height:10px; background:url(../images/ipad_panel1_top.png) no-repeat; overflow:hidden;}
.panel .panel_middle{ background:url(../images/ipad_panel1_middle.png) repeat-y;}
.panel .panel_bottom{ height:10px;background:url(../images/ipad_panel1_bottom.png) no-repeat; overflow:hidden;}

/* product download panel*/
.main_download .panel1{font-family:"微软雅黑", "黑体", "宋体"; font-size:15px; color:#595757;}
.main_download .panel1 .panel_top{}
.main_download .panel1 .panel_middle{ padding:60px;}
.main_download .panel1 .panel_bottom{}
.main_download .panel1 .downloads{}
.main_download .panel1 .downloads p{ text-indent:20px; padding-top:30px;}
.main_download .panel1 .downloads p span{ font-size:18px; padding-right:10px;}
.main_download .panel1 .downloads div.btnContainer{ padding:16px 0 23px 94px;}
.main_download .panel1 .downloads div a{ color:#fff; font-size:22px; line-height:50px;}
.main_download .panel1 .downloads div a.panel1_btn{width:222px; height:60px; padding-right:24px;text-align: center;}

/* buy panel*/
.main_buy{ position:relative;}
.main_buy .panel1 .panel_middle{ padding-left:8px;}
.main_buy .prompt_info{ font-size:14px; color:#632600;}
.main_buy .prompt_info span{ font-weight:bold;}
.main_buy .p1,.main_buy .p2,.main_buy .p3,.main_buy .p4{ position:absolute; left:767px; top:700px; z-index:1000;}
.main_buy .p1{ top:585px;}
.main_buy .p2{ top:636px;}
.main_buy .p3{ top:698px;}
.main_buy .p4{ left:60px; top:651px;}

/* main left and right*/
.main_wrap{ position:relative;}
.left_nav{ width:200px; position:absolute; left:20px; top:10px;}
.right_main{ padding-left:220px;/* padding-right:20px;*/}
/*left nav*/
.left_nav{}
.left_nav .panel{}

/*question */
.left_nav .panel .panel_top,
.left_nav .panel .panel_middle,
.left_nav .panel .panel_bottom,
.left_nav .panel .panel_middle ul,
.left_nav .panel .panel_middle ul li a,
.left_nav .panel .panel_middle ul li.selected span{ background-image:url(../images/assets_left_nav-01.png); background-repeat:no-repeat;}

/* strategy */
.main_strategy .left_nav .panel .panel_top,
.main_strategy .left_nav .panel .panel_middle,
.main_strategy .left_nav .panel .panel_bottom,
.main_strategy .left_nav .panel .panel_middle ul,
.main_strategy .left_nav .panel .panel_middle ul li a,
.main_strategy .left_nav .panel .panel_middle ul li.selected span{ background-image:url(../images/assets_left_nav-02.png); background-repeat:no-repeat;}

.left_nav .panel .panel_top{ height:42px;}
.left_nav .panel .panel_middle{ background-position:-209px 0; padding:0 2px;}
.left_nav .panel .panel_bottom{ height:2px;}
.left_nav .panel .panel_middle ul{ background-position:-1186px bottom; padding:10px 0 12px 3px;}
.left_nav .panel .panel_middle ul li{ padding-bottom:1px; position:relative;}
.left_nav .panel .panel_middle ul li.selected{}
.left_nav .panel .panel_middle ul li.selected span{ position:absolute; right:0px; top:14px; overflow:hidden; display:block; width:14px; height:14px; background-position:-155px -260px;}
.left_nav .panel .panel_middle ul li a{ display:block; width:169px; height:45px; text-indent:-9999px;}
.left_nav .panel .panel_middle ul li a.btn1{ background-position:-419px -44px;}
.left_nav .panel .panel_middle ul li a.btn2{ background-position:-593px -44px;}
.left_nav .panel .panel_middle ul li a.btn3{ background-position:-767px -44px;}
.left_nav .panel .panel_middle ul li a.btn4{ background-position:-941px -44px;}
.left_nav .panel .panel_middle ul li a.btn1:hover{ background-position:-419px -88px;}
.left_nav .panel .panel_middle ul li a.btn2:hover{ background-position:-593px -88px;}
.left_nav .panel .panel_middle ul li a.btn3:hover{ background-position:-767px -88px;}
.left_nav .panel .panel_middle ul li a.btn4:hover{ background-position:-941px -88px;}
.left_nav .panel .panel_middle ul li.selected a.btn1{ background-position:-419px 0;}
.left_nav .panel .panel_middle ul li.selected a.btn2{ background-position:-593px 0;}
.left_nav .panel .panel_middle ul li.selected a.btn3{ background-position:-767px 0;}
.left_nav .panel .panel_middle ul li.selected a.btn4{ background-position:-941px 0;}



/*common infopanel 面板*/
.infopanel{}
.infopanel .infopanel_middle,
.infopanel .infopanel_top,
.infopanel .infopanel_bottom{ background-repeat:no-repeat;}
.infopanel .infopanel_middle{ background-image:url(../images/infopanel_middle.png); background-repeat:repeat-y;}
.infopanel .infopanel_top{background-image:url(../images/infopanel_top.png);  background-position:0 top; padding:10px 18px;   /*padding-right:20px; padding-bottom:18px;*/}
.infopanel .infopanel_bottom{background-image:url(../images/infopanel_bottom.png); background-position:0 bottom;}
.infopanel .infopanel_middle .richbg{}
.infopanel .infopanel_middle .bg1{ background:url(../images/infopanel_bg2.gif) right bottom no-repeat; }
/* ask_and_answer*/
.data{ font-family:"宋体", "新宋体", "Adobe 仿宋 Std R";color:#1C4D75; padding-bottom:120px; padding-right:30px;}
.question{ padding-bottom:20px; padding-top:30px;}
.question p{ width:759px; height:32px; line-height:32px; background:url(../images/ipad_question_bg.gif); overflow:hidden;  font-size:14px; font-weight:bold; text-indent:20px;}
.answer{ position:relative; /*background:#f00;*/}
.answer .da{ position:absolute; top:0px; left:20px; font-weight:bold; line-height:24px; vertical-align:middle; /*background:#0f0;*/}
.answer .answer_list{ padding-left:50px; line-height:24px; vertical-align:middle;}
.answer .answer_list p{}
.answer .answer_list p span{ font-weight:bold;}

/* strategy */
.main_strategy .infopanel .infopanel_middle .richbg{}
.main_strategy .infopanel .infopanel_middle .bg1{ background:url(../images/infopanel_bg.gif) 500px 570px no-repeat; }
.main_strategy .infopanel .infopanel_middle .bg2{ background:url(../images/infopanel_bg.gif) 500px 20px no-repeat; }
.main_strategy .infopanel .infopanel_middle .bg3{ background:url(../images/infopanel_bg.gif) 500px 570px no-repeat; }
.main_strategy .data{ padding:20px 20px 0 20px;}
.main_strategy .data p{color:#323333; font-family:"微软雅黑", "黑体", "宋体"; font-size:14px; line-height:36px; text-indent:30px;}
.main_strategy .data .title{ color:#301E1B; font-weight:bold; font-family:"黑体","微软雅黑"; font-size:29px; text-align:center; padding-bottom:20px; text-indent:0;}
.main_strategy .data div{ text-align:center;}
.main_strategy .data img{ padding:30px 0;}
.header a.top_url{ color:#FFF;}
.header a:hover.top_url{ color:#d8e9f1;}