@charset "utf-8";
html,body{background-color:#f8f8f8; color:#555555; font-size:12px; font-family:"宋体";line-height:20px;}

.page,.header,.content,.footer{margin:auto}

.page{margin:0 auto;}

a{ color:#555555}

a:hover { color: #888888}

.index{background:url(../images/bg.gif) top repeat-x #f6f6f6;}

/* header */
.login {background-color: #c20000;height: 30px;border-bottom:1px solid #5e0000;width: 100%;}
.login .loginfn {height: 30px;margin: auto;width: 950px;padding-left: 10px;color: #FFF;}
.login .loginfn LABEL{ float:left; line-height: normal; padding-top:9px; display:block}
.login .loginfn .input-widget{ float:left; margin:0px 15px 0px 0px; padding-top:6px}
.login .loginfn .btn-widget{ float:left; margin:0px 15px; padding-top:4px}
.login .loginfn .sel-widget{ float:left; margin:0px 10px; padding-top:4px; padding:0px}
.login .loginfn .check-widget{ float:left; margin:0px 0px 0px 50px; line-height: normal; padding-top:6px}
.login .loginfn .check-widget input{vertical-align: middle;}

.topnav{ width:960px; margin:0 auto;height:75px}
.topnav .logo{ width:155px; float:left; text-indent:-9999px; height:38px; background:url(../images/maillogo2012.gif) no-repeat 0 0; margin-top:20px; margin-left:20px}
.topnav .nav{ float:right; padding-top:15px; width:750px; overflow:hidden}
.topnav .nav li{ float:left; height:50px; padding:0px 0px 0px 10px; line-height:25px; font-size:14px; display:block; border-right:#bdbebf 1px solid}
.topnav .nav li a:hover { color:#D20005}
.topnav .nav .nav_w{ width:60px;}
.topnav .nav .nav_w1{ width:270px;}
.topnav .nav .nav_w2{ width:380px; border:0px}
.topnav .nav li strong{ color:#000;}
.topnav .nav li strong:hover { color: #D20005}
.topnav .nav li a{ padding:0px 6px; float:left; display:block} 
.topnav .nav span a{ padding:0px 6px; zoom:1} 

.topbanner{ width:958px;  height:377px; border:#b0b0b0 1px solid; margin:0 auto; background:#FFF}
.topbanner .banner{ padding:1px; border-bottom:#b0b0b0 1px solid}
.topbanner .subBtn{ padding-top:1px; height:105px}
.topbanner .subBtn li{ height:105px; text-align:center; float:left; display:block; margin-left:1px;}
.topbanner .subBtn a{ height:22px;display:block; padding-top:83px}
.topbanner .subBtn .ico_btn1{ background:url(../images/subBtn.png) no-repeat 0 -898px; width:159px}
.topbanner .subBtn .ico_btn2{ background:url(../images/subBtn.png) no-repeat -160px -898px; width:158px}
.topbanner .subBtn .ico_btn3{ background:url(../images/subBtn.png) no-repeat -319px -898px; width:159px}
.topbanner .subBtn .ico_btn4{ background:url(../images/subBtn.png) no-repeat -479px -898px; width:158px}
.topbanner .subBtn .ico_btn5{ background:url(../images/subBtn.png) no-repeat -638px -898px; width:159px}
.topbanner .subBtn .ico_btn6{ background:url(../images/subBtn.png) no-repeat -798px -898px; width:158px}

/* input btn select */
.select{ font-size:12px; padding-top:1px; padding-bottom:1px; line-height:12px; width:80px; margin-top:5px}
.textfield {background-color: #FFFFFF;border: 1px solid #a0a0a0; height:15px; float:left; line-height:15px}
.textfield1 {background-color: #FFFFFF;border: 1px solid #a0a0a0; height:29px; line-height:29px; float:left; color:#5f5f5f; padding-left:5px; width:245px}
.textfield2 {background-color: #FFFFFF;border: 1px solid #a0a0a0; height:20px; line-height:20px; margin:0 10px}
.textfield3 {background-color: #FFFFFF;border: 1px solid #a0a0a0; height:19px; line-height:19px;margin:0px; float:left; margin-right:10px}
.btn_login{ width:62px; height:23px; background:url(../images/btn.gif) 0 0; border:0px; float:left; text-indent:-9999px} 
.btn_comm{ display:block;width:56px; height:22px; line-height:24px; text-align:center; color:#980000; float:left; background:url(../images/btn.gif) no-repeat -452px -32px}
.btn_comm:hover{background:url(../images/btn.gif) no-repeat -522px -32px; text-decoration:none}
.btn_more{ background:url(../images/btn.gif) no-repeat -240px -77px; display:block; width:97px; height:41px; text-indent:-9999px}
.btn_back{ background:url(../images/btn.gif) no-repeat -240px -128px; display:block; width:97px; height:41px; text-indent:-9999px}
.btn_down{ background:url(../images/btn.gif) no-repeat -358px -77px; display:block; width:182px; height:65px; text-indent:-9999px; margin:0 0 10px 5px}

/* content */
.con_price{ width:712px; padding-left:248px; height:42px; margin:15px auto; background:url(../images/indexbg.gif) no-repeat}
.con_price_ipt{ float:left; padding-top:5px; padding-right:20px}
.con_price_btn{ float:left; padding-top:3px; width:145px}
.con_price_btn a{ float:left; width:115px; height:34px; line-height:34px; text-indent:-9999px; background:url(../images/btn.gif) no-repeat 0 -32px}
.con_price_btn a:hover{ background:url(../images/btn.gif) no-repeat -121px -32px}
.con_price_btn1{float:left; padding-top:3px; width:270px; height:39px; padding-left:10px;}
.con_price_btn1 .btn_price1{ float:left; margin-right:30px; width:116px; display:block; height:36px; text-indent:-9999px; background:url(../images/btn.gif) no-repeat 0 -412px}
.con_price_btn1 .btn_price2{ float:left; width:116px; display:block; height:36px; text-indent:-9999px; background:url(../images/btn.gif) no-repeat -149px -412px}

.con_modblock{ width:960px; height:156px; margin:auto; margin-bottom:27px}
.con_modblock .modblock_phone{ width:313px; height:156px; float:left; background:url(../images/indexbg.gif) no-repeat 0 -56px; overflow:hidden; line-height:18px}
.modblock_phone_top{ padding:14px 0 0 0; width:300px; height:22px; text-align:right; line-height:18px; color:#999;}
.modblock_phone_top a{color:#999;}
.modblock_phone_top a:hover{color:#980000;}
.modblock_phone_txt1{ margin:10px 0 0 13px; padding:0 0 0 55px;font-family:verdana,sans-serif; width:230px; height:42px; border-bottom:#555555 1px dashed}
.modblock_phone_txt2{ margin:5px 0 0 13px; padding:0 0 0 55px;font-family:verdana,sans-serif; }
.con_modblock .modblock_question{ width:313px; height:156px; overflow:hidden; margin:0px 10px; float:left; background:url(../images/indexbg.gif) no-repeat -323px -56px;}
.modblock_txt{ padding:42px 16px 0 16px}
.modblock_txt li img{margin-left:5px; margin-top:5px}
.modblock_txt li{ line-height:26px; height:26px;}
.modblock_txt li strong{ padding:0 5px}
.modblock_txt .noline{ border:0px}
.con_modblock .modblock_new{ width:313px; height:156px; float:left; background:url(../images/indexbg.gif) no-repeat -647px -56px;}

.con_case{ width:960px; height:62px; margin:0 auto; border-bottom:#c9c9c9 1px solid}
.con_case_title{ width:118px; height:49px; background:url(../images/btn.gif) no-repeat 0 -123px; float:left }
.con_case ul{ float:left}
.con_case ul li{ float:left; padding:0px 11px}
.con_link{ width:960px; height:55px; margin:0 auto; border-top:#FFF 1px solid}
.con_link_title{ width:118px; height:56px; background:url(../images/btn.gif) no-repeat 0 -186px; float:left }
.con_link ul{ float:left; padding-top:21px; line-height:normal; display:block; width:842px}
.con_link ul li{ float:left; padding:0px 15px 0 25px}

/* inner */
.topbanner1{ width:958px; background:#FFF; padding:1px 0; margin:0 auto; text-align:center; border:1px solid #b0b0b0}
.innerbg{ width:960px; background: url(../images/ibg.gif) top no-repeat; margin:0 auto;}

/* leftNav */
.leftNav{ width:200px; float:left;}
.leftNav_list{ width:200px; }
.leftNav_list h1{ display:block; height:49px; text-indent:-9999px}
.leftNav_list li{ height:43px}
.leftNav_list li a{ height:43px; display:block; text-indent:-9999px}
.leftNav_line{font-family:verdana,sans-serif;  width:200px; height:235px; margin:15px 0 30px 0; line-height:20px; background:url(../images/leftNav.gif) no-repeat -223px -872px; overflow:hidden}
.leftNav_line .hot_line{ width:190px; height:110px; margin:0 0 0 10px; padding-top:30px; overflow:hidden}
.leftNav_line .sell_line{ width:190px; height:90px; margin:0 0 0 10px; overflow:hidden}

.leftNav_buy{ background:url(../images/leftNav.gif) no-repeat 0 0; padding-bottom:42px}
.leftNav_buy h1{ background:url(../images/leftNav.gif) no-repeat 0 0;}
.leftNav_buy .Lbtn1{ background:url(../images/leftNav.gif) no-repeat 0 -49px;}
.leftNav_buy .Lbtn1on{ background:url(../images/leftNav.gif) no-repeat -223px -49px;}
.leftNav_buy .Lbtn1:hover{ background:url(../images/leftNav.gif) no-repeat -223px -49px;}
.leftNav_buy .Lbtn2{ background:url(../images/leftNav.gif) no-repeat 0 -92px;}
.leftNav_buy .Lbtn2on{ background:url(../images/leftNav.gif) no-repeat -223px -92px;}
.leftNav_buy .Lbtn2:hover{ background:url(../images/leftNav.gif) no-repeat -223px -92px;}
.leftNav_buy .Lbtn3{ background:url(../images/leftNav.gif) no-repeat 0 -135px;}
.leftNav_buy .Lbtn3on{ background:url(../images/leftNav.gif) no-repeat -223px -135px;}
.leftNav_buy .Lbtn3:hover{ background:url(../images/leftNav.gif) no-repeat -223px -135px;}

.leftNav_pro{ background:url(../images/leftNav.gif) no-repeat -446px 0; padding-bottom:42px}
.leftNav_pro h1{ background:url(../images/leftNav.gif) no-repeat -446 0;}
.leftNav_pro .Lbtn1{ background:url(../images/leftNav.gif) no-repeat -446 -49px;}
.leftNav_pro .Lbtn1on{ background:url(../images/leftNav.gif) no-repeat -670px -49px;}
.leftNav_pro .Lbtn1:hover{ background:url(../images/leftNav.gif) no-repeat -670px -49px;}
.leftNav_pro .Lbtn2{ background:url(../images/leftNav.gif) no-repeat -446px -92px;}
.leftNav_pro .Lbtn2on{ background:url(../images/leftNav.gif) no-repeat -670px -92px;}
.leftNav_pro .Lbtn2:hover{ background:url(../images/leftNav.gif) no-repeat -670px -92px;}
.leftNav_pro .Lbtn3{ background:url(../images/leftNav.gif) no-repeat -446px -135px;}
.leftNav_pro .Lbtn3on{ background:url(../images/leftNav.gif) no-repeat -670px -135px;}
.leftNav_pro .Lbtn3:hover{ background:url(../images/leftNav.gif) no-repeat -670px -135px;}

.leftNav_service{ background:url(../images/leftNav.gif) no-repeat 0 -346px; padding-bottom:42px}
.leftNav_service h1{ background:url(../images/leftNav.gif) no-repeat 0 -346px;}
.leftNav_service .Lbtn1{ background:url(../images/leftNav.gif) no-repeat 0 -395px;}
.leftNav_service .Lbtn1on{ background:url(../images/leftNav.gif) no-repeat -223px -395px;}
.leftNav_service .Lbtn1:hover{ background:url(../images/leftNav.gif) no-repeat -223px -395px;}
.leftNav_service .Lbtn2{ background:url(../images/leftNav.gif) no-repeat 0 -438px;}
.leftNav_service .Lbtn2on{ background:url(../images/leftNav.gif) no-repeat -223px -438px;}
.leftNav_service .Lbtn2:hover{ background:url(../images/leftNav.gif) no-repeat -223px -438px;}
.leftNav_service .Lbtn3{ background:url(../images/leftNav.gif) no-repeat 0 -481px;}
.leftNav_service .Lbtn3on{ background:url(../images/leftNav.gif) no-repeat -223px -481px;}
.leftNav_service .Lbtn3:hover{ background:url(../images/leftNav.gif) no-repeat -223px -481px;}
.leftNav_service .Lbtn4{ background:url(../images/leftNav.gif) no-repeat 0 -524px;}
.leftNav_service .Lbtn4on{ background:url(../images/leftNav.gif) no-repeat -223px -524px;}
.leftNav_service .Lbtn4:hover{ background:url(../images/leftNav.gif) no-repeat -223px -524px;}
.leftNav_service .Lbtn5{ background:url(../images/leftNav.gif) no-repeat 0 -567px;}
.leftNav_service .Lbtn5on{ background:url(../images/leftNav.gif) no-repeat -223px -567px;}
.leftNav_service .Lbtn5:hover{ background:url(../images/leftNav.gif) no-repeat -223px -567px;}

.leftNav_join{ background:url(../images/leftNav.gif) no-repeat 0 -872px; padding-bottom:30px}
.leftNav_join h1{ background:url(../images/leftNav.gif) no-repeat 0 -872px;}
.leftNav_login{height:160px; padding-left:12px; padding-top:10px;}
.leftNav_login_li{height:30px; line-height:30px}
.leftNav_login_li .login_fn{ width:50px; float:left; text-align:right}
.leftNav_login_li .login_ipt{width:130px;  float:left; padding-top:3px}
.leftNav_login_btn{ padding-top:10px}
.leftNav_login_btn span{ display:block; float:left; font-size:12px; padding-left:100px; padding-top:5px; width:60px; text-decoration:underline; color:#980000}
.leftNav_phone{ padding-left:18px; padding-top:30px;}
.leftNav_phone span{font-family:verdana,sans-serif;}

.leftNav_handset{ background:url(../images/leftNav.gif) no-repeat -446px -346px; padding-bottom:42px}
.leftNav_handset h1{ background:url(../images/leftNav.gif) no-repeat -446px -346px;}
.leftNav_handset .Lbtn1{ background:url(../images/leftNav.gif) no-repeat -446px -395px;}
.leftNav_handset .Lbtn1on{ background:url(../images/leftNav.gif) no-repeat -670px -395px;}
.leftNav_handset .Lbtn1:hover{ background:url(../images/leftNav.gif) no-repeat -670px -395px;}
.leftNav_handset .Lbtn2{ background:url(../images/leftNav.gif) no-repeat -446px -438px;}
.leftNav_handset .Lbtn2on{ background:url(../images/leftNav.gif) no-repeat -670px -438px;}
.leftNav_handset .Lbtn2:hover{ background:url(../images/leftNav.gif) no-repeat -670px -438px;}
.leftNav_handset .Lbtn3{ background:url(../images/leftNav.gif) no-repeat -446px -481px;}
.leftNav_handset .Lbtn3on{ background:url(../images/leftNav.gif) no-repeat -670px -481px;}
.leftNav_handset .Lbtn3:hover{ background:url(../images/leftNav.gif) no-repeat -670px -481px;}
.leftNav_handset .Lbtn4{ background:url(../images/leftNav.gif) no-repeat -446px -524px;}
.leftNav_handset .Lbtn4on{ background:url(../images/leftNav.gif) no-repeat -670px -524px;}
.leftNav_handset .Lbtn4:hover{ background:url(../images/leftNav.gif) no-repeat -670px -524px;}
.leftNav_handset .Lbtn5{ background:url(../images/leftNav.gif) no-repeat -446px -567px;}
.leftNav_handset .Lbtn5on{ background:url(../images/leftNav.gif) no-repeat -670px -567px;}
.leftNav_handset .Lbtn5:hover{ background:url(../images/leftNav.gif) no-repeat -670px -567px;}

/* rightCont */
.rightCont{ float:left; width:710px; padding-left:20px; padding-bottom:50px}
.rightCont h1{ margin:15px 0px; height:17px; text-indent:-9999px}
.rightCont_fn1{padding-top:25px; border-top:#cccccc 1px solid}
.rightCont_nav{ background:#f0f0f0; border:solid 1px #cccccc; height:28px; line-height:28px; font-size:14px}
.rightCont_nav A{ display:block; padding-left:20px; padding-right:20px; height:28px; line-height:28px;  float:left; border-right:solid 1px #cccccc;}
.rightCont_nav A.currenth { background:#980000; color:#FFFFFF; font-weight:bold}
.rightCont_nav A:hover {background:#980000; color:#FFFFFF; font-weight:bold; text-decoration:none}
.rightCont_fn{ padding-top:25px}
.rightCont_fn h2{ background:#f0f0f0; padding:15px; display:block; border:solid 1px #cccccc; margin-bottom:20px}

/* title */
.title_buy{ background:url(../images/btn.gif) no-repeat 0 -256px; width:72px}
.title_buy_flow{ background:url(../images/btn.gif) no-repeat -80px -256px;width:72px}
.title_buy_pay{ background:url(../images/btn.gif) no-repeat -160px -256px;width:72px}
.title_join{background:url(../images/btn.gif) no-repeat -240px -256px;width:37px}
.title_pro_intro{background:url(../images/btn.gif) no-repeat -288px -256px;width:72px}
.title_pro_adv{background:url(../images/btn.gif) no-repeat -368px -256px;width:72px}
.title_pro_fun{background:url(../images/btn.gif) no-repeat -449px -256px;width:72px}
.title_service_qa{background:url(../images/btn.gif) no-repeat 0 -286px;width:72px}
.title_service_set{background:url(../images/btn.gif) no-repeat -80px -286px;width:86px}
.title_service_hb{background:url(../images/btn.gif) no-repeat -176px -286px;width:102px}
.title_service_up{background:url(../images/btn.gif) no-repeat -288px -286px;width:72px}
.title_service_expert{background:url(../images/btn.gif) no-repeat -368px -286px;width:86px}
.title_hs_down{background:url(../images/btn.gif) no-repeat 0 -317px;width:86px}
.title_hs_android{background:url(../images/btn.gif) no-repeat -96px -317px;width:69px}
.title_hs_ipad{background:url(../images/btn.gif) no-repeat -176px -317px;width:38px}
.title_hs_iphone{background:url(../images/btn.gif) no-repeat -224px -317px;width:61px}
.title_hs_other{background:url(../images/btn.gif) no-repeat -296px -317px;width:38px}

/* product */
.pro_intro_case {MARGIN-BOTTOM: 10px}
.pro_intro_case li {FLOAT: left; padding:0 10px; line-height:normal}
.pro_intro_case li span {WIDTH: 156px; DISPLAY: block; HEIGHT: 125px; text-align:center; OVERFLOW: hidden; margin-bottom:10px}
.pro_intro_case li span img { WIDTH: 154px; DISPLAY: block; MARGIN-BOTTOM: 6px; HEIGHT: 97px; border-bottom:solid 2px #a9a9a9; border-top:solid 1px #a9a9a9; border-left:solid 1px #a9a9a9; border-right:solid 1px #a9a9a9}
.pro_intro_case li span img:hover { border-bottom:solid 2px #980000; border-top:solid 1px #980000; border-left:solid 1px #980000; border-right:solid 1px #980000} 
.pro_intro_prize {MARGIN-BOTTOM: 10px}
.pro_intro_prize li {FLOAT: left; padding:0 13px; line-height:20px}
.pro_intro_prize li span {WIDTH: 206px; DISPLAY: block; HEIGHT: 240px; text-align:center; OVERFLOW: hidden; margin-bottom:10px}
.pro_intro_prize li span img { WIDTH: 204px; DISPLAY: block; MARGIN-BOTTOM: 6px; HEIGHT: 187px; border-bottom:solid 2px #a9a9a9; border-top:solid 1px #a9a9a9; border-left:solid 1px #a9a9a9; border-right:solid 1px #a9a9a9}
.pro_intro_prize li span img:hover { border-bottom:solid 2px #980000; border-top:solid 1px #980000; border-left:solid 1px #980000; border-right:solid 1px #980000} 
.pro_intro_new li{ height:35px; line-height:35px; border-bottom:1px dashed #555555;}
.pro_intro_new li strong{ margin:0 5px}
.pro_intro_new li .left{ width:600px; overflow:hidden}
.pro_intro_new li .right{ padding-right:10px}
.pro_intro_new li img{ padding:0px; margin-top:10px; margin-left:5px}
.pro_intro_new .more{ padding-top:25px; height:45px}
.pro_adv{ padding-left:20px; padding-top:10px}
.pro_adv li{ height:70px; display:block}
.pro_adv li .pro_adv_ico{ width:48px; height:48px; margin-right:20px; float:left; text-indent:-9999px}
.pro_adv li .pro_adv_ico1{ background:url(../images/subBtn.png) no-repeat -830px -147px}
.pro_adv li .pro_adv_ico2{ background:url(../images/subBtn.png) no-repeat -830px -217px}
.pro_adv li .pro_adv_ico3{ background:url(../images/subBtn.png) no-repeat -830px -290px}
.pro_adv li .pro_adv_ico4{ background:url(../images/subBtn.png) no-repeat -830px -360px}
.pro_adv li .pro_adv_ico5{ background:url(../images/subBtn.png) no-repeat -830px -436px}
.pro_adv li .pro_adv_ico6{ background:url(../images/subBtn.png) no-repeat -830px -506px}
.pro_adv li .pro_adv_fn{ float:left; padding-top:15px; width:600px}
.pro_adv li .pro_adv_fn strong{ font-size:14px; color:#980000}

/* join */
.join_map{ float:left}
.join_search{ float:right; width:230px}
.join_search_title{ width:124px; height:24px; background:url(../images/btn.gif) no-repeat 0 -501px;}
.join_search_ipt{ margin-top:15px; height:40px}
.search_result{ width:230px;}
.search_result_top{ height:28px; line-height:28px; padding-left:12px; background:url(../images/subBtn.png) no-repeat 0 -644px; overflow:hidden}
.search_result_body{ padding:12px; border-left:#a0a0a0 1px solid; border-right:#a0a0a0 1px solid;}
.search_result_foot{ background:url(../images/subBtn.png) no-repeat 0 -672px;height:12px;overflow:hidden}
.join_fn{ color:#980000; font-size:14px}

/* buy */
.rightCont_ico{ padding:10px 0 40px 0}
.rightCont_ico A{ display:block; margin:0 10px;height:101px; width:95px;float:left;}
.rightCont_ico1_on{ background:url(../images/subBtn.png) no-repeat -15px -293px}
.rightCont_ico2_on{ background:url(../images/subBtn.png) no-repeat -132px -293px}
.rightCont_ico3_on{ background:url(../images/subBtn.png) no-repeat -250px -293px}
.rightCont_ico4_on{ background:url(../images/subBtn.png) no-repeat -368px -293px}
.rightCont_ico5_on{ background:url(../images/subBtn.png) no-repeat -485px -293px}
.rightCont_ico6_on{ background:url(../images/subBtn.png) no-repeat -602px -293px}
.rightCont_ico1_out{ background:url(../images/subBtn.png) no-repeat -15px -147px}
.rightCont_ico2_out{ background:url(../images/subBtn.png) no-repeat -132px -147px}
.rightCont_ico3_out{ background:url(../images/subBtn.png) no-repeat -250px -147px}
.rightCont_ico4_out{ background:url(../images/subBtn.png) no-repeat -368px -147px}
.rightCont_ico5_out{ background:url(../images/subBtn.png) no-repeat -485px -147px}
.rightCont_ico6_out{ background:url(../images/subBtn.png) no-repeat -602px -147px}
.rightCont_icofn{ padding:0 11px 20px 20px; line-height:24px;}
.rightCont_icofn strong{ font-size:14px; color:#980000}

.right_table{margin:auto; line-height:32px; border:#cccccc 1px solid;}
.right_table td{ text-align:center; border-bottom:1px solid #cccccc; border-left:1px solid #ffffff; border-right:1px solid #cccccc; border-top:1px solid #ffffff;}
.right_table .tablebg{ background:url(../images/xbg.gif) repeat-x 0 -112px; color:#980000; font-weight:bold}
.right_table1{margin:auto; line-height:20px; border:#cccccc 1px solid;}
.right_table1 td{ padding:6px 15px 6px 15px; border-bottom:1px solid #cccccc; border-left:1px solid #ffffff; border-right:1px solid #cccccc; border-top:1px solid #ffffff;}
.right_table1 .tablebg{ background:url(../images/xbg.gif) repeat-x 0 -112px; color:#980000; font-weight:bold}

.buy_search{ background:#f0f0f0; padding:10px 15px; border:solid 1px #cccccc; margin-top:20px;color:#980000; }
.buy_search_txt1{ height:30px; line-height:30px; padding-right:20px; border-right:1px #999 dashed; float:left; font-size:14px; font-weight:bold}
.buy_search_txt2{ float:left; padding:3px 20px 0 20px;}
.buy_search_btn{float:left; width:110px}
.buy_search_btn a{ float:left; width:85px; height:29px; text-indent:-9999px; background:url(../images/btn.gif) no-repeat -256px -32px}
.buy_search_btn a:hover{ background:url(../images/btn.gif) no-repeat -352px -32px}
.buy_search_txt3{ float:left; padding:0 0 0 30px;height:30px; line-height:30px; border-left:1px #999 dashed;}
.buy_search_txt3 a{ font-size:14px; font-weight:bold; text-decoration:underline;color:#980000;}
.buy_con5{ width:330px; float:left; padding-left:20px; padding-top:15px}
.buy_con5 span{ margin:10px 0 20px 78px; width:174px; height:48px; text-indent:-9999px; display:block }
.buy_con5 .buy_con5_btn1{ background:url(../images/btn.gif) no-repeat 0 -540px }
.buy_con5 .buy_con5_btn2{ background:url(../images/btn.gif) no-repeat -212px -540px }
.buy_flow_flash{ padding-left:35px}
.buy_pay_bg{ width:350px; line-height:30px; font-size:14px; height:110px; padding-left:53px; padding-top:55px; margin-left:20px; margin-bottom:20px; background:url(../images/subBtn.png) no-repeat 0px -446px}
.buy_pay_fn{ padding-left:50px}

/* service */
.service_qa_question{ border-bottom:#555555 1px dashed; color:#980000}
.service_qa_answer{ padding-bottom:30px; padding-top:10px}
.service_qa_list{ padding-bottom:20px; padding-top:5px}
.service_qa_fn{ float:left; width:650px; padding-bottom:10px}
.service_qa_fn img{ border:#dcdcdc 2px solid; margin:8px 0 8px 20px; padding:5px}
.service_qa_ico1{ float:left; width:21px; height:21px; margin:0 10px 10px 10px; background:url(../images/ico.gif) no-repeat 0 -86px}
.service_qa_ico2{ float:left; width:21px; height:21px; margin:0 10px 10px 10px; background:url(../images/ico.gif) no-repeat -32px -86px}
.service_qa_ico3{ float:left; width:21px; height:21px; margin:0 10px 10px 10px; background:url(../images/ico.gif) no-repeat -64px -86px}
.service_set img{border:#dcdcdc 2px solid; margin:8px 0 8px 20px; padding:5px}
.service_handbook{ padding-bottom:30px; }
.service_handbook .service_hb_ico{ padding:30px 0; width:430px; margin:auto}
.service_handbook .service_hb_ico a{ width:170px; height:133px; display: block; float:left; margin-right:40px}
.service_handbook .service_hb_ico1{ background:url(../images/subBtn.png) no-repeat 0 -727px}
.service_handbook .service_hb_ico2{ background:url(../images/subBtn.png) no-repeat -220px -727px}
.service_up_title{ height:35px; padding:0 10px; border-bottom:dashed 1px #555555}
.service_up_title a { float:left; display:block; width:500px; overflow:hidden}
.service_up_opan .service_up_ico{ float:left; width:13px; height:13px; display:block; margin:11px 10px 0 0; background:url(../images/ico.gif) no-repeat -45px 0}
.service_up_close .service_up_ico{ float:left; width:13px; height:13px; display:block; margin:11px 10px 0 0; background:url(../images/ico.gif) no-repeat -25px 0}
.service_up_title .right{ line-height:35px}
.service_up_title .service_up_titfn{ float:left; display:block; line-height:35px; font-size:14px; color:#980000} 
.service_up_fn{ padding:10px 10px 35px 10px}
.service_up_fn strong{ color:#000}
.service_up_fn a{ color: #999}
.service_expert_title{ text-align:center; line-height:30px; padding:15px 0; font-size:14px; font-weight:bold}

/* handset */
.handset_rightcon{ padding:5px 0 0 0}
.handset_banner{ height:212px; width:694px; padding-bottom:20px; overflow:hidden}
.handset_fn{ padding:0 16px 0 0}
.handset_fn_title{ height:30px; background:#efefef url(../images/ico.gif) no-repeat -28px -24px; line-height:30px; padding-left:40px; border:#b1b1b1 1px solid}
.handset_fn_con{ padding:20px 10px; line-height:24px}
.handset_fn_con .left{ width:260px; margin-right:20px}
.handset_fn_con .left img{margin-right:20px; margin-top:10px; float:left}
.handset_fn_con li{ display:block; padding:10px 0; float:left}
.handset_fn_con li h2{ display:block; float:left; width:50px; height:40px;}
.handset_fn_con li h3{ display:block; float:left; padding-left:20px; padding-top:10px; width:600px}
.handset_fn_con li h3 strong{ font-size:14px; color:#980000}
.handset_fn_con li .handset_ico1{ background:url(../images/subBtn.png) no-repeat -744px -153px }
.handset_fn_con li .handset_ico2{ background:url(../images/subBtn.png) no-repeat -744px -214px }
.handset_fn_con li .handset_ico3{ background:url(../images/subBtn.png) no-repeat -744px -275px }
.handset_fn_con li .handset_ico4{ background:url(../images/subBtn.png) no-repeat -744px -348px }
/*
.handset_fnleft{ width:460px; float:left; height:270px; border-right:#555555 dashed 1px; padding:5px 0 0 0}
.handset_fnleft li{ display:block; padding-bottom:17px; width:460px; float:left}
.handset_fnleft li h2{ display:block; float:left; width:50px; height:40px;}
.handset_fnleft li .handset_ico1{ background:url(../images/subBtn.png) no-repeat -744px -153px }
.handset_fnleft li .handset_ico2{ background:url(../images/subBtn.png) no-repeat -744px -214px }
.handset_fnleft li .handset_ico3{ background:url(../images/subBtn.png) no-repeat -744px -275px }
.handset_fnleft li .handset_ico4{ background:url(../images/subBtn.png) no-repeat -744px -348px }
.handset_fnleft li h3{ display:block; float:left; width:375px; padding-left:20px; line-height:20px}
.handset_fnleft li h3 strong{ font-size:14px; color:#980000}
.handset_fnright{ width:195px; float:left; height:270px; padding:5px 5px 0 30px}
.handset_downbtn{ height:150px; overflow:hidden}
*/

.handset_browser{ padding:15px 5px 0 5px}
.handset_browser li { margin-bottom:40px; display:block}
.handset_browser li h3 {display:block; float:left;width:83px; line-height:30px; height:30px; margin-right:10px; background:url(../images/btn.gif) no-repeat 0 -460px; padding-left:33px}
.handset_browser li h4 {display:block; float:left; width:570px; padding-top:3px}
.handset_browser li h4 a{ color:#999999}
.handset_browser li h4 img{ border:#dcdcdc 2px solid; margin:8px 0 8px 5px; padding:3px}

/* footer */
.footer{ height:90px; background:url(../images/xbg.gif) repeat-x}
.footcon{ width:960px; margin:0px auto}
.footcon .footlogo{ width:100px; height:29px; margin-top:21px; margin-left:5px; text-indent:-9999px; float:left ; background:url(../images/maillogo2012.gif) 0 -66px}
.footcon .footfn{ padding-right:10px; padding-top:20px; float: right; text-align:right}
.footcon .footfn a{ color:#999}
.footcon .footfn a:hover{ color:#F60}

/* pop */
.black {position:absolute;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50); opacity:0.5 ; top:0px; left:0px;z-index: 10}
.pop_window {position:absolute;top:50%;left:50%;margin:-150px 0 0 -310px;width:620px;z-index: 1000; padding:1px; background:#FFF; border:#cccccc 1px solid}
.pop_title{ height:35px; line-height:35px; background:#980000; color:#FFF; font-size:14px; padding:0 15px}
.pop_content{ padding:30px 10px 50px 10px}
.pop_title .right a{ margin-top:6px; width:22px; height:22px; background: url(../images/ico.gif) 0 -24px; display:block}
.pop_title .right a:hover{ background: url(../images/ico.gif) 0 -53px;}