@charset "utf-8";

html { cursor: default;height: 100%;}  
h1, h2, h3, h4, h5, h6,p, li, label, td, th {cursor: text;}  
a:link, a:visited, a:hover, a:active { cursor: pointer;}
body{width:100%; height:100%;margin:0; padding:0; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;background-color: #ebeaf6;color: #494c4e;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,b{font-size:100%;font-weight:normal;}
area{outline:none;} 
img{ border:0;outline: none;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

.bg {
    width: 100%;
    min-width: 1220px;
    min-height: 1000px;
    position: relative;
    background-color: #ebeaf6;
}

.bg2{ 
    width: 100%;
    min-width: 1220px;
    padding-bottom: 220px;
    background:url(../img/bgbottom.png) center bottom no-repeat;
}
/*右侧浮动*/
.rightbar {
    position: fixed;
    height: 408px;
    width: 180px;
    right: 0;
    z-index: 30;
    top: 65%;
    margin-top: -200px;
    background: #c9cbee;
}
.down_tit{
    width: 180px;
    height: 34px;
    line-height: 34px;
    background: #7678b8;
    text-align: center;
}
.down_tit h3{
    color: #fff;
    font-size: 16px;
}
.saoma{
    width:162px;
    height: 162px;
    background: #fff;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    overflow: hidden;
}
.saoma img{
    display: block;
    width: 126px;
    height: 126px;
    margin: 0 auto; 
    margin-top: 10px;
}
.saoma p{
    font-size:14px;
    font-weight: bold;
    color:#7678b8;
}
.apple_box{
    width: 161px;
    height: 61px;
    margin: 0 auto;
    margin-top: 8px;
}
.apple_box a{
    display: block;
    width: 161px;
    height: 61px;
    background: url(../img/apple.jpg) no-repeat;
}
.android_box{
    width: 161px;
    height: 61px;
    margin: 0 auto;
    margin-top: 8px;
}
.android_box a{
    display: block;
    width: 161px;
    height: 61px;
    background: url(../img/android.jpg) no-repeat;
}
.rightbar .controls {
    position: absolute;
    height: 134px;
    width: 29px;
    top: 156px;
    left: -29px;
    background: url(../img/slider_close.png) no-repeat;
    cursor: pointer;
}
.rightbar .controls.closed{background: url(../img/slider_open.png) no-repeat;}

.rt_top{
    width: 180px;
    height: 46px;
    margin-top: 18px;
}
.rt_top .dingbu{
    display: block;
    width: 180px;
    height: 46px;
    font-size: 16px;
    color: #ecf8f5;
    line-height: 46px;
    background: #7678b8;
    text-align: center;
    cursor: pointer;
}
/*第一部分*/
.section1{
	width: 100%;
	min-width: 1220px;
	height: 699px;
	background: url(../img/bg1.jpg) no-repeat center top;

}
.container{
	width: 1220px;
	margin: 0 auto;
	position: relative;
}
.logo{
	width: 142px;
	height: 137px;
    position: absolute;
    top:74px;
    right:216px;
}
.logo a{
	display: block;
	width: 142px;
	height: 137px;
	background: url(../img/logo.png) no-repeat;
}
.subtit{
	width: 360px;
	height: 40px;
	background: url(../img/subtit.png) no-repeat;
	position: absolute;
	top:425px;
	right: 182px;
}
.time{
	width: 485px;
	height: 49px;
	background: url(../img/time.png) no-repeat;
	position: absolute;
	top: 490px;
	right: 102px;
}
/*登录状态*/
.login_box{
	height: 44px;
	line-height: 44px;
	position: absolute;
	top:560px;
	right:150px;
	display: block;
}
.login_box span{
	font-size: 18px;
	float: left;
}
.login_box .login_btn{
	float: left;
	width: 118px;
	height: 44px;
	margin-left: 10px;
}
.login_box .login_btn a{
	display: block;
	width: 118px;
	height: 44px;
	background: url(../img/login.png) no-repeat;
}
.login_box .login_btn a:hover{
	background: url(../img/login_h.png) no-repeat;
}
/*退出状态*/
.exit_box{
	height: 44px;
	line-height: 44px;
	position: absolute;
	top:560px;
	right:50px;
	display: none;
}
.exit_box span{
	font-size: 18px;
	float: left;
}
.exit_box .exit_btn{
	float: left;
	font-size: 18px;
	color: #c73e29;
}
.exit_box .yao_btn{
	float: left;
	width: 118px;
	height: 44px;
	margin-left: 19px;
}
.exit_box .yao_btn a{
	display: block;
	width: 118px;
	height: 44px;
	background: url(../img/yao.png) no-repeat;
}
.exit_box .yao_btn a:hover{
	background: url(../img/yao_h.png) no-repeat;
}
.exit_box .cha_btn{
	float: left;
	width: 118px;
	height: 44px;
	margin-left: 19px;
}
.exit_box .cha_btn a{
    display: block;
	width: 118px;
	height: 44px;
	background: url(../img/jiang.png) no-repeat;
}
.exit_box .cha_btn a:hover{
	background: url(../img/jiang_h.png) no-repeat;
}
/*第二部分*/
.section2{
	width: 100%;
	min-width: 1220px;
	height: 560px;
	background: url(../img/bg2.jpg) no-repeat center top;
}
.section2 .ranking_box{
    width: 334px;
    height: 524px;
    padding-top: 34px;
    float: left;
    background: url(../img/zhaohui_bg.png) no-repeat;
}
.ranking_box .rank_tit{
	width: 169px;
	height: 41px;
	margin: 0 auto;
	padding-left: 41px;
    position: relative;
}
.ranking_box .rank_tit span{
	display: inline-block;
	width: 41px;
	height: 41px;
	margin-right: 12px;
    background: url(../img/zhaoicon.png) no-repeat;
    position: absolute;
    top:0;
    left: 0;
}
.ranking_box .rank_tit h2{
	font-size: 30px;
	font-family: "方正清刻本悦宋简体";
	color: #fff;
	margin-left: 10px;
}
.rank_list{
	width: 280px;
	height: 444px;
	margin: 0 auto;
	margin-top: 8px;
	background-color: #eef4fa;
}
.rank_list .rank_list_tit{
	width: 280px;
	height: 44px;
	line-height:44px;
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #393b3d;
	margin-bottom: 12px;
}
.rank_list .rank_list_tit span{
	margin-right: 35px;
}
.rank_list .rank_list_tit span.end{
	margin-right: 0;
}
.rank_list ul{
	width: 175px;
	padding-left: 24px;
}
.rank_list ul li{
	width: 220px;
	height: 26px;
	font-size: 14px;
	padding-right: 10px;
	margin-bottom: 10px;
    border-bottom: 1px dashed #393b3d;
}
.rank_list ul li span{
	display: inline-block;
	width: 72px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
}
.rank_list ul li.bold{
	font-weight: bold;
    position: relative;
}
.rank_list ul li.bold i{
	display: inline-block;
	width: 10px;
	height: 10px;
	position: absolute;
	top:6px;
	left:-16px;
	background: url(../img/num_icon.png) no-repeat;
}
.rank_list ul li.bold b{
	font-weight: bold;
}
.rank_list ul li b{
	float: right;
}
/*.rank_list ul li span.end{
	padding-right: 0;
	padding-left: 18px;
}*/
.rank_list ul li span.ten{
    width: 50px;
    padding-right: 19px;
}
.section2 .rotary_table{
	width: 540px;
	height: 540px;
	padding: 4px;
	background: #ebf3f9;
	float: left;
}
.rotary_one {
	width: 100%;
	height: 127px;
	overflow:hidden;
}
.rotary_one .rotarybox{
	width: 115px;
	height: 115px;
	float: left;
	margin: 0 4px;
	border: 6px solid #9b9fde;
	overflow:hidden;
}
.rotary_one .rotarybox.active,.rotary_two .rotarybox.active{
	border:6px solid #e6a210; 
}
.rotary_table .z1{
	background: url(../img/z1.jpg) no-repeat;
}
.rotary_table .z2{
	background: url(../img/z2.jpg) no-repeat;
}
.rotary_table .z3{
	background: url(../img/z3.jpg) no-repeat;
}
.rotary_table .z4{
	background: url(../img/z4.jpg) no-repeat;
}
.rotary_two{
	width: 100%;
	height: 254px;

}
.rotary_two .rotary_two1{
	width: 131px;
	margin-right: 8px;
	float: left;
}
.rotary_two .rotarybox{
	width: 115px;
	height: 115px;
	margin: 4px;
	border: 6px solid #9b9fde;
	margin-top: 8px;
	overflow: hidden;
}
.rotary_table .z12{
	background: url(../img/z1.jpg) no-repeat;
}
.rotary_table .z11{
	background: url(../img/z2.jpg) no-repeat;
}
.rotary_table .z5{
	background: url(../img/z7.jpg) no-repeat;
}
.rotary_table .z6{
	background: url(../img/z5.jpg) no-repeat;
}
.rotary_table .z7{
	background: url(../img/z9.jpg) no-repeat;
}
.rotary_table .z8{
	background: url(../img/z6.jpg) no-repeat;
}
.rotary_table .z9{
	background: url(../img/z8.jpg) no-repeat;
}
.rotary_table .z10{
	background: url(../img/z7.jpg) no-repeat;
}
.rotary_two .rotary_two2{
	width: 262px;
	margin-top: 8px;
	float: left;
}
.rotary_two .rotary_two3{
	width: 127px;
	float: left;
	margin-left: 4px;
}
.rotary_two2 .start{
	width: 262px;
	height: 192px;
}
.rotary_two2 .start a{
	display: block;
	width: 262px;
	height: 192px;
    background: url(../img/start_btn.jpg) no-repeat;
}
.rotary_two2 .start a:hover{
	background: url(../img/start_btnh.jpg) no-repeat;
}
.rotary_two2 .zhao_btn{
	width: 262px;
	height: 64px;
	margin-top: 6px;
	
}
.rotary_two2 .zhao_btn a{
	display: block;
	width: 262px;
	height: 64px;
	background: url(../img/cha_btn.jpg) no-repeat;
}
.section2 .query_box{
	width: 334px;
    height: 524px;
    padding-top: 34px;
    float: left;
    background: url(../img/zhaohui_bg.png) no-repeat;
}
.query_box .query_tit{
	width: 190px;
	height: 41px;
	margin: 0 auto;
	padding-left: 41px;
    position: relative;
}
.query_box .query_tit span{
	display: inline-block;
	width: 41px;
	height: 41px;
	margin-right: 12px;
    background: url(../img/paiicon.png) no-repeat;
    position: absolute;
    top:0;
    left: 0;
}
.query_box .query_tit h2{
	font-size: 30px;
	font-family: "方正清刻本悦宋简体";
	color: #fff;
	margin-left: 10px;
}
.query_list{
	width: 278px;
	height: 429px;
	padding-top: 15px;
	margin: 0 auto;
	margin-top: 8px;
	background-color: #eef4fa;
}
.query_list .topicbox{
	width: 250px;
	height: 28px;
	margin: 0 auto;
	overflow: hidden;
}
.filterbox{
	float: left;
}
.filterbox select{
	height: 28px;
}
.filterbox .service{
	width: 100px;
	height: 28px;
	outline: none;
	border: 1px solid #c7c7ce;
}
.serch{
	margin-left: 12px;
	float: left;
}
.serch input{
	width: 126px;
	height: 26px;
	padding-left: 10px;
	outline: none;
	border: 1px solid #c7c7ce;
}
.query_list .serch_btn{
	width: 252px;
	height: 28px;
	margin: 0 auto;
	margin-top: 10px;
}
.query_list .serch_btn a{
	display: block;
	width: 250px;
	height: 28px;
	font-size: 14px;
	color: #fff;
	line-height: 28px;
	text-align: center;
	background-color: #e26844;
}
.query_list .service_list{
	width: 245px;
	height: 330px;
	margin: 0 auto;
	margin-top: 16px;
	overflow-x: hidden;
	overflow-y: auto;
}
.query_list .service_list ul li{
	width: 220px;
	height: 30px;
	margin-top: 5px;
	border-bottom: 1px dashed #393b3d;
}
.query_list .service_list ul li span{
	font-size: 14px;
}
.query_list .service_list ul li b{
	float: right;
	font-size: 14px;
}
/*第三部分*/
.section3{
	width: 100%;
	min-width: 1220px;
	height: 678px;
	background: url(../img/bg3.jpg) no-repeat center top;
}
.section3 .guize_con{
	width: 1130px;
	margin: 0 auto;
	height: 588px;
	padding-top: 90px;
	padding-left: 45px;
}
.section3 .guize_tit{
	width: 190px;
	height: 41px;
	padding-left: 40px;
    position: relative;
}
.section3 .guize_tit span{
	display: inline-block;
	width: 41px;
	height: 41px;
	margin-right: 12px;
    background: url(../img/guze_icon.png) no-repeat;
    position: absolute;
    top:0;
    left: -7px;
}
.section3 .guize_tit h2{
	font-size: 30px;
	font-family: "方正清刻本悦宋简体";
	color: #55555c;
	margin-left: 10px;
}
.section3 .guizetext{
    width: 760px;
    margin-top: 10px;
}
.guizetext p{
	line-height: 29px;
}
.guizetext p.p_lf{
	padding-left: 38px;
}
.guizetext p span{
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 12px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	background: url(../img/ge_bg.png) no-repeat;
}
/*第四部分*/
.section4{
	width: 100%;
	min-width: 1220px;
	height: 141px;
	background-color: #ebeaf6;
}
.section4 .advert{
	width: 1190px;
	height: 141px;
	margin: 0 auto;
	background: url(../img/advert.jpg) no-repeat;
}
.section4 .advert a{
	display: block;
	width: 1190px;
	height: 141px;
}
/*邀请弹窗*/
.prompt_bg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 40;
    display: none;
    background: url(../img/opacity.png) repeat;
}
.prompt_bg.on {
    display: block;
}
.prompt_which1 {
    width: 427px;
    height: 219px;
    padding-top: 72px;
    padding-left: 42px;
    position: fixed;
    top: 40%;
    margin-left: -235px;
    left: 50%;
    z-index: 50;
    display: none;
    background-color:#edf4fa; 
    background: url(../img/tan1.png) no-repeat;
}
.prompt_which1 .yao_info{
	font-size: 18px;
	color: #494b92;
	font-weight: bold;
}
.prompt_which1 .inp{
	width: 380px;
	height: 30px;
	margin-top: 12px;
	border: 1px solid #c6d1db; 
} 
.prompt_which1 .inp input{
	width: 372px;
	height: 30px;
	outline: none;
	border:0;
	padding-left: 8px;
}
.prompt_which1 .copy_btn{
	width: 382px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin-top: 12px;
	background: #6468a3;
	position: relative;
}
.prompt_which1 .copy_btn object{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}
.prompt_which1 .copy_btn a{
	display: block;
	width: 382px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	text-align: center;
}
.prompt_which1 .close{
	display: block;
	width: 33px;
	height: 33px;
	background: url(../img/close.png) no-repeat;
	position: absolute;
	top: 12px;
	right: 12px;
    cursor: pointer;
}
.prompt_which2{
    width: 436px;
    height: 490px;
    padding-top: 90px;
    padding-left: 30px;
    position: fixed;
    top: 30%;
    margin-left: -234px;
    left: 50%;
    z-index: 50;
    background-color:#edf4fa; 
    background: url(../img/tan2.png) no-repeat;
    display: none;
} 
.prompt_which2 .close{
	display: block;
	width: 33px;
	height: 33px;
	background: url(../img/close.png) no-repeat;
	position: absolute;
	top: 12px;
	right: 12px;
    cursor: pointer;
}
.prompt_which2 .prize_list {
	width: 436px;
	height: 472px;
	overflow-y: auto;
}
.prize_list ul li{
	width: 365px;
	height:97px;
	margin-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #c6cadb;
}
.prize_lf{
	float: left;
	width: 78px;
	height: 78px;
	margin-right: 15px;
}
.prize_rt{
	float: left;
	
}
.prize_rt h2{
	font-size: 18px;
	color: #494b92;
	font-weight: bold;
}
.prize_rt span{
	color: #494b92;
	position: absolute;
	top:64px;
	right: 15px;
}