﻿@charset "utf-8";
/* Author: wjas */
/* date to build: 2012-06-21*/
/* last Modified Author: wjas */
/* last Modified: 2012-09-12 */

/* global definitions */
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} /* enable background image caching in IE6 */
body{margin:0px auto;padding:0px;text-align:center;background:#f2f3f4; font-size:12px; color:#000; font-family: "Microsoft YaHei", Helvetica, SimSun, "Segoe UI", Arial, Sans-Serif, "宋体";}
div,table,tr,td{margin:0px;padding:0px;font-size:12px;}
form,ul,li,img,p{margin:0px;padding:0px;border:0px;}
hr{margin:0; padding:0; border:0; line-height:1px;}
h1,h2,h3,h4,h5{margin:0px;padding:0px;}
ul,li{list-style-type:none;}
 /* IE6 png背景透明 */

/* color of anchor */
a:link{color:#000;text-decoration:none;}
a:visited{color:#83006f;text-decoration:none;}
a:hover{color:#bc2931;text-decoration:underline;}
a:active{color:#bc2931;text-decoration:none;}

/* colors of text ,rule: prefixed with c before a color name  */
.cRed,a.cRed:link,a.cRed:visited{ color:#f00; }
.cBlue,a.cBlue:link,a.cBlue:visited,a.cBlue:active{color:#1f3a87;}
.cDRed,a.cDRed:link,a.cDRed:visited{ color:#bc2931;}
.cGray,a.cGray:link,a.cGray:visited{ color: #4F544D;}
.cDGray,a.cDGray:link,a.cDGray:visited{ color: #666;}
.cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff;}
.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}
a.cBlack:hover{color:#bc2931;}
.cYellow,a.cYellow:link,a.cYellow:visited{color:#ff0;}
.cDYellow,a.cDYellow:link,a.cDYellow:visited{color:#fb6c03;}
.cGreen,a.cGreen:link,a.cGreen:visited{color:#008000;}

/* font of text  rule: prefixed with f before a font style */
.fB{font-weight:bold;}

/* font size */
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}

/* layout of whole page*/
.clear{clear:both; font-size:0px; width:1px; height:0; visibility: hidden; overflow:hidden;}
.clearfix:after{content:"."; display:block; height: 0; clear: both; visibility: hidden;} /* only FF */
.blank1{height:1px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank2{height:2px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank3{height:3px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank4{height:4px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank5{height:5px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank6{height:6px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank7{height:7px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank8{height:8px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank9{height:9px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank15{height:15px; font-size:0; display:block; clear:both; overflow:hidden;}

/* login */
.top_login{width:100%; height:0; background:url(../images/login_bg.gif); margin:0 auto; overflow:hidden; -webkit-transition: height .5s ease; -moz-transition: height .5s ease; transition: height .5s ease;}
.top_login .login_area{width:1000px; height:100px; margin:0 auto; overflow:hidden; clear:both; position:relative;}
.top_login .login_area .sign{width:100%; height:40px; margin:0 auto; padding:30px 0; overflow:hidden; clear:both; position:relative; -webkit-transition: top .5s ease; -moz-transition: top .5s ease; transition: top .5s ease;}

.top_login .login_area h1{width:120px; height:40px; line-height:40px; text-align:left; color:#fff; text-shadow:0 0 15px rgba(0,0,0,.6); font-size:26px; float:left;}
.top_login .login_area .input_box{width:260px; height:38px; margin:0 10px; display:inline; border:1px solid #c9c9c9; border-radius:4px; background:#fff; box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 0 15px rgba(0,0,0,.6); float:left; overflow:hidden;}
.top_login .login_area .input_box label{width:70px; height:38px; line-height:38px; float:left; text-align:right; font-size:18px; font-weight:bold; color:#999; text-shadow:0 1px 0 rgba(255,255,255,1); border-right:1px solid #ddd; box-shadow:inset 0 1px 0 0 rgba(255,255,255,1), 1px 0 0 rgb(255,255,255); background:#eee;}
.top_login .login_area .input_box input{width:166px; height:24px; padding:7px 10px; border:0; line-height:24px; float:left; text-align:left; font-size:16px; font-weight:bold; color:#666; background:none;box-shadow:inset 1px 0 0 rgba(255,255,255,1),inset 3px 0 2px rgba(0,0,0,.1);}
.top_login .login_area .input_box input[type="text"]:focus, .top_login .login_area .input_box input[type="password"]:focus, .top_login .login_area .input_box textarea:focus {outline:none !important; -webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,1),inset 3px 0 2px rgba(0,0,0,.1) !important; }
.top_login .login_area a.long_btn{width:120px; height:38px; padding:0; margin:0 10px; line-height:38px; float:left; background:url(../images/domain_04.jpg) 0 0 repeat #eee; border-radius:4px; color:#fff; font-size:24px; text-shadow:0 1px 2px rgba(0,0,0,.3); border:1px solid #f47803; box-shadow:0 0 15px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.6); text-decoration:none; font-weight:;background:#f47803;
background:-webkit-gradient(linear, left top, left bottom, from(#fb9600),to(#f47803));
background:-moz-linear-gradient( top, #fb9600, #f47803);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9600',endColorstr='#f47803');}
.top_login .login_area a.long_btn:hover{box-shadow:0 0 15px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.6), inset 0 30px 50px rgba(255,255,255,.3);}
.top_login .login_area a.long_btn:active{box-shadow:0 0 15px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.6), inset 0 5px 10px rgba(0,0,0,.15);}
.top_login .login_area span.switch{height:40px; line-height:40px; float:left; font-size:16px; font-weight:bold; color:#fff; text-shadow:0 0 5px rgba(0,0,0,.5); margin:0 10px; cursor:pointer;}
.top_login .login_area .input_box2{width:530px;}
.top_login .login_area .input_box2 input{width:306px;}
.top_login .login_area a.long_btn2{width:130px;}
.top_login .close{width:50px; height:50px; position:absolute; top:25px; right:0; background:url(../images/close.png); cursor:pointer;}

/* header */
.header_box{width:100%; height:120px; background:#fff; clear:both; position:relative; margin-bottom:1px;}
.header_box .header_box_shadow{width:100%; height:3px; overflow:hidden; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.15); box-shadow: 0 2px 2px rgba(0,0,0,.15); position:absolute; z-index:99; bottom:0; left:0;}
.header_pc{border-bottom:3px solid #3a92ff;}
.header_ipad{border-bottom:3px solid #f47803;}
.header_mobile{border-bottom:3px solid #8aaf31;}
.header_paopao{border-bottom:3px solid #93c;}
.header_help{border-bottom:3px solid #9db1ce;}
.header_helpCenter{border-bottom:3px solid #353743;}
.header_pc .header_box_shadow,.header_ipad .header_box_shadow,.header_mobile .header_box_shadow,.header_paopao .header_box_shadow,.header_help .header_box_shadow{bottom:-4px;}
.header_area{width:1000px; margin:0px auto;}
.logo{float:left; margin:26px 0;}

.menu{width:560px; height:120px; float:left; margin:0 50px; }
.menu li{width:140px; height:120px; float:left; text-align:center; line-height:18px; color:#a8b0b5; margin:0; cursor:pointer;}
.menu li a{width:140px; height:120px; float:left; text-decoration:none; cursor:pointer;}
.menu li a:hover{text-decoration:none;}
.menu li strong{height:36px; padding-top:40px; margin:22px 0; font-size:14px;}
.menu_PC_li{width:140px; float:left; background:url(../images/menu_bg.png) 20px 0 no-repeat; color:#a8b0b5;}
a.menu_PC:hover,.menu_PC_h{background:#3a92ff;
background:-webkit-gradient(linear, left top, left bottom, from(#7ab5ff),to(#3a92ff));
background:-moz-linear-gradient( top, #7ab5ff, #3a92ff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ab5ff',endColorstr='#3a92ff');}
a.menu_PC:hover .menu_PC_li,.menu_PC_h .menu_PC_li{background:url(../images/menu_bg.png) -380px 0 no-repeat; color:#fff;}
.menu_iPad_li{width:140px; float:left; background:url(../images/menu_bg.png) -80px 0 no-repeat; color:#a8b0b5;}
a.menu_iPad:hover,.menu_iPad_h{background:#f47803;
background:-webkit-gradient(linear, left top, left bottom, from(#fb9600),to(#f47803));
background:-moz-linear-gradient( top, #fb9600, #f47803);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9600',endColorstr='#f47803');}
a.menu_iPad:hover .menu_iPad_li,.menu_iPad_h .menu_iPad_li{background:url(../images/menu_bg.png) -480px 0 no-repeat; color:#fff;}
.menu_Mobile_li{width:140px; float:left; background:url(../images/menu_bg.png) -180px 0 no-repeat; color:#a8b0b5;}
a.menu_Mobile:hover,.menu_Mobile_h{background:#8aaf31;
background:-webkit-gradient(linear, left top, left bottom, from(#b5d54e),to(#8aaf31));
background:-moz-linear-gradient( top, #b5d54e, #8aaf31);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5d54e',endColorstr='#8aaf31');}
a.menu_Mobile:hover .menu_Mobile_li,.menu_Mobile_h .menu_Mobile_li{background:url(../images/menu_bg.png) -580px 0 no-repeat; color:#fff;}

.menu_PaoPao_li{width:140px; float:left; background:url(../images/menu_bg.png) -280px 0 no-repeat; color:#a8b0b5;}
a.menu_PaoPao:hover,.menu_PaoPao_h{background:#9933cc;
background:-webkit-gradient(linear, left top, left bottom, from(#aa66cc),to(#9933cc));
background:-moz-linear-gradient( top, #aa66cc, #9933cc);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa66cc',endColorstr='#9933cc');}
a.menu_PaoPao:hover .menu_PaoPao_li,.menu_PaoPao_h .menu_PaoPao_li{background:url(../images/menu_bg.png) -680px 0 no-repeat; color:#fff;}

.header_right{width:150px; height:60px; padding:0; float:right; margin-top:30px; overflow:hidden;}
.header_right a{width:32px; height:24px; margin-bottom:10px; padding-left:32px; color:#9db1ce; text-decoration:none; line-height:26px; text-align:left; font-size:14px; float:left; font-weight:bold; overflow:hidden;}

.header_right a,.header_right a:link,.header_right a:visited{color:#9db1ce; -webkit-transition: background .5s ease; -moz-transition: background .5s ease; transition: background .5s ease;}
.header_right a:hover{color:#6480a9;}
.header_right .h_r_Regis{background:url(../images/menu_bg3.png) 0 0 no-repeat;}
.header_right .h_r_Regis:hover{background:url(../images/menu_bg3.png) 0 -24px no-repeat;}
.header_right .h_r_Login{background:url(../images/menu_bg3.png) 0 -48px no-repeat; float:right;}
.header_right .h_r_Login:hover{background:url(../images/menu_bg3.png) 0 -72px no-repeat; float:right;}
.header_right .h_r_down{background:url(../images/menu_bg3.png) 0 -96px no-repeat;}
.header_right .h_r_down:hover{background:url(../images/menu_bg3.png) 0 -120px no-repeat;}
.header_right .h_r_help{background:url(../images/menu_bg3.png) 0 -144px no-repeat; float:right;}
.header_right .h_r_help:hover{background:url(../images/menu_bg3.png) 0 -168px no-repeat; float:right;}

.tell_qq{width:250px; height:22px; padding:0; float:right; margin-top:30px; overflow:hidden;}
.tell_qq .tell{width:176px; float:left; text-align:left; color:#f47803; font-size:14px; font-weight:bold; line-height:24px;}
.tell_qq .btn_qq{width:74px; height:22px; float:right; clear:right; text-align:left; text-indent:-1000px; display:inline; background:url(../images/btnqq.png) 0 0 no-repeat; overflow:hidden;}
.tell_qq a.btn_qq:hover{background:url(../images/btnqq.png) 0 bottom no-repeat;}

.menu2{width:1000px; height:50px; line-height:50px; margin:0 auto; background:url(../images/menu2_bg.jpg) 0 0 repeat-x;}
.menu2 li{height:50px; float:left; background:url(../images/menu2_bg.jpg) left -50px no-repeat; font-size:20px; font-weight:bold;}
.menu2 li a{width:100%; height:50px; float:left; background:url(../images/menu2_bg.jpg) right -100px no-repeat; color:#69727b; text-decoration:none; text-shadow:0 1px 1px #fff;}
.menu2 li a:hover{color:#334455; box-shadow: inset 0 10px 15px rgba(0, 0, 0,.3), inset 0 -5px 20px rgba(0, 0, 0,.1); text-decoration:none; color:#333;}
.menu2 li a:visited{color:#69727b;}
.menu2 .in{background:url(../images/menu2_bg.jpg) right -150px repeat-x; color:#fff; text-shadow:0 1px 1px #000; box-shadow: inset 0 5px 20px rgba(0,0,0,.6);}

/* area */
.area{width:998px; margin:0 auto; background:#fff; border:1px solid #dfdfdf;}

/* bottom */
.foot{width:1000px; margin:auto;}
.foot .list{float:left; text-align:left; border-bottom:1px solid #ddd; }
.foot .list h1{width:160px; height:24px; padding:0 0 15px 40px; color:#888; font-size:14px; line-height:34px;float:left; overflow:hidden; background:url(../images/foot_ico.png) no-repeat;}
.foot .list h1 a{color:#888;}
.foot .list h1 a:hover{color:#666; text-decoration:none;}
.foot .list .list_1{background:url(../images/foot_ico.png) 6px 0 no-repeat;}
.foot .list .list_2{background:url(../images/foot_ico.png) 6px -40px no-repeat;}
.foot .list .list_3{background:url(../images/foot_ico.png) 6px -80px no-repeat;}
.foot .list .list_4{background:url(../images/foot_ico.png) 6px -120px no-repeat;}
.foot .list .list_5{background:url(../images/foot_ico.png) 6px -160px no-repeat;}
.foot .list .list_6{background:url(../images/foot_ico.png) 6px -200px no-repeat;}
.foot .list ul{width:190px; float:left; padding:15px 0 25px 10px; overflow:hidden;}
.foot .list li{width:190px; height:26px; float:left; line-height:26px; color:#a3a3b1; font-size:14px; overflow:hidden;}
.foot .list li a{color:#a3a3b1;}
.foot .list li a:hover{color:#666; text-decoration:none;}

.foot .list .list_6 a{color:#f55;}
.foot .list .list_6 a:hover{color:#f22;}
.foot .list h1{padding-right:20px;}
.foot .list .list_3,.foot .list .list_5,.foot .list .list_6{padding-right:0; width:130px;}


.bottom{width:1000px; margin:0 auto; padding:15px 0; clear:both;}
/*.bottom .foot{width:1000px; float:left;}
.bottom .foot .list{width:200px; float:left; text-align:left;}
.bottom .foot .list h1{width:160px; height:24px; padding:0 0 15px 40px; color:#888; font-size:14px; line-height:34px; border-bottom:1px solid #ddd; float:left; overflow:hidden; background:url(../images/foot_ico.png) no-repeat;}
.bottom .foot .list h1 a{color:#888;}
.bottom .foot .list h1 a:hover{color:#666; text-decoration:none;}
.bottom .foot .list .list_1{background:url(../images/foot_ico.png) 6px 0 no-repeat;}
.bottom .foot .list .list_2{background:url(../images/foot_ico.png) 6px -40px no-repeat;}
.bottom .foot .list .list_3{background:url(../images/foot_ico.png) 6px -80px no-repeat;}
.bottom .foot .list .list_4{background:url(../images/foot_ico.png) 6px -120px no-repeat;}
.bottom .foot .list .list_5{background:url(../images/foot_ico.png) 6px -160px no-repeat;}
.bottom .foot .list ul{width:190px; float:left; padding:15px 0 25px 10px; overflow:hidden;}
.bottom .foot .list li{width:190px; height:26px; float:left; line-height:26px; color:#a3a3b1; font-size:14px; overflow:hidden;}
.bottom .foot .list li a{color:#a3a3b1;}
.bottom .foot .list li a:hover{color:#666; text-decoration:none;}
*/
.bottom .info{width:1000px; height:18px; float:left; padding:10px 0; border-top:1px solid #ddd;}
.bottom .info .logo2{float:left; margin:0 20px 0 0;}
.bottom .info span{width:780px; height:36px; margin:0; float:left; overflow:hidden; text-align:left; font-size:12px; color:#808a94; line-height:20px;}
.bottom .info a{color:#808a94;}
.bottom .info a:hover{color:#555;}

.bottom2{width:1000px; margin:0 auto; padding:15px 0; border-top:1px solid #dfdfdf;}
.bottom2 .logo3{float:left; margin:0 20px 0 0;}
.bottom2 .info{width:560px; height:36px; margin:0; float:left; text-align:left; font-size:12px; color:#808a94; line-height:20px;}
.bottom2 .info a{color:#808a94;}
.bottom2 .info a:hover{color:#555;}

.bottom3 .info{float:right; text-align:right;}

.bottom img,.bottom2 img{vertical-align:middle;}