body { background:#FFFFFF; margin:0; padding:0 ;font-size:12px; color: #000000; font-family:"宋体","Arial Narrow";}
h1,h2,h3,h4,h5,h6,form,p,ul,dl,dd,dt{ margin:0px; padding:0px;}
i, em {font-style:normal;}
img,a img{border:0;margin:0;padding:0; vertical-align:middle;}
input,select,textarea,label{font-size:12px;line-height:16px;vertical-align:middle; } 
input{ cursor:pointer;}
table{border-collapse:collapse; margin:0 auto;}
li { padding:0px; margin:0px; list-style-type:none;}
a{outline-style:none;text-decoration:none; color:#333333; }
a:hover{text-decoration:none; }
.clearFix:after,.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearFix,.clearfix{zoom:1}

#top{
    position: relative;
    height: 660px;
    overflow: hidden;
}
.topCon{
    width:960px;
    height: 660px;
    margin: 0 auto;
}
.topNav{
    height: 44px;
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    z-index: 30;
}
.topBg{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 44px;
    background:#000;
    opacity: 0.29;
    filter:alpha(opacity=29);
    z-index: 20;
}
.bottomBg{
    position: absolute;
    bottom:0px;
    left: 0px;
    width: 100%;
    height: 90px;
    background:#010005;
    opacity: 0.51;
    filter:alpha(opacity=51);
    z-index: 20;
}
.downloadArea{
    position: absolute;
    bottom:0px;
    left: 0px;
    width: 100%;
    height: 120px;
    z-index: 40;
}
.topNavCon{
    width: 960px;
    height: 44px;
    margin: 0 auto;
    position: relative;
}
.topNavCon ul{
    position:absolute;
    top:0px;
    right: 0px;
    height: 44px;
    width: 520px;
}
.topNavCon li{
    position: relative;
    float: left;
    width: 104px;
    height: 44px;
}
.topNavCon li a{
    display:inline-block;
    width: 104px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 50;
}
.topNavCon li .bg{
    display:inline-block;
    width: 104px;
    height: 44px;
    position: absolute;
    left: 0px;
    top:0px;
    background-color: #000;
    opacity: 0.82;
    filter:alpha(opacity=82);
    display: none;
    z-index: 20;
}
.topMain{
    width: 100%;
    height: 660px;
}
.middleCon{
    width: 960px;
    margin: 0 auto;
    padding: 30px 0;
}
.middleCon .left{
    float: left;
	font-family:"微软雅黑";
    width: 586px;
}
.middleCon .right{
    float: right;
	font-family:"微软雅黑";
}
.middleCon .right .leftCon,.middleCon .right .rightCon{
    float: left;
}
.middleCon .right .rightCon .cont{
    font-size: 12px;
    color: #a0a0a0;
}
.middleCon .right .sec .rightCon .cont,.middleCon .right .thr .rightCon .cont{
    width: 175px;
}
.middleCon .right .fir .rightCon .cont{
    width: 150px;
}
.middleCon .right .leftCon{
    margin-right: 8px;
}
.middleCon .right .fir .leftCon img{
    width: 106px;
    height: 106px;
}
.middleCon .right li{
    padding: 23px 38px 23px 19px;
    background-color: #f6f6f6;
}
.middleCon .right li .tit{
    margin-bottom: 4px;
	font-size:14px;
	font-weight:600;
}
.middleCon .right li .tit a{
    color: #000000;
}
.middleCon .right li.fir{
    border-bottom: 1px solid #d1d3d3;
}
.middleCon .right li.sec{
    border-bottom: 1px solid #d1d3d3;
}
.middleCon .left .top .title{
    font-size: 24px;
	
    margin-bottom: 43px;
    position: relative;
}
.middleCon .left .top .title .more{
    position: absolute;
    right: 0px;
    top:14px;
    color: #878787;
    font-size: 14px;
}
.middleCon .left .top .title a{
    color: #000000;
}
.middleCon .right .title{
    font-size: 24px;
    margin-bottom: 15px;
    position: relative;
}
.middleCon .right .title .more{
    position: absolute;
    right: 0px;
    top:14px;
    color: #878787;
    font-size: 14px;
}
.middleCon .right .title a{
    color: #000;
}
.middleCon .bottom .title{
    font-size: 24px;
    margin-bottom: 32px;
    position: relative;
}
.middleCon .bottom textarea { height:100px;}
.middleCon .bottom .module-wraper {
    border: 1px solid #DBDCDC;
    height: 120px;
    position: relative;
}
.middleCon .bottom .module-wraper .moduleInput-wraper {
    height: 120px;
    overflow: hidden;
}
.login{   width:120px; height:40px; border:none; font-size:14px;}
.login{ padding:5px 10px;font-family:"microsoft yahei"; font-weight:600;color:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.15);border-radius:4px;background:#8e0303;background:-moz-linear-gradient(top,#cc0000,#8e0303);background:-webkit-linear-gradient(top,#cc0000,#8e0303);}
.login:hover{text-decoration:none;background:#f2b215;background:-moz-linear-gradient(top,#cc0000,#8e0303);}
.middleCon .bottom .tie-textarea {
    background: url("images/post_body_bg.gif") no-repeat scroll center center #FFFFFF;
    border-width: 0;
    clear: both;
    color: #555555;
    font-size: 14px;
    height: 102px;
    margin: 0;
    outline: 0 none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 0 0 5px;
    resize: none;
    text-align: left;
    width: 99%;
}
.replyModule-arrow {
    background-position: -26px -19px;
    display: block;
    height: 10px;
    left: 30px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    width: 18px;
}
.tie-sprite {
    background-image: url("http://img1.cache.netease.com/tie/img/tie3.png");
    background-repeat: no-repeat;
}
.tie-postform .tie-submit {
    background: url("http://img1.cache.netease.com/tie/img/bg1.0.0.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #444444;
    cursor: pointer;
    height: 29px;
    width: 80px;
}
.middleCon .bottom .title .more{
    position: absolute;
    right: 0px;
    top:14px;
    color: #878787;
    font-size: 14px;
}
.middleCon .bottom .title a{
    color: #000;
}
.middleCon .introConTitle{
    font-size: 30px;
    color: #010005;
}
.middleCon .detail{
    font-size: 14px;
    color: #878787;
}
.middleCon .introCon{
    padding-left: 76px;
    float: left;
    position: relative;
}
.middleCon .left .top{
    padding-bottom: 41px;
    margin-bottom: 38px;
    border-bottom: 1px solid #cacaca;
}
.middleCon .left .bottom{
    padding-bottom: 76px;
}
#bottom{
    background-color: #f2f2f2;
}
.bottomCon{
    margin: 0 auto;
    width: 960px;
    padding-top: 40px;
    padding-bottom: 65px;
    position: relative;
}
.bottomCon .hezuo{
    color: #010005;
    font-size: 24px;
    margin-bottom: 20px;
}
.topNavCon .logo{
    display: inline-block;
    width: 201px;
    height: 37px;
    position: absolute;
    left: 3px;
    top:3px;
    background: url("images/logo.png") no-repeat;
}
.imagesOne{
    background: url("images/mlogo1.png") no-repeat;
}
.topMainCon{
    width: 960px;
    height: 660px;
    position: relative;
    margin: 0 auto;
}
.topMainCon .taidu{
    width: 160px;
    height: 320px;
    display: inline-block;
    background-position: 0px 0px;
    position: absolute;
    left:122px;
    top:152px;
}
.topMainCon .erwei{
    width: 176px;
    height: 81px;
    display: inline-block;
    background-position: 0px -95px;
    position: absolute;
    left:44px;
    top:326px;
}
.dingBg{
    width: 65px;
    height: 65px;
    display: inline-block;
    background-position: 0px -306px;
    position: absolute;
    left:0px;
    top:0px;
}
.jiBg{
    width: 65px;
    height: 65px;
    display: inline-block;
    background-position: 0px -176px;
    position: absolute;
    left:0px;
    top:0px;
}
.qingBg{
    width: 65px;
    height: 65px;
    display: inline-block;
    background-position: 0px -371px;
    position: absolute;
    left:0px;
    top:0px;
}
.tieBg{
    width: 65px;
    height: 65px;
    display: inline-block;
    background-position: 0px -241px;
    position: absolute;
    left:0px;
    top:0px;
}
.bottomBgCon{
    width: 961px;
    height: 90px;
    margin: 0 auto;
    background: url("images/bottomBgLine.png") no-repeat center 3px;
}
.downloadAreaCon{ width: 960px; height: 120px; margin:0 auto; text-align:center; overflow:hidden;}
.downloadAreaCon li { margin-right:20px;  padding-top:45px; display:inline-block;}
.downloadAreaCon li a{ cursor:pointer;}
/*
.downloadAreaCon div{
    float: left;
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 100;
}
*/
.downloadAreaCon .text{
    font-size: 30px;
    color: #fff;
}
.iphoneArea{
    width: 302px;
    height: 120px;
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 100;
}
.iphoneAreaBg{
    width: 302px;
    height: 90px;
    position: absolute;
    left: 0px;
    bottom:0px;
    z-index: 50;
    display: inline-block;
    display: none;
    background: #000000;
    opacity: 0.45;
    filter:alpha(opacity=45);
}
.androidAreaBg{
    position: absolute;
    left: 303px;
    bottom:0px;
    width: 332px;
    height: 90px;
    z-index: 50;
    display: inline-block;
    display: none;
    background: #000000;
    opacity: 0.45;
    filter:alpha(opacity=45);
}
.androidArea{
    width: 335px;
    height: 120px;
    cursor: pointer;
    position: absolute;
    left: 302px;
    top:0px;
    z-index: 100;
}
.otherArea{
    width: 320px;
    height: 120px;
    position: absolute;
    left: 632px;
    top:0px;
	z-index: 100;
}
.otherAreaBg{
    position: absolute;
    right:0px;
    bottom:0px;
    width: 327px;
    height: 90px;
    z-index: 50;
    display: inline-block;
    display: none;
    background: #000000;
    opacity: 0.45;
    filter:alpha(opacity=45);
}
.iphoneArea .text{
    position: absolute;
    right: 24px;
    top:50px;
}
.androidArea .text{
    position: absolute;
    right: 37px;
    top:50px;
}
.iphoneIcon{
    width: 100px;
    height: 116px;
    display: inline-block;
    position: absolute;
    left: 13px;
    bottom:3px;
    background: url("images/iphoneIcon.png") no-repeat;
}

.otherIcon{
    width: 100px;
    height: 100px;
    display: inline-block;
    position: absolute;
    left: 21px;
    bottom:4px;
    background: url("images/ewm.png") no-repeat;
}
.androidIcon{
    width: 98px;
    height: 114px;
    display: inline-block;
    position: absolute;
    left: 21px;
    bottom:3px;
    background: url("images/androidIcon.png") no-repeat;
}
.iphoneArea .text{
	position: absolute;
	right: -17px;
	top:60px;
	width: 192px;
	height: 33px;
	background: url("images/iphoneTextNewNew.png")  no-repeat;
}
.androidArea .text{
	position: absolute;
	right: -9px;
	top:60px;
	width: 211px;
	height: 34px;
	background: url("images/androidTextNewNew.png")  no-repeat;
}
.otherArea .text{
	position: absolute;
	left:140px;
	top:60px;
	width: 150px;
	height: 34px;
	background: url("images/erweima.png")  no-repeat;
}
.iphoneIcon{
	left: 15px;
}
.androidIcon{
	left: 21px;
}
.jingpin{
    margin-right: 70px;
	
}
.qingsong{
    margin-right: 17px;
}
.topSlide{
    overflow: hidden;
    position: absolute;
    left: 265px;
    top:44px;
    width: 793px;
    height: 615px;
}
.topSlide ul{
    width: 9999px;
    position: absolute;
    left: 0px;
    top:0px;
    height: 615px;
}
.topSlide li{
    float: left;
    height: 615px;
}
.topSlide{
    display: inline-block;
}
.mobileSlide{
    padding-top: 30px;
    height: 194px;
    width: 915px;
    overflow: hidden;
    position: relative;

}
.mobileSlide ul{
    position: absolute;
    left: 0px;
    top:30px;
    width: 9999px;
}
.mobileSlide li{
    width: 182px;
    height: 194px;
    float: left;
    position: relative;
}
.mobileSlide .intro{background:url("images/quanquannew.png") 0px 0px no-repeat;width: 102px;height: 101px;cursor:pointer;position: absolute;right: 0px;bottom:0px;z-index: 10;font-size: 12px;}
.mobileSlide .detail{text-align:center;position:absolute;left:50%;top:50%;color:#fff;width:58px;height: 46px;margin-top: -23px;margin-left: -29px;}
.mobileItem img{
    width: 94px;
    height: 172px;
}
.mobileSlide .mobileItem{
    width: 94px;
    height: 172px;
    display: inline-block;
    position: absolute;
    left: 30px;
    top:0px;
}
.mobileSlide .miaoshu{height: 23px;border-bottom: 1px solid #fff;margin-bottom: 9px;}
.mobileSlideLeft{
    display: inline-block;
    cursor: pointer;
    width: 27px;
    height: 47px;
    background: url("images/mobileSlideLeft.png");
    position: absolute;
    left: -25px;
    top:195px;
    z-index: 100;
}
.mobileSlideLeft:hover{
    background-color: #e7e7e7;
}
.mobileSlideRight{
    display: inline-block;
    cursor: pointer;
    width: 27px;
    height: 47px;
    background: url("images/mobileSlideRight.png");
    position: absolute;
    right: 18px;
    top:195px;
    z-index: 100;
}
.mobileSlideRight:hover{
    background-color: #e7e7e7;
}
/*  footer */
.footer{position:relative;padding-top:30px;background-color:#292929;padding-bottom: 80px	;}
.footer_con{width: 960px;margin: 0 auto;background: url("images/footer_Verticalline.jpg") no-repeat 648px 4px;}
.footer a{font-size: 12px;color: #d0d0d0;}
.cooperation ul{display: block;margin-bottom:5px;}
.cooperation ul li{float: left;margin-right: 50px;width: 82px; line-height:24px;}
.cooperation ul li a:hover{text-decoration: underline;}
.focus_title{margin-bottom:25px;font-size: 20px;color: #d0d0d0; font-family:"微软雅黑";}
.cooper_title{margin-bottom:25px;font-size: 20px;color: #d0d0d0; font-family:"微软雅黑";}
.focus_method{float: left;margin-left: 34px;}
.cooperation{width: 673px;float:left;}
.contactMethod{color: #d0d0d0;font-size: 14px;}
.footer_conBottom .link{text-align: center;padding-bottom: 4px;}
.footer_conBottom .link a,.footer_conBottom .link span{color:#3CAEFE;}
.footer_conBottom .link a:hover{text-decoration: underline;}
.footer_info{margin:20px auto 0; width:960px; line-height:21px;  clear:both; color:#d0d0d0;text-align: center;}
.footer_conBottom{height: 60px;}
.footer_conTop{margin-bottom: 50px;}
.focusNetease{display:inline-block;width:54px;height: 55px;background: url("images/focusNetease.png") no-repeat 0px 0px;}
.focusNetease:hover{background: url("images/focusNetease.png") no-repeat 0px -55px;zoom:1;}
.focusNetease:active{background: url("images/focusNetease.png") no-repeat 0px -110px;}
.focusSina{display:inline-block;width:54px;height: 55px;background: url("images/focusSina.png") no-repeat 0px 0px;}
.focusSina:visited{background: url("images/focusSina.png") no-repeat 0px 0px;}
.focusSina:hover{background: url("images/focusSina.png") no-repeat 0px -55px;}
.focusSina:active{background: url("images/focusSina.png") no-repeat 0px -110px;}
.focusTencent{display:inline-block;width:54px;height: 55px;background: url("images/focusTencent.png") no-repeat 0px 0px;}
.focusTencent:visited{background-position: 0px 0px;}
.focusTencent:hover{background-position: 0px -55px;}
.focusTencent:active{background-position: 0px -110px;}
.focus_area{padding-top: 15px;}
.focus_area a{margin-right: 16px;outline:none;}
.footer .toTop{cursor:pointer;z-index:350;display: inline-block;width: 81px;height: 38px;background: url("images/backToTop.png") no-repeat;position: absolute;left:50%;margin-left: -40px;top:-29px;}
.mainRightHandle{
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top:275px;
    right: -80px;
    width: 44px;
    height: 75px;
    z-index: 200;
    background: url("images/mainRightHandle.png") no-repeat;
}
.mainRightHandleBg{
    display: inline-block;
    position: absolute;
    top:275px;
    right: -80px;
    width: 44px;
    height: 75px;
    z-index: 100;
    background-color:#e7e7e7;
    opacity: 0.23;
    filter:alpha(opacity=23);
    display: none;
}

/*首页导航*/
.cp { background:url("images/topMainBg.jpg") no-repeat center top; }
.r{ float:right;}
.i_header{height:35px; margin: 5px 0; left:0; position:absolute; top:0; z-index:30; width:100%; }
.logo { float:left; width:35%;}
.logoh { float:left; width:150px;}
.i_nav{ text-align:center; background:#000000; font-family:Arial;  overflow:hidden;  width:100%; display:block;}
.i_nav li { width:25%; float:left; color:#252525; font-size:16px; height:40px; line-height:40px; text-align:center; font-weight:600; border-right:1px solid #666; }
.i_nav li.nobor{ border-right:none; width:20%;}
.i_nav li a{ color:#fff;}


.w400 { width:600px; margin:10px auto 0; overflow:hidden;}
.wleft { background:url("images/mlogo.png") no-repeat 30px 0;height:182px; width:241px; float:left; }
.wright { width:330px; margin:0 auto; overflow:hidden;}
.wright li { margin-bottom:10px; text-align:center;}
#mtop{
    position: relative;
    height: 45px;
    overflow: hidden;
}


