@charset "gb2312";
/* CSS Document */
@charset "utf-8";
html{color:#444;background:#FFF;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}body{font:12px/1.5 tahoma,arial,\5b8b\4f53;color:#444;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
input:focus,a:focus{outline:none;}
fieldset,img{border:0;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}sub{bottom:-0.25em;}
button,input,textarea,select{font-family:Arial, Helvetica, sans-serif;font-size:inherit;font-weight:inherit;line-height:1.5;vertical-align:middle;}
button,input,textarea,select{*font-size:100%;}
extarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}a{vertical-align:baseline;}
a:hover{text-decoration:underline;}
ins,a{text-decoration:none;}
.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0;}



a {color:#444;}
a:hover {color:#ff4e00; text-decoration:none;}
a img {vertical-align:middle;}


.ui_tit {height:34px; line-height:33px; padding:0 15px; background:url(../images/tit_bg.png) repeat-x left bottom;}
.ui_tit h2 {float:left; font:700 14px/33px "simsun";}

.hide {display:none;}
.mb15 {margin-bottom:15px;}


/*nav*/
#header { padding:0;}
.index_nav{ height:40px; background:url(http://app.etest8.com/images/index_navbg.png) repeat-x top center; width:100%;}
#page { margin-left: auto; width: 950px; margin-right: auto;}
#site_nav { z-index:10000; margin:2px auto; color:#000; line-height:28px; position:relative; height:22px;}
#site_nav a { color:#666;}
#site_nav a:hover { color:#f50;}
#site_nav .quick_menu { right:0px; position:absolute; top:0px;}
#site_nav .quick_menu li { padding-right:10px; background-position: right 6px; padding-left:10px; float:left; padding-bottom:0px; margin-left:-1px; padding-top:2px;}
#site_nav .quick_menu li.last { background: none transparent scroll repeat 0% 0%}
#site_nav .quick_menu li.menu_item { padding:0px; position:relative;}
#site_nav .quick_menu .cart { padding-top:1px; position:relative; _padding-top:2px;}
#site_nav .quick_menu .cart a { padding-left:16px;}
#site_nav .quick_menu .cart S { background-position: -83px -21px; left:8px; width:14px; position:absolute; top:6px; height:11px;}
#site_nav .menu_hd { padding-right:22px; display:block; padding-left:10px; z-index:10002; padding-bottom:0px; margin:1px 1px 0px; cursor:pointer; padding-top:0px; position:relative; height:20px;}
#site_nav .services .menu_hd { width:48px; padding-top:1px; _padding-top:1px;}
#site_nav .menu_hd b { border:solid #fff 4px; border-top:solid #666 4px; font-size:0px; right:10px; width:0px; line-height:0; position:absolute; top:13px; height:0px; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -webkit-transform .2s ease-in; -o-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in;}
#site_nav .menu_bd { border:solid #bfbfbf 1px;  display:none; z-index:10001; right:0px; background:#fff; position:absolute; top:21px;}
#site_nav iframe.menu_bd { border:none; z-index:-1px; background:none transparent scroll repeat 0% 0%; filter:alpha(opacity=0); float:left;}
#site_nav .menu_bd_panel { padding:10px 10px 6px 10px;}
#site_nav .menu_item_opp .menu_bd { left:0px;}
#site_nav .menu_item_opp .menu_bd S.rt { left:0px;}
#site_nav .menu_item_opp .menu_bd S.lt { background-position: -87px 55px; right:-2px; left:auto;}
#site_nav .menu { position:relative;}
#site_nav .menu:hover .menu_hd { border:solid #bfbfbf 1px; border-bottom:none; background:#fff; margin:0px; height:34px;}
#site_nav .hover .menu_hd { border:solid #bfbfbf 1px; background:#fff; margin:0px; border-bottom:none;}
#site_nav .menu:hover .menu_bd { display:block;}
#site_nav .hover .menu_bd { display:block;}
#site_nav .menu:hover .menu_hd b { border-left-color: #fff; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); border-bottom-color: #fff; border-top-color: #000; top:13px; border-right-color: #fff; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%;}
#site_nav .hover .menu_hd b { border:#fff; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); border-top-color: #000; top:13px; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%;}
#site_nav .services .menu_bd { width:174px; top:35px;}
#site_nav .services .menu_bd_panel { padding:5px 10px;}
#site_nav .services .menu_bd dl { padding-bottom:10px;}
#site_nav .services .menu_bd .last { border:none;}
#site_nav .services .menu_bd dt { font-weight:bold; color:#8c8c8c; line-height:1.7; text-align:left; border-bottom:dashed #ddd 1px; padding-bottom:5px;}
#site_nav .services .menu_bd dd { line-height:1.8; text-align:left; width:180px; padding-top:3px;}
#site_nav .services .menu_bd dd a { padding-left:4px;}

/*logo*/
.logo_bg{ background:#f9f9f9; width:100%;}
.logo{ width:1000px; margin-left:auto; margin-right:auto; height:90px; padding-top:10px; padding-bottom:10px;}
.logo h1{ float:left; width:390px; height:78px; }
.index_search{ float: right; width:472px; _width:475px;padding-top:15px; margin-right:28px;}
.top_ss{ float:left; width:385px; padding-left:35px; padding-right:10px; background:url(http://app.etest8.com/images/search_bg.png) no-repeat; height:40px; border:none; outline: none; line-height:42px; color:#666;}
.index_search label{width:472px; padding:0px; margin:0px; padding-top:5px;}
.top_ss_btn{ background:url(http://app.etest8.com/images/search_button.png) no-repeat top center; width:41px; height:40px; cursor: pointer; font-size:0; border:none; outline:none;}
.top_ss_btn1{ background:url(../images/search_buttonnav.png) no-repeat top center; width:41px; height:40px; cursor: pointer; font-size:0; border:none; outline:none;}

.index_search p{ float:left; width:380px; text-align: left; font-size:12px; color:#999; padding-top:5px;}
.index_search p a{color:#ff6600; text-decoration:none; margin-left:5px;}
.index_search p a:visited{ color:#ff6600; text-decoration:none; }
.index_search p a:hover{ color:#ff6600; text-decoration:underline; }
.top_fx{ float:right; padding-top:10px; padding-right:10px; _padding-right:35px; *+padding-right:35px; width:100px; position: relative; z-index:999;}
.top_fx li{ float:left; width:16px; height:16px; padding-left:15px;}


/*banner*/
.index-banner-container {
    background: none repeat scroll 0 0 #3978c5;
    height: 456px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}
.index-banner-container .index-slide {
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 2;
}
.index-banner-container .index-content {
    margin: 0 auto;
    position: relative;
    width: 1000px;
}

.index-banner-container .index-content .index_wxts{ position:absolute; top:290px; left:625px; width:360px; line-height:180%; font-size:12px; color:#fff;}

.index-banner-container .index-content .img {
    background-image: url(http://app.etest8.com/images/banner.png);
    height: 400px;
    position: absolute;
    width: 505px;
}


/*׿ά*/
.index-banner-container .index-content .index-down-android-erweima {
    display: none;
    height: 178px;
    position: absolute;
    right:-20px;
    top: 10px;
    width: 159px;
	display:block;
}
.index-banner-container .index-content .index-down-android-erweima .index-erweima-h {
    background: url(../images/android_erweima.png) no-repeat top center;
    height:100px;
    margin:8px;
    width:100px;
}
.index-banner-container .index-content .index-down-android-erweima .index-mask-box, .index-banner-container .index-content .index-down-android-erweima .index-erweima-container {
    height:116px;
    position: absolute;
    width:116px;
}
.index-banner-container .index-content .index-down-android-erweima .index-mask-box {
    background: none repeat scroll 0 0 #000;
    border-radius: 2px;
    opacity: 0.8;
    z-index: 1;
}
.index-banner-container .index-content .index-down-android-erweima .index-erweima-container {
    z-index: 2;
}
.index-banner-container .index-content .index-down-android-erweima .index-mask-arrow {
    border-color: transparent #000 transparent transparent;
    border-style: dashed solid dashed dashed;
    border-width: 6px;
    font-size: 0;
    right: 159px;
    line-height: 0;
    opacity: 0.8;
    position: absolute;
    top:48px;
}

/*ƻԽά*/
.index-banner-container .index-content .index-down-iosyueyu-erweima {
    display: none;
    height: 178px;
    position: absolute;
    right:-20px;
    top:10px;
    width: 159px;
	display:block;
}
.index-banner-container .index-content .index-down-iosyueyu-erweima .index-erweima-h {
    background: url(../images/iosyueyu_erweima.png) no-repeat top center;
    height:100px;
    margin:8px;
    width:100px;
}
.index-banner-container .index-content .index-down-iosyueyu-erweima .index-mask-box, .index-banner-container .index-content .index-down-iosyueyu-erweima .index-erweima-container {
    height:116px;
    position:absolute;
    width:116px;
}

.index-banner-container .index-content .index-down-iosyueyu-erweima .index-mask-box {
    background: none repeat scroll 0 0 #000;
    border-radius: 2px;
    opacity: 0.8;
    z-index: 1;
}
.index-banner-container .index-content .index-down-iosyueyu-erweima .index-erweima-container {
    z-index: 2;
}
.index-banner-container .index-content .index-down-iosyueyu-erweima .index-mask-arrow {
    border-color: transparent #000 transparent transparent;
    border-style: dashed solid dashed dashed;
    border-width: 6px;
    font-size: 0;
    right: 159px;
    line-height: 0;
    opacity: 0.8;
    position: absolute;
    top:62px;
}

/*ƻά*/
.index-banner-container .index-content .index-down-ios-erweima {
    display: none;
    height: 178px;
    position: absolute;
    right:-20px;
    top:10px;
    width: 159px;
	display:block;
}
.index-banner-container .index-content .index-down-ios-erweima .index-erweima-h {
    background: url(../images/ios_erweima.png) no-repeat top center;
    height:120px;
    margin:8px;
    width:120px;
}
.index-banner-container .index-content .index-down-ios-erweima .index-mask-box, .index-banner-container .index-content .index-down-ios-erweima .index-erweima-container {
    height:136px;
    position:absolute;
    width:136px;
}
.index-banner-container .index-content .index-down-ios-erweima .index-mask-box {
    background: none repeat scroll 0 0 #000;
    border-radius: 2px;
    opacity: 0.8;
    z-index: 1;
}
.index-banner-container .index-content .index-down-ios-erweima .index-erweima-container {
    z-index: 2;
}
.index-banner-container .index-content .index-down-ios-erweima .index-mask-arrow {
    border-color: transparent transparent transparent #000;
    border-style: dashed dashed dashed solid;
    border-width: 6px;
    font-size: 0;
    left: 142px;
    line-height: 0;
    opacity: 0.8;
    position: absolute;
    top:62px;
}




.index-banner-container .index-content .index-down-box {
    height: 100%;
    position: absolute;
    right: 30px;
	top:-3px;
    width: 345px;
}
.index-banner-container .index-content .index-down-box .index-install-first {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 38px 0 0 140px;
    text-align: right;
}


/*ƻԽ*/
.index-banner-container .index-content .index-down-box .index-dowm-iosyueyu-box {

    color: #fff;
    height:120px;
	width:100%;
    margin-top:10px;
	float:left;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box, .index-banner-container .index-content .index-down-box .index-dowm-iosyueyu-box {
    border-bottom: 1px solid #306ab4;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box p, .index-banner-container .index-content .index-down-box .index-dowm-iosyueyu-box p {
    display: block;
    margin-top: -4px;
    width: 150px;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box p .version, .index-banner-container .index-content .index-down-box .index-dowm-iosyueyu-box p .version {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box p .size, .index-banner-container .index-content .index-down-box .index-dowm-iosyueyu-box p .size, .index-banner-container .index-content .index-down-box .index-dowm-pc-box p .time, .index-banner-container .index-content .index-down-box .index-dowm-iosyueyu-box p .time {
    color: #fff;
	font-weight:bold;
    line-height: 30px;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box .firstIssue, .index-banner-container .index-content .index-down-box .index-dowm-iosyueyu-box .firstIssue {
    color: #9abbe4;
    display: inline-block;
    float: right;
    text-align: right;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box .firstIssue:hover, .index-banner-container .index-content .index-down-box .index-dowm-iosyueyu-box .firstIssue:hover {
    color: #fff;
    text-decoration: underline;
}

.index-banner-container .index-content .index-down-box .index-install-bt, .index-banner-container .index-content .index-down-box .index-install-bt-iosyueyu {
    display: block;
    float: left;
    height: 55px;
    width: 195px;
}

.index-banner-container .index-content .index-down-box .index-install-bt-iosyueyu, .index-banner-container .index-content .index-down-box .iosyueyuactive {
    background: url(http://app.etest8.com/images/index-install-bt-n-ios.gif) no-repeat top center; 
    cursor: default;
}
.index-banner-container .index-content .index-down-box .index-install-bt:hover, .index-banner-container .index-content .index-down-box .index-install-bt-iosyueyu:hover, .index-banner-container .index-content .index-down-box .iosyueyuactive {
    background-position: 0 -55px;
}

/*Æ»*/
.kf_white{ font-size:12px; color:#fbee25; text-decoration:none;}
a.kf_white:hover{ font-size:12px; color:#ff6; text-decoration:none;}
.index-banner-container .index-content .index-down-box .index-dowm-ios-box {
    color: #fff;
    height: 86px;
    margin-top: 15px;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box, .index-banner-container .index-content .index-down-box .index-dowm-ios-box {
    border-bottom: 1px solid #306ab4;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box p, .index-banner-container .index-content .index-down-box .index-dowm-ios-box p {
    display: block;
    float: left;
    margin-top: -4px;
    width: 150px;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box p .version, .index-banner-container .index-content .index-down-box .index-dowm-ios-box p .version {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box p .size, .index-banner-container .index-content .index-down-box .index-dowm-ios-box p .size, .index-banner-container .index-content .index-down-box .index-dowm-pc-box p .time, .index-banner-container .index-content .index-down-box .index-dowm-ios-box p .time {
    color: #fff;
    line-height: 30px;
	font-weight:bold;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box .firstIssue, .index-banner-container .index-content .index-down-box .index-dowm-ios-box .firstIssue {
    color: #9abbe4;
    display: inline-block;
    float: right;
    text-align: right;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box .firstIssue:hover, .index-banner-container .index-content .index-down-box .index-dowm-ios-box .firstIssue:hover {
    color: #fff;
    text-decoration: underline;
}

.index-banner-container .index-content .index-down-box .index-install-bt, .index-banner-container .index-content .index-down-box .index-install-bt-ios {
    display: block;
    float: left;
    height: 55px;
    width: 195px;
}

.index-banner-container .index-content .index-down-box .index-install-bt-ios, .index-banner-container .index-content .index-down-box .iosactive {
    background: url(http://app.etest8.com/images/index-install-bt-n-ios.gif) no-repeat top center;
    cursor: default;
}
.index-banner-container .index-content .index-down-box .index-install-bt:hover, .index-banner-container .index-content .index-down-box .index-install-bt-ios:hover, .index-banner-container .index-content .index-down-box .iosactive {
    background-position: 0 -55px;
}


/*׿*/
.index-banner-container .index-content .index-down-box .index-dowm-android-box {
    color: #fff;
    height:100px;
    margin-top:10px;
	width:100%;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box, .index-banner-container .index-content .index-down-box .index-dowm-android-box {
    border-bottom: 1px solid #306ab4;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box p, .index-banner-container .index-content .index-down-box .index-dowm-android-box p {
    display: block;
    margin-top: -4px;
    width: 150px;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box p .version, .index-banner-container .index-content .index-down-box .index-dowm-android-box p .version {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box p .size, .index-banner-container .index-content .index-down-box .index-dowm-android-box p .size, .index-banner-container .index-content .index-down-box .index-dowm-pc-box p .time, .index-banner-container .index-content .index-down-box .index-dowm-android-box p .time {
    color: #fff;
    line-height: 30px;
	font-weight:bold;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box .firstIssue, .index-banner-container .index-content .index-down-box .index-dowm-android-box .firstIssue {
    color: #9abbe4;
    display: inline-block;
    float: right;
    text-align: right;
}
.index-banner-container .index-content .index-down-box .index-dowm-pc-box .firstIssue:hover, .index-banner-container .index-content .index-down-box .index-dowm-android-box .firstIssue:hover {
    color: #fff;
    text-decoration: underline;
}

.index-banner-container .index-content .index-down-box .index-install-bt, .index-banner-container .index-content .index-down-box .index-install-bt-android {
    display: block;
    float: left;
    height: 55px;
    width: 195px;
}
.index-banner-container .index-content .index-down-box .index-install-bt-android, .index-banner-container .index-content .index-down-box .androidactive {
    background: url(http://app.etest8.com/images/index-install-bt-n-android.gif) no-repeat top center;
    cursor: default;
}
.index-banner-container .index-content .index-down-box .index-install-bt:hover, .index-banner-container .index-content .index-down-box .index-install-bt-android:hover, .index-banner-container .index-content .index-down-box .androidactive {
    background-position: 0 -55px;
}


/*banner*/
#banner_bolang_bg_1{ width:997px; height:85px; background:url(../images/wave1.png) repeat-x; _background:url(..images/wave1-ie6.png) repeat-x; position:absolute; top:371px; width:400%; left:-236px; z-index:999; animation:wave1 25s linear .4s infinite normal; -moz-animation:wave1 25s linear .4s infinite normal; -webkit-animation:wave1 25s linear .4s infinite normal; -o-animation:wave1 25s linear .4s infinite normal;}
#banner_bolang_bg_2{ width:1009px; height:100px; background:url(../images/wave2.png) repeat-x; _background:0 0; position:absolute; top:356px; width:400%; left:0; z-index:998; animation:wave2 60s linear .4s infinite normal; -moz-animation:wave2 60s linear .4s infinite normal; -webkit-animation:wave2 60s linear .4s infinite normal; -o-animation:wave2 60s linear .4s infinite normal;}
@keyframes wave1 {
0% {
    left: -236px;
}
100% {
    left: -1233px;
}
}
@keyframes wave1 {
0% {
    left: -236px;
}
100% {
    left: -1233px;
}
}
@keyframes wave2 {
0% {
    left: 0;
}
100% {
    left: -1009px;
}
}
@keyframes wave2 {
0% {
    left: 0;
}
100% {
    left: -1009px;
}
}

/*index_features*/
.index_features{ width:1000px; margin:0 auto; height:auto; padding:35px 0px;}
.index_features .features_bt{ background:url(http://app.etest8.com/images/features_bt.png) no-repeat top center; width:247px; height:38px; margin:0 auto; padding-bottom:35px;}
.index_features .features_details{ background:url(http://app.etest8.com/images/features_details.png) no-repeat top center; margin:0 auto; width:978px; height:179px; padding-bottom:35px;}

/*·ÖÀà*/
.index_subject{ background:url(http://app.etest8.com/images/index_subject.png) no-repeat top center; width:247px; height:38px; padding-bottom:35px; margin: 0 auto;}
.class_body{ width:990px; margin:0 auto;}

.class_body .class1{ width:990px; background:#f9f9f9; border:solid #ddd 1px; border-bottom:solid #888 1px; float:left; padding-bottom:15px; margin-bottom:35px;}
.class_body .class1:hover{ border:solid #ff4e00 1px; background:#fffdf2;}
.class_body .class1 .title_bg1{ background:url(../images/zige_bt1.png) no-repeat top left; width:129px; height:41px; margin-left:-12px; margin-top:-16px; color:#fff; text-align:center; font-size:16px; font-weight:bold; line-height:35px;}
.class_body .class1 ul{ padding:0; margin:0;}
.class_body .class1 ul li{ float:left;}
.class_body .class1 ul li a{ background:#5393ae; border-radius:4px; color:#fff; font-size:12px; height:30px; width:90px; margin:10px 0px 8px 18px; text-align:center; line-height:30px; display:block;}
.class_body .class1 ul li a:hover{ background:#ea8541;}

.class_body .class2{ width:990px; background:#f9f9f9; border:solid #ddd 1px; border-bottom:solid #888 1px; float:left; padding-bottom:15px; margin-bottom:35px;}
.class_body .class2:hover{ border:solid #ff4e00 1px; background:#fff;}
.class_body .class2 .title_bg2{ background:url(../images/zige_bt2.png) no-repeat top left; width:129px; height:41px; margin-left:-12px; margin-top:-16px; color:#fff; text-align:center; font-size:16px; font-weight:bold; line-height:35px;}
.class_body .class2 ul{ padding:0; margin:0;}
.class_body .class2 ul li{ float:left;}
.class_body .class2 ul li a{ background:#5e8e8e; border-radius:4px; color:#fff; font-size:12px; height:30px; width:90px; margin:10px 0px 8px 18px; text-align:center; line-height:30px; display:block;}
.class_body .class2 ul li a:hover{ background:#ea8541;}


/*·ÖÀà*/
.index_subject{ background:url(http://app.etest8.com/images/index_subject.png) no-repeat top center; width:247px; height:38px; padding-bottom:35px; margin: 0 auto;}
.con_main{ width:990px; margin:0 auto; background:#fff; position:relative; *display:inline-block; height:1600px;}
.conArea1 { position:absolute; top:0px; z-index:999;}
.conArea2 { position:absolute; top:200px; z-index:998;}
.conArea3 { position:absolute; top:400px; z-index:997;}
.conArea4 { position:absolute; top:600px; z-index:996;}
.conArea5 { position:absolute; top:800px; z-index:995;}
.conArea6 { position:absolute; top:1000px; z-index:994;}
.conArea7 { position:absolute; top:1147px; z-index:993;}
.conArea8 { position:absolute; top:1294px; z-index:992;}
.conArea9 { position:absolute; top:1441px; z-index:991;}

.conArea1 .conArea1_bt{ background:url(../images/zige_bt1.png) no-repeat top left; width:129px; height:41px; margin-left:-11px; margin-bottom:-26px; color:#fff; text-align:center; font-size:18px; font-weight:bold; line-height:35px; z-index:1000; position:relative;}
.conArea2 .conArea2_bt{ background:url(../images/zige_bt2.png) no-repeat top left; width:129px; height:41px; margin-left:-11px; margin-bottom:-26px; color:#fff; text-align:center; font-size:18px; font-weight:bold; line-height:35px; z-index:1000; position:relative;}
.conArea3 .conArea3_bt{ background:url(../images/zige_bt1.png) no-repeat top left; width:129px; height:41px; margin-left:-11px; margin-bottom:-26px; color:#fff; text-align:center; font-size:18px; font-weight:bold; line-height:35px; z-index:1000; position:relative;}
.conArea4 .conArea4_bt{ background:url(../images/zige_bt2.png) no-repeat top left; width:129px; height:41px; margin-left:-11px; margin-bottom:-26px; color:#fff; text-align:center; font-size:18px; font-weight:bold; line-height:35px; z-index:1000; position:relative;}
.conArea5 .conArea5_bt{ background:url(../images/zige_bt1.png) no-repeat top left; width:129px; height:41px; margin-left:-11px; margin-bottom:-26px; color:#fff; text-align:center; font-size:18px; font-weight:bold; line-height:35px; z-index:1000; position:relative;}
.conArea6 .conArea6_bt{ background:url(../images/zige_bt2.png) no-repeat top left; width:129px; height:41px; margin-left:-11px; margin-bottom:-26px; color:#fff; text-align:center; font-size:18px; font-weight:bold; line-height:35px; z-index:1000; position:relative;}
.conArea7 .conArea7_bt{ background:url(../images/zige_bt1.png) no-repeat top left; width:129px; height:41px; margin-left:-11px; margin-bottom:-26px; color:#fff; text-align:center; font-size:18px; font-weight:bold; line-height:35px; z-index:1000; position:relative;}
.conArea8 .conArea8_bt{ background:url(../images/zige_bt2.png) no-repeat top left; width:129px; height:41px; margin-left:-11px; margin-bottom:-26px; color:#fff; text-align:center; font-size:18px; font-weight:bold; line-height:35px; z-index:1000; position:relative;}
.conArea9 .conArea9_bt{ background:url(../images/zige_bt1.png) no-repeat top left; width:129px; height:41px; margin-left:-11px; margin-bottom:-26px; color:#fff; text-align:center; font-size:18px; font-weight:bold; line-height:35px; z-index:1000; position:relative;}


.tabWrap .tabMenu {height:50px; background:url(../images/tit_bg.png) repeat-x left top;}
.tabWrap .tabMenu li {float:left; height:45px; background:url(../images/tab_arr_bg.png) no-repeat -15px 0; list-style-type:none;}
.tabWrap .tabMenu a {float:left; height:39px; padding:0 21px; font:700 14px/39px "simsun";}
.tabWrap .tabMenu .cur {background-position:center 39px;}
.tabWrap .tabMenu .cur a {color:#FFF; background:#368ee0;}

.tabWrap .wrapCon {position:relative; border-top:1px solid #368ee0; height:343px; z-index:1;}
.tabWrap .tabBox {position:absolute;}
.tabWrap .tabBox .item {position:relative; height:87px; width:990px;}
.tabWrap .tabBox dl {position:absolute; text-align:left; height:140px; width:990px; overflow:hidden; border:1px solid #dcdcdc; border-bottom:solid #888 1px; background:#f9f9f9}
.tabWrap .tabBox dl.tab1 {position:absolute; text-align:left; height:140px; width:990px; overflow:hidden; border:1px solid #dcdcdc; border-bottom:solid #888 1px;}
.tabWrap .tabBox dl.tab2 {position:absolute; text-align:left; height:87px; width:990px; overflow:hidden; border:1px solid #dcdcdc; border-bottom:solid #888 1px;}
.tabWrap .tabBox .bgc {}

.tabWrap .tabBox dt {height:34px; width:226px;}
.tabWrap .tabBox dt strong { font-size:14px; font-weight:bold; margin-left:10px; line-height:30px;}
.tabWrap .tabBox dt b {display:inline-block; margin-left:5px; vertical-align:middle; border:5px dashed transparent; border-top:5px solid #999891; font-size:0; height:0; overflow:hidden;}
.tabWrap .tabBox .choose_list {padding:0px;}
.tabWrap .tabBox .choose_list li {position:relative; float:left; margin-top:1px; list-style-type:none;}
.tabWrap .tabBox .choose_list li .red {position:relative; float:left; margin-top:0px; list-style-type:none; color:#ff0000;}
.tabWrap .tabBox .choose_list h5 { overflow:hidden;}
.tabWrap .tabBox .choose_list li .green{float:left; line-height:24px; text-align:center; background:#5e8e8e; margin:10px 0px 8px 18px; color:#fff; border-radius:4px; width:90px; height:30px; line-height:260%; text-align:center; font-weight:normal;}
.tabWrap .tabBox .choose_list li a.green:hover{float:left; line-height:24px; text-align:center; background:#ea8541; margin:10px 0px 8px 18px; color:#fff; border-radius:4px; width:90px; height:30px; line-height:260%; text-align:center;}
.tabWrap .tabBox .choose_list li a {float:left; line-height:24px; text-align:center; background:#5393ae; margin:10px 0px 8px 18px; color:#fff; border-radius:4px; width:90px; height:30px; line-height:260%; text-align:center;}
.tabWrap .tabBox .choose_list li a:hover {float:left; line-height:24px; text-align:center; margin:10px 0px 8px 18px; color:#fff; border-radius:4px; width:90px; height:30px; line-height:260%; text-align:center; background:#ea8541; text-decoration:none;}
.tabWrap .tabBox .choose_list .hightlight {color:#ff4e00;}
.tabWrap .tabBox .choose_list ul {display:none; position:absolute; width:72px; background:#FFF; border:1px solid #ff6600;border-top:0; box-shadow:0 3px 8px #999;}
.tabWrap .tabBox .choose_list ul li {width:72px; text-align:center; cursor:pointer;}
.tabWrap .tabBox .choose_list ul li.none {width:72px; text-align:center; cursor:pointer; background:#fff; height:20px; line-height:19px; padding-top:4px;}
.tabWrap .tabBox .choose_list ul li.none:hover {width:72px; text-align:center; cursor:pointer; background:#fcf3c7; height:20px; line-height:19px; padding-top:4px;}
.tabWrap .tabBox .choose_list ul a { width:72px; text-align:center;}
.tabWrap .tabBox .choose_list ul a:hover {background:#fcf3c7;}

.tabWrap .tabBox .hover, .tabWrap .tabBox .choose_list .cur {z-index:1;}
.tabWrap .tabBox .hover dl dt { z-index:2; }
.tabWrap .tabBox .hover dl {height:auto; width:990px; border:1px solid #5e8e8e!important; background:#f7fcfe; background:url(../images/tabWrap_bg.png) repeat top center; z-index:2; overflow:visible; border-bottom:solid 1px #5e8e8e!important;}

.tabWrap .tabBox .hover dl.border_noe {height:auto; width:990px; border:1px solid #5393ae!important; background:#f7fcfe; background:url(../images/tabWrap_bg.png) repeat top center; z-index:2; overflow:visible; border-bottom:solid 1px #5393ae!important;}

/*foot*/
.footer{ width:100%; margin:auto; background:#efefef url(../images/footer_bg.jpg) repeat-x; margin-top:20px; padding-bottom:12px; text-align:center; clear:both;}
.footer_con{ width:1000px; margin:auto; padding-top:20px; line-height:200%;}
.footer_con a{ color:#005e8a;}
.footer_con a:hover{ color:#ff6600;}
.footer_con .img{ border:solid #ccc 1px; margin:4px;}


/*return_top*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*½â¾öIE6Ϲö¶¯¶¶¶¯µÄÎÊÌâ*/
#tbox{width:47px; height:73px; float:right; position:fixed;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:10px;}
#gotop{ width:47px; height:47px; background:url(../images/top01.png) no-repeat; position:absolute; top:0px; display:none; cursor:pointer} 
#gotop:hover{ background:url(../images/top02.png) no-repeat;}

/*µ±Ç°Î»ÖÃ*/
.place_bg{ width:1000px; margin:0 auto; background:#f4f4f4; border:solid #ddd 1px; height:35px; text-align:left; margin-top:10px; color:#555; line-height:32px;}
.place_bg span{ font-size:12px; font-weight:bold; color:#1b76b9; padding-left:15px;}
.place_bg a{ font-size:12px; color:#555; font-weight:normal; text-decoration:none;}
.place_bg a:hover{ font-size:12px; color:#ff5500; font-weight:normal; text-decoration:none;}

/*ÄÚÒ³·ÖÀà*/
.sort_bg{ width:1000px; margin:0 auto; height:auto; padding-top:25px;}
.sort_bg .sort_center{ width:1000px; border:solid #bed7f3 1px; border-top:solid #1b76b9 2px; float:left;}
.sort_bg .sort_center .sort_bt{ background:#f1f7fc; width:985px; height:34px; font-size:14px; font-weight:bold; color:#1b76b9; line-height:32px; background-position:none; padding-left:15px;}
.sort_bg .sort_center .sort_class{ width:970px; margin:0 auto; border-bottom:dashed #ddd 1px; float:left; margin-left:15px; margin-top:10px;}
.sort_bg .sort_center .sort_class .sort_namebt{ width:55px; vertical-align:top; font-size:12px; color:#1b76b9; font-weight:bold; float:left; text-align:center;}
.sort_bg .sort_center .sort_class .sort_name{ width:915px; font-size:12px; color:#555; line-height:170%; float:left;}
.sort_bg .sort_center .sort_class .sort_name ul{ padding:0; margin:0;}
.sort_bg .sort_center .sort_class .sort_name ul li{ padding-left:10px; float:left; padding-bottom:6px;}
.sort_bg .sort_center .sort_class .sort_name ul li .now{ color:#1b76b9; font-size:12px;}
.sort_bg .sort_center .sort_class .sort_name ul li a.now:hover{ color:#ff4e00; font-size:12px; text-decoration:none;}

/*¶þ¼¶Ò³Ãæ·ÖÀàÑùʽ*/
.sort_bg .sort_center .sort_class .sort_namebt1{ width:65px; vertical-align:top; font-size:12px; color:#1b76b9; font-weight:bold; float:left; text-align:center;}
.sort_bg .sort_center .sort_class .sort_name1{ width:905px; font-size:12px; color:#555; line-height:170%; float:left;}
.sort_bg .sort_center .sort_class .sort_name1 ul{ padding:0; margin:0;}
.sort_bg .sort_center .sort_class .sort_name1 ul li{ padding-left:10px; float:left; padding-bottom:6px;}
.sort_bg .sort_center .sort_class .sort_name1 ul li .now{ color:#1b76b9; font-size:12px;}
.sort_bg .sort_center .sort_class .sort_name1 ul li a.now:hover{ color:#ff4e00; font-size:12px; text-decoration:none;}

.sort_bg .sort_center .sort_class .softapply_bg{ background:url(../images/predestine_banner.png) no-repeat top center; width:970px; height:250px; position:relative; margin-bottom:10px;}
.sort_bg .sort_center .sort_class .softapply_bg .softapply_zx1{ background:url(../images/softapply_zx1.gif) no-repeat top center; width:132px; height:37px; position:absolute; right:330px; bottom:12px; display:block;}
.sort_bg .sort_center .sort_class .softapply_bg a.softapply_zx1:hover{ background:url(../images/softapply_zx1.gif) no-repeat top center; width:132px; height:37px; position:absolute; right:330px; bottom:12px;}
.sort_bg .sort_center .sort_class .softapply_bg .softapply_zx2{ background:url(../images/softapply_zx2.gif) no-repeat top center; width:132px; height:37px; position:absolute; right:180px; bottom:12px; display:block;}
.sort_bg .sort_center .sort_class .softapply_bg a.softapply_zx2:hover{ background:url(../images/softapply_zx2.gif) no-repeat top center; width:132px; height:37px; position:absolute; right:180px; bottom:12px;}
.sort_bg .sort_center .sort_class .softapply_bg .softapply_yd1{ background:url(../images/softapply_yd1.png) no-repeat top center; width:132px; height:37px; position:absolute; right:30px; bottom:12px; display:block;}
.sort_bg .sort_center .sort_class .softapply_bg a.softapply_yd1:hover{ background:url(../images/softapply_yd1nav.png) no-repeat top center; width:132px; height:37px; position:absolute; right:30px; bottom:12px;}

/*·ÖÀàÌáʾ*/
.sortmow_bg{ background:#f3f3f3; border:solid #ddd 1px; border-top:solid #1b76b9 1px; width:1000px; height:38px; margin:0 auto; margin-top:15px;}
.sortmow_bg .sort_mow{ font-size:14px; font-weight:bold; padding-left:15px; padding-top:10px;}

/*ÄÚÒ³Ö÷µ¼º½nav*/
.navwp1{width:100%;height:40px;background:#1b76b9;}
.navwp1 .nav1 { width:1000px; margin:0 auto;}
.navwp1 .nav1 a {display:inline-block; height:40px;line-height:40px; width:100px; text-align:center; font-size:14px; float:left; color:#fff; font-weight:bold;}
.navwp1 .nav1 a:hover {background:#1067a8;text-decoration:none;}


/*²úƷչʾÑùʽ2*/
.box{ width:1000px;  margin:0 auto;}
.albumIndex .albumTitle{ width:100%; position:absolute; bottom:0px; background:#fff; z-index:999999; display:none;}
.box ul{ padding:0; margin:0;}
.box li{ list-style:none; float:left; margin-left:7px; margin-top:30px; padding-bottom:15px; border:solid #ccc 4px; background:url(../images/pro_imgbg.png) no-repeat top center;}
.box li img{ display:block; border:none; width:233px; height:233px;}
.box li a { margin:0px; display:block; position: relative;}
.box li:hover{ border:4px solid #2eccd0; padding-bottom:15px;}
.box li span{ margin-top:-75px; text-align:center; background:#555; position:absolute; width:233px; height:90px; line-height:160%; text-align:left;}
.box li span .pro_name{ text-align:left; font-size:12px; padding:5px 10px; color:#fff;}
.box li span .pro_price{ text-align:left; font-size:12px; padding-left:5px; color:#fafc38; position:absolute; bottom:5px;}
.box li span .pro_more{ background:#ed4e6e; font-size:12px; color:#fff; width:85px; height:27px; display:block; position:absolute; right:10px; bottom:5px; text-align:center; border-radius:4px; line-height:220%;}
.box li span a.pro_more:hover{ background:#f2607d; font-size:12px; color:#fff; width:85px; height:27px; position:absolute; right:10px; bottom:5px; text-align:center; border-radius:4px; line-height:220%;}

/*²úƷչʾÁбíÐÎʽÑùʽ*/
.box_list{ width:1000px; margin:0 auto;}
.box_list ul{ padding:0; margin:0;}
.box_list ul li{ float:left; width:1000px; border-bottom:dashed #ddd 1px; margin-bottom:5px; padding:20px 0px;}
.box_list ul li:hover{ background:#fffdf2;}
.box_list ul li .pro_img{ float:left; width:200px; height:200px; background:url(../images/pro_imgbg.png) no-repeat top center; border:solid #ddd 3px; border-radius:2px; }
.box_list ul li .pro_img:hover{ border:solid #2eccd0 3px;}
.box_list ul li .pro_info{ width:755px; margin-left:35px; line-height:250%; height:160px; text-align:left; float:left;}
.box_list ul li .pro_info .pro_bt a{ font-size:14px; color:#1b76b9; font-weight:bold;}
.box_list ul li .pro_info .pro_bt a:hover{ color:#ff6600;}
.box_list ul li .pro_info .now_price{ font-size:14px; color:#ff6600; font-weight:bold;}
.box_list ul li .pro_info .original_price{ font-size:12px; color:#888; padding-left:10px; text-decoration:line-through;}
.box_list ul li .pro_info .pro_more a{ width:110px; height:32px; background:#ed4e6e; font-size:14px; color:#fff; font-weight:bold; display:block; text-align:center; border-radius:5px; line-height:32px; margin-top:8px;}
.box_list ul li .pro_info .pro_more a:hover{ background:#f2607d;}

.box_list ul li .package_price{ font-size:16px; font-weight:bold; color:#555; float:right; margin-right:35px; line-height:45px;}
.box_list ul li .package_price b{ color:#ff6600;}
.box_list ul li .pro_infomore{ width:775px; margin-left:35px; line-height:290%; height:160px; text-align:left; float:left;}
.box_list ul li .pro_infomore .pro_bt a{ font-size:14px; color:#1b76b9; font-weight:bold;}
.box_list ul li .pro_infomore .pro_bt a:hover{ color:#ff6600;}
.box_list ul li .more_package{ background:#e54144; width:190px; height:48px; color:#fff; font-size:22px; font-weight:bold; text-align:center; line-height:47px; margin-left:0px; display:block; border-radius:5px; float:right;}
.box_list ul li a.more_package:hover{ background:#e13538;}

/*·ÖÒ³Ñùʽ*/
.page_bg{ width:1000px; margin:0 auto;}
.page_bg .page { margin:5px; padding:20px; text-align:center; font-size:16px; font-weight:normal;}
.page_bg .page a { border:solid #c0c0c0 1px; padding:5px 10px; text-decoration:none; margin:2px; -moz-border-radius:3px; border-radius:3px;}
.page_bg .page a:hover { border:solid #1b76b9 1px; -moz-border-radius:3px; border-radius:3px; background:#1b76b9; color:#fff;}
.page_bg a.page:active { border:solid #c0c0c0 1px; color:#005aa0; -moz-border-radius:3px; border-radius:3px;}
.page_bg .page span.current { padding:5px 10px; margin:2px; color:#1b76b9;}
.page_bg .page span.disabled { border:solid #eee 1px; padding:5px 10px; margin:2px; color:#ddd; -moz-border-radius:3px; border-radius:3px;}

/*Ìâ¿âÏêϸҳ*/
.buy_pro{ width:1000px; margin:0 auto; height:auto; padding:0;}
.buy_pro .buy_pro01{ width:1000px; float:left; text-align:left; height:350px; margin-top:25px; margin-bottom:8px; position:relative}
.buy_pro .buy_pro01 .pro_img{ float:left; height:330px; width:330px; background:url(../images/pro_imgbg.png) no-repeat top center; border:solid #eee 2px;}
.buy_pro .buy_pro01 .pro_detail{ font-size:14px; color:#666666; text-align:left; line-height:240%; width:608px; float:right; top:0px;}
.buy_pro .buy_pro01 .pro_detail b{ font-size:16px; color:#000; font-weight:bold;}

.buy_pro .buy_pro01 .pro_detail .buy{ background:#e54144; width:190px; height:48px; color:#fff; font-size:22px; font-weight:bold; text-align:center; line-height:47px; margin-left:0px; margin-top:30px; display:block; border-radius:5px; float:left;}
.buy_pro .buy_pro01 .pro_detail a.buy:hover{ background:#e13538;}
.buy_pro .buy_pro01 .pro_detail .hx{ width:608px; border-top:dashed #eee 1px; height:1px; float:left; margin:8px 0px;}
.org{ font-size:14px; color:#ff6600; text-decoration:none; font-weight:bold;}


/*Ìâ¿âÏêÇétabÑùʽ*/
.div_tab{ width:1000px; margin:0 auto; padding-top:25px;}
.buy_top{ height:48px; width:1000px; background:url(../images/buy_tabbg.png) no-repeat top center; float:left;}
.buy_sm{ float:left; width:978px; padding:15px 10px; line-height:180%; border:solid #dddddd 1px; border-top:none;}
.tab_1{width:165px; height:48px; text-align:center; float:left; font-size:14px; font-weight:bold; cursor:pointer;}
.tab_2{width:165px; height:48px; text-align:center; float:left; font-size:14px; font-weight:bold; color:#000000; cursor:pointer; background:url(../images/subject_nav1.png) no-repeat top center;}
.tab_3{width:165px; height:48px; text-align:center; float:left; font-size:14px; font-weight:bold; color:#000000; cursor:pointer; background:url(../images/subject_nav1.png) no-repeat top center;}
.tm-n a { display:block; cursor:pointer; height:45px; float:left; width:165px; text-indent:-999px; background:url(../images/left_bg1.png) center 0 no-repeat; margin-top:3px; cursor:pointer;}
.tm-n a.select {cursor:default; height:48px; margin-top:0px; cursor:pointer;}
#tm-1 a { width:165px;}
#tm-2 a { width:165px; background-position:center -96px; }
#tm-3 a { width:165px; background-position:center -192px; }
#tm-1 a.hover { background-position:center -48px; }
#tm-2 a.hover { background-position:center -144px; }
#tm-3 a.hover { background-position:center -192px; }
#tm-1 a.select { background-position:center -48px!important; }
#tm-2 a.select { background-position:center -144px!important; }
#tm-3 a.select { background-position:center -240px!important; }
.blue{ font-size:12px; font-weight:bold; color:#1b76b9;}
.org12_normal{ font-size:12px; font-weight:normal; color:#ff6600;}
.org12{ font-size:12px; font-weight:bold; color:#ff6600;}

.payinfo_table{ text-align:center; width:100%; border:solid #ddd 1px; border-top:none; border-left:none; margin-top:8px; margin-bottom:8px;}
.payinfo_table thead tr td{ background:#1b76b9; color:#fff; font-size:12px; font-weight:bold; height:38px; line-height:35px;}
.payinfo_table tbody tr td{ color:#555; font-size:12px; height:38px; border:solid #ddd 1px; border-right:none; border-bottom:none;}

.function01{ background:url(../images/function01.png) no-repeat top center; width:980px; height:520px; margin:0 auto; padding:0; float:left;}
.function02{ background:url(../images/function02.png) no-repeat top center; width:980px; height:550px; margin:0 auto; padding:0; float:left;}
.function03{ background:url(../images/function03.png) no-repeat top center; width:980px; height:550px; margin:0 auto; padding:0; float:left;}
.function04{ background:url(../images/function04.png) no-repeat top center; width:980px; height:550px; margin:0 auto; padding:0; float:left;}
.function05{ background:url(../images/function05.png) no-repeat top center; width:980px; height:1100px; margin:0 auto; padding:0; float:left;}
.function06{ background:url(../images/function06.png) no-repeat top center; width:980px; height:550px; margin:0 auto; padding:0; float:left;}
.function07{ background:url(../images/function07.png) no-repeat top center; width:980px; height:800px; margin:0 auto; padding:0; float:left;}
.function08{ background:url(../images/function08.png) no-repeat top center; width:980px; height:250px; margin:0 auto; padding:0; float:left;}
.tab_down{ width:980px; float:left; text-align:center; line-height:350%; margin-top:20px;}
.tab_down .function00{ background:url(../images/function00.png) no-repeat top center; width:980px; height:93px; float:left; padding-bottom:25px;}
.tab_down ul{ padding:0; margin:0;}
.tab_down ul li{ width:33%; float:left;}
.tab_down ul li .android_down{ background:url(../images/android_download.png) no-repeat top center; width:257px; height:81px; display:block; margin:0 auto; padding-bottom:10px;}
.tab_down ul li a.android_down:hover{ background:url(../images/android_downloadnav.png) no-repeat top center; width:257px; height:81px;}
.tab_down ul li .iphone_down{ background:url(../images/iphone_download.png) no-repeat top center; width:257px; height:81px; display:block; margin:0 auto; padding:-bottom:10px;}
.tab_down ul li a.iphone_down:hover{ background:url(../images/iphone_downloadnav.png) no-repeat top center; width:257px; height:81px;}
.tab_down ul li .iphoneyy_down{ background:url(../images/iphoneyy_download.png) no-repeat top center; width:257px; height:81px; display:block; margin:0 auto; padding:-bottom:10px;}
.tab_down ul li a.iphoneyy_down:hover{ background:url(../images/iphoneyy_downloadnav.png) no-repeat top center; width:257px; height:81px;}
.tab_down ul li span{ font-size:14px; color:#555;}