@charset "utf-8";
/***************** 皮皮时光机首页 *****************/
body{ background:none}
.first_hide{ position:fixed; left:0; top:0; width:100%}
.mousewheel_box{ height:0; overflow:hidden; width:0;}
/**** 首页单独头部样式 ****/
.head{ background:#fff; filter:none; border-bottom:1px solid #ccc}
.head h1 a{background-image:url(../index_images/index_logo_sina.png)}
.head h1 a.tencent{background-image:url(../index_images/index_logo_tencent.png)}
.head_lef ul li a i, .head_rig .user .nick i{ background-position:-124px -789px}
.head_lef ul li a{ color:#3D8CCA}
.head_lef ul li a:hover{background:none; filter:none;}
.head_rig{ padding-top:25px; color:#444; font-size:14px}
.head_rig i.tel{width:15px; height:22px; display:inline-block; background:url(../images/login_iocn.png) no-repeat 0 -48px; margin-right:10px; vertical-align:middle}
.head_rig .user .nick{ color:#3D8CCA}
.head_rig .user .user_box ul{ border:1px solid #ccc}
.head_rig ul li a.news{background-position:-93px -875px}
.head_rig ul li a.rap{background-position:0 -875px}
.head_rig ul li a.help{ background-position:-31px -875px}
.head_rig ul li a.kefu{ background-position:-62px -875px}
/**** 首页单独头部样式结束 ****/

/**** 首页banner登录样式 ****/
.index_mian{ height:400px; position:relative; z-index:0}
.index_banner{width:100%; height:400px; overflow:hidden; position:absolute; top:0; left:0; z-index:1}
.index_banner ul{ height:400px; width:100%; position:relative}
.index_banner ul li{height:400px; width:100%; text-align:center; opacity:0;filter:alpha(opacity=0); position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:center 0}
.index_banner ul li.img_01{ opacity:1;filter:alpha(opacity=100); background-image:url(../index_images/index_banner_01.jpg)}
.index_banner ul li.img_02{background-image:url(../index_images/index_banner_02.jpg)}
.index_login{width:1002px; height:400px; margin:0 auto; position:relative; z-index:5;}
.index_login .lef{width:694px; float:left; height:400px}
.index_login .lef a{ display:none; width:100%; height:400px; overflow:hidden; text-indent:-1000em}
.index_login .lef a.current{ display:block}
:root .index_login .rig{filter:none\9;}
.index_login .rig{width:308px; float:right; background:rgba(255,255,255,0.5); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99ffffff',endColorstr='#99ffffff'); margin-top:30px}
.index_login .rig .til{ height:55px; border-bottom:1px dotted #bbb; padding-left:20px; font-size:18px; line-height:55px}
.index_login .rig ul{ padding:20px 27px 0}
.index_login .rig ul li{ padding-bottom:15px; *padding-bottom:12px; position:relative}
.index_login .rig ul li input.txt{width:211px; padding-left:40px; height:36px; line-height:36px; border:1px solid #EFEFEF; box-shadow:2px 2px 3px rgba(204,204,204,0.3) inset; font-family:"微软雅黑"}
.index_login .rig ul li .input_bar{ color:#999; position:absolute; top:0; left:0; height:36px; width:211px; padding-left:40px; line-height:40px; z-index:2; cursor:text}
.index_login .rig ul li i{width:16px; background:url(../images/login_iocn.png) no-repeat; position:absolute; left:15px;}
.index_login .rig li i.account{ height:18px; background-position:0 0; top:12px}
.index_login .rig li i.password{ height:20px; background-position:-19px 0; top:10px}
.index_login .rig li .btn{width:255px; height:40px; background-color:#3D8CCA; color:#fff; text-align:center; line-height:40px; cursor:pointer; font-size:18px; border:none; font-family:"微软雅黑"}
.index_login .rig li .btn:hover{ background-color:#3C84BC}
.index_login .rig li .login_error{ background-color:#ffebe8; border:1px solid #c00; border-radius:2px; position:absolute; top:-10px; left:0; height:30px; width:253px; text-align:center; line-height:30px; display:none}
.index_login .rig li .other_login{ color:#666}
.index_login .rig li a.other_login:hover{ text-decoration:none}
.index_login .rig li .other_login u{width:20px; height:20px; display:inline-block; background:url(../images/login_iocn.png) no-repeat; vertical-align:middle; margin-right:5px;}
.index_login .rig li .other_login u.tencent{ background-position:0 -24px}
.index_login .rig li .other_login u.sina{ background-position:-23px -24px}
.banner_page{position:absolute; bottom:0; left:0;}
.banner_page a{width:32px; height:30px; display:inline-block;  background-color:#fff; float:left}
.banner_page a i{width:18px; height:7px; display:inline-block; background: url(../index_images/index_png.png) no-repeat; margin:12px 0 0 8px;}
.banner_page a.up i{ background-position:0 0}
.banner_page a.down i{ background-position:-20px 0}
/**** 首页banner登录样式结束 ****/
.index_scroll{ position:relative; display:none}
.scroll_navs{width:19px; height:198px; padding:2px 6px 0; background:url(../index_images/index_png.png) no-repeat -40px 0; position:fixed; _position:absolute; top:50%; right:4%; z-index:1000; margin-top:-100px; display:none}
.scroll_navs a{width:20px; height:20px; display:inline-block; background:url(../index_images/index_png.png) no-repeat 0 -28px; margin-top:16px; text-indent:-100px; overflow:hidden; float:left}
.scroll_navs a.current{ background-position:0 -50px}
.scroll_box,.scroll_top{width:100%; color:#fff;}
.scroll_box .middle,.scroll_top .middle{  text-align:center}
.scroll_box h2,.scroll_top h2{width:652px;margin:0 auto; font-size:46px; line-height:100%; margin-bottom:25px}
.scroll_box h3,.scroll_top h3{width:652px;margin:0 auto; font-size:24px; font-weight:normal; line-height:40px}
.scroll_top{ background:url(../index_images/scroll_top.jpg) no-repeat}
.scroll_top div{ padding-top:40px}
.scroll_top a{ display:inline-block; font-size:18px; color:#3B8AC8; font-size:22px}
.scroll_top a:hover{ text-decoration:none}
.scroll_top a i{width:27px; height:17px; display:inline-block; background:url(../index_images/index_png.png) no-repeat 0 -9px}
.scroll_box{ position:absolute; left:0; z-index:0;}
.scroll_01{ background-color:#0067B7;}
.scroll_02{ background-color:#250159; display:none}
.scroll_03{ background-color:#EDFBE1; color:#3D8CCA; display:none}
.scroll_04{ background-color:#0067B7; display:none}
.scroll_05{ background-color:#fff; color:#0067B7; display:none}
.scroll_03 img,.scroll_04 img,.scroll_05 img{ margin-top:40px}
.index_scroll .current{ z-index:10}