@charset "gb2312";

body {background: #fff url(../images/bodybg.png) repeat-x left top;}

p {margin: 0;padding: 0;}

.clearfix {*zoom: 1;}

.top {width: 960px;margin: 0 auto;clear: both;overflow: hidden;}

.top .logo {float: left;margin: 9px 0 0 0;}

.top .nav {float: right;margin: 12px 0 0;}

.top .nav a,.top .nav a:visited {color: #4e4e4e;}

.wrapper {background: url(../images/clientbg.png) no-repeat center 110px;clear: both;margin: 27px 0 0;overflow: hidden;height: 635px;}

.area {width: 960px;margin: 0 auto;}

.downloadarea {position: relative;}

.downloadarea h2 {width: 394px;height: 56px;overflow: hidden;float: right;clear: both;margin: 80px 20px 0 0;}

.downloadarea h3 {width: 394px;height: 26px;overflow: hidden;float: right;clear: both;margin: 40px 20px 0 0;}

.imgfocus {position: absolute;left: 0px;top: 20px;display: none;}

.download-area {position: absolute;right: 25px;top: 245px;display: none;}

.download-area-symbian {right: 17px;}

.download-area p {text-align: right;color: #6f6f6f;font-size: 14px;margin: 5px 20px 0 0;clear: both;}

.download-area a {width: 295px;height: 102px;display: block;}

.download-area a,.download-area a:visited {background: url(../images/downloadbtn.png) no-repeat left -102px;}

.download-area a:hover {background: url(../images/downloadbtn.png) no-repeat left top;}

.download-area a:active {background: url(../images/downloadbtn.png) no-repeat left -204px;}

.download-area a.downloadbtn-v3,.download-area a.downloadbtn-v5 {width: 197px;height: 93px;float: left;margin: 0 0 5px 3px;_display: inline;}

.download-area a.downloadbtn-v3,.download-area a.downloadbtn-v3:visited {background: url(../images/V3&v5btn.png) no-repeat left -373px;}

.download-area a.downloadbtn-v3:hover {background: url(../images/V3&v5btn.png) no-repeat left -280px;}

.download-area a.downloadbtn-v3:active {background: url(../images/V3&v5btn.png) no-repeat left -466px;}

.download-area a.downloadbtn-v5,.download-area a.downloadbtn-v5:visited {background: url(../images/V3&v5btn.png) no-repeat left -94px;}

.download-area a.downloadbtn-v5:hover {background: url(../images/V3&v5btn.png) no-repeat left 0px;}

.download-area a.downloadbtn-v5:active {background: url(../images/V3&v5btn.png) no-repeat left -187px;}

.focus-nav {background: url(../images/focusnav.png) no-repeat left top;width: 960px;height: 115px;margin: 304px 0 0 0;overflow: hidden;*zoom: 1;position: relative;}

.focus-nav-left {background: url(../images/focusnavsidebg.png) no-repeat left top;width: 15px;height: 115px;position: absolute;bottom: 0px;_bottom: -1px;left: -15px;}

.focus-nav-right {background: url(../images/focusnavsidebg.png) no-repeat right top;width: 15px;height: 115px;position: absolute;bottom: 0px;_bottom: -1px;right: -15px;}

.focus-nav-list li {width: 152px;height: 52px;float: left;margin: 25px 25px 10px 13px;_display: inline;}

.focus-nav-list li a {display: block;width: 152px;height: 52px;outline: none;}

.focus-nav-list .iphone-focus a {background: url(../images/focusnavlist.png) no-repeat 0px -105px;}

.focus-nav-list .ipad-focus a {background: url(../images/focusnavlist.png) no-repeat 0px -153px;}

.focus-nav-list .android-focus a {background: url(../images/focusnavlist.png) no-repeat 0px 0px;}

.focus-nav-list .symbian-focus a {background: url(../images/focusnavlist.png) no-repeat 0px -54px;}

.focus-nav-list .winphone7-focus a {background: url(../images/focusnavlist.png) no-repeat 0px -217px;}

.focus-nav-list a.yui3-tabs-trigger-selected {background: url(../images/focusnavliston.png) no-repeat;_background: none;}

.focus-nav-list .iphone-focus .yui3-tabs-trigger-selected {background-position: 0px -105px;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/focusnavliston_iphone_ie6.png', sizingMethod='crop');}

.focus-nav-list .ipad-focus .yui3-tabs-trigger-selected {background-position: 0px -153px;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/xwkhd2012/focusnavliston_ipad_ie6.png', sizingMethod='crop');}

.focus-nav-list .android-focus  .yui3-tabs-trigger-selected {background-position: 0px 0px;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/focusnavliston.png', sizingMethod='crop');}

.focus-nav-list .symbian-focus .yui3-tabs-trigger-selected {background-position: 0px -54px;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/focusnavliston_symbian_ie6.png', sizingMethod='crop');}

.focus-nav-list .winphone7-focus .yui3-tabs-trigger-selected {background-position: 0px -217px;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/focusnavliston_winphone_ie6.png', sizingMethod='crop');}

.focus-nav-onbg {width: 100%;height: 106px;background: url(../images/focusnavonbg.png) no-repeat 0px 0px;position: absolute;left: 0;top: 1px;}

.focus-nav-onbg-animation {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.focus-nav-onbg-animation-iphone {background-position: 0px 0;}

.focus-nav-onbg-animation-ipad {background-position: 190px 0;}

.focus-nav-onbg-animation-android {background-position: 380px 0;}

.focus-nav-onbg-animation-symbian {background-position: 572px 0;}

.focus-nav-onbg-animation-winphone7 {background-position: 760px 0;}

.main {width: 577px;float: left;}

.titlebar {font-family: 'microsoft YaHei',simhei,sans-serif;}

.main .ui-til1 {border-bottom: 1px solid #D5D5D5;background: url(../images/square.png) no-repeat 5px top;height: 40px;text-align: left;padding: 0 0 0 40px;font-size: 20px;}

.side {width: 311px;height: 425px;float: right;margin: 40px 0 0 0;background: url(../images/sidebg.png) no-repeat left top;}

.side .ui-til1 {height: 40px;text-align: left;font-size: 20px;margin: 10px 24px 0;}

.side .content {padding: 0 24px 0;height: 90px;overflow: hidden;text-align: left;}

.f12px {line-height: 21px;font-size: 12px;text-align: left;color: #6E6E6E;}

.f12px a,.f12px a:visited {color: #6E6E6E;}

.f12px-point {line-height: 21px;font-size: 12px;text-align: left;}

.f12px-point li {padding: 0 0 0 10px;background: url(../images/point.png) no-repeat 1px 8px;}

.f12px-point a,.f12px-point a:visited {color: #6E6E6E;}

.wbicon {margin: 10px 15px 0 0;}

.main .ui-til2 {font-size: 20px;margin: 20px 0 10px 0;text-align: left;}

.main .tabcontent {font: normal 15px/1.5em "microsoft YaHei", simhei, sans-serif;color: #636363;text-align: center;}

.main .tabcontent p {margin: 0 0 10px 0;text-align: left;}

.main .tabnav {margin: 30px auto 0;overflow: hidden;width: 50px;}

.main .tabnav li {width: 7px;height: 7px;background: #9d9d9d url(../images/square_gray.png) no-repeat left top;float: left;margin: 0 5px 0 0;cursor: pointer;overflow: hidden;font-size: 1px;line-height: 0;}

.main .tabnav li.yui3-tabs-trigger-selected {background: #2d70cc;}

.main .tabcontentholder {height: 410px;overflow: hidden;}

.main .tabcontentholder .tabcontent {display: none;}

.main .tabcontentholder .yui3-tabs-panel-selected {display: block;}

.yui3-tabs-panel-selected {display: block;}

.partners-list {margin: 40px auto 10px;text-align: left;width: 960px;}

.partners-list h4 {color: #636363;font-weight: bold;margin: 10px 17px;}

.partners-list li {float: left;line-height: 21px;padding-left: 18px;width: 76px;}

.partners-list a,.partners-list a:visited {color: #7b7c7d;}

#footer {background: #EEEEEE;margin: 40px 0 0 0;overflow: hidden;*zoom: 1;}

.foot {padding-bottom: 15px;}

.foot .text {border: none;}

.foot span {color: #F00;}

.link, .link a, .link a:visited {color: #005BD8;}

.tabBox {position: relative;}

.arrowbtn {width: 102%;position: absolute;left: -5px;top: 240px;}

.arrowbtn-left {float: left;width: 38px;height: 38px;background: url(../images/arrow.png) no-repeat left top;cursor: pointer;}

.arrowbtn-right {float: right;width: 38px;height: 38px;background: url(../images/arrow.png) no-repeat left bottom;cursor: pointer;}