@charset "utf-8";
/* CSS Document */
.box{width: 100%;}
.content_box{width: 1200px; margin: 0 auto;}
/* head */
.head_main_box{width: 100%; height: 80px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: fixed; z-index: 990; top: 0;}
.head_main{display: flex; height: 80px; justify-content:space-between; align-items: center; width: 1200px;}
.logo{margin: 0 0 0 0;}
.nav{display: inline-flex;}
.nav li{margin: 0 15px;}
.nav li a{font-size: 16px; color: #000; padding: 0 10px;}
.nav li a:hover{color: #ff4e19;}
.language_box{width: auto; display: flex; align-items: center;}
.top_loginaa{display: inline-block; font-size: 16px; color: #000; margin: 0 20px 0 0;}


.language_main{display: flex; align-items: center; cursor: pointer; background: #eee; height: 40px; padding: 0 20px; border-radius: 60px; transition: border-color .2s, background .2s, color .2s, box-shadow .2s, -webkit-box-shadow .2s;}
.language_main i{display: inline-block;}
.language_main span{display: inline-block; font-size: 14px; color: #333; margin: 0 8px 0 8px; font-weight: bold;}
.language_main:hover{background: #e7dcd8;}

.language_tan_bgbg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.7); z-index:998; top: 0; left: 0;}
.language_tan_mainbox{top:0; left:50%; margin-left: -240px; width:480px; background: #fff; position: fixed; z-index: 999; box-sizing: border-box; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
.language_tan_title{width: 100%; display: flex; justify-content: space-between;     align-items: center; border-bottom: 1px solid #eee; height: 60px; line-height: 60px; padding: 0 10px 0 30px; box-sizing: border-box;}
.language_tan_title span{font-size: 16px; color: #222; font-weight: bold;}
.language_tan_title i{width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.language_tan_title i:hover{background: #eee; border-radius: 50%;}
.language_tan_title_height{height: 52px; line-height: 52px;}

.language_tan_dangq_box{width: 100%; padding:20px 30px 30px 30px; box-sizing: border-box;}
.language_tan_dangq{width: 100%;}
.language_tan_dangq_title{display: block; width: 100%; font-size: 15px; color: #222; padding: 0 0 15px 0;}
.language_tan_dangq_main{width: 100%; border:1px solid #FBF1E7; background: #fffcf5; border-radius: 4px; padding: 15px; box-sizing: border-box;}
.language_tan_dangq_zhong{width: 100%; display: flex; align-items: center; padding: 0 0 10px 0;}
.language_tan_dangq_zhong i{width:30px;}
.language_tan_dangq_zhong i img{width: 100%; border-radius: 2px;}
.language_tan_dangq_zhong span{font-size: 14px; color: #222; padding: 0 0 0 8px;}
.language_tan_dangq_yuyanbox{width: 100%;}
.language_tan_dangq_yuyanbox span{display: block; width: 100%; font-size: 14px; color: #666; padding: 10px 0 15px 0;}
.language_tan_dangq_yuyanbox p{display: block; width: 100%; font-size: 16px; color: #333; padding: 10px 0 5px 0;}
.language_tan_dangq_yuyanbox small{display: block; width: 100%; font-size: 14px; color: #666; padding: 10px 0 15px 0; line-height: 1.5;}
.language_tan_dangq_yuyan{width: 100%; display: flex; padding: 10px 0 0 0;}
.language_tan_dangq_yuyan label{display: flex; align-items: center; padding: 0 20px 0 0; }
.language_tan_dangq_yuyan label small{font-size: 14px; color: #333; padding: 0 0 0 6px;}

.language_tan_dangq_yuyan2{width: 100%; display: flex; padding: 5px 0 25px 0;}
.language_tan_yylist{display: flex; align-items: center; box-sizing: border-box; border-radius: 4px; padding: 0 20px 0 0; font-size: 14px; color: #222;}

.language_tan_search{width: 100%; position: relative;}
.language_tan_search i{width: 20px; position: absolute; right: 10px; top: 11px;}
.language_tan_search i img{width: 100%;}
.language_tan_search input{border:none; background:#FFF; border:1px solid #e0e0e0; width:100%; padding:0 40px 0 10px; height: 42px; line-height: 42px; font-size:14px; color:#333; box-sizing: border-box; border-radius: 4px;}
.language_tan_search input:focus{border: 1px solid #ffac6d; color: #222; background: #fff; box-shadow: 0 0 0 3px rgba(254, 140, 55, .08);}
.language_tan_search_kong{width: 100%; padding: 30px 20px; box-sizing: border-box; font-size: 14px; color: #333; line-height: 1.5; text-align: center;}


.language_tan_xuanze{width: 100%; padding: 10px 0 0 0;}
.language_tan_xuanze_title{display: block; width: 100%; font-size: 14px; color: #222; padding: 0 0 15px 0;}
.language_listbox{width: 100%; max-height: calc(100vh - 450px);; overflow-y: auto; overflow-x: hidden; padding: 0 8px 0 0; box-sizing: border-box;}
.language_listbox::-webkit-scrollbar { /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.language_listbox::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #d1d1d1;
}
.language_listbox::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}
.language_list{width: 100%; border: #e0e0e0 1px solid;   border-radius: 4px; margin: 5px 0 15px 0;}
.language_list_hover{border: 1px solid #ffac6d;}
.language_list_gqbox{width: 100%; padding:15px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.language_list_gq{display: flex; align-items: center;}
.language_list_gq i{width:30px;}
.language_list_gq i img{width: 100%; border-radius: 2px;}
.language_list_gq span{font-size: 14px; color: #222; padding: 0 0 0 8px;}
.language_list_gqbox em{}
.languageboxxxx{display: none; padding: 0 15px 20px 15px; box-sizing: border-box;}

.language_tan_btn{width: 100%; padding: 20px 0 0 0;}
.language_tan_btn a{display: block; width: 100%; border-radius: 8px; text-align: center; font-size: 15px; height: 46px; line-height: 46px; margin-bottom: 5px;}



/* search */
.top_search_box{background:#FFF; border:1px solid #26282b; padding:0; height: 32px; width: auto; border-radius: 8px; margin: 0 8px 0 0; display: flex; justify-content:space-between; align-items: center;}
.top_search_box a{background:#FFF; padding:0 5px 0 0; border-radius: 8px;}
.top_search_input{border:none; background:#FFF; width:140px; padding:0 5px; height: 32px; line-height: 32px; font-size:14px; color:#222;  border-radius: 8px;}

.searchinfo_box{width: 1200px; padding: 150px 0 0 0; background: url(../images/search_topbg.jpg) no-repeat center 150px;}
.searchinfo_top{width: 600px; padding:0 10px 0 20px;  background:#FFF; border:1px solid #26282b; height: 52px;  border-radius: 8px; display: flex; justify-content:space-around; align-items: center; margin: 0 auto 50px auto;}
.searchinfo_top i{padding:0 5px 0 0;}
.searchinfo_top a{font-size: 14px; color: #222; background: #b9dd53; border: #222 1px solid; padding:8px 15px; border-radius: 60px;}
.searchinfo_top a:hover{background: #aed248; color: #222;}

.searchinfo_input{border:none; background:#FFF; width:479px; padding:0 15px 0 5px; height: 52px; line-height: 52px; font-size:24px; color:#222;  border-radius: 8px;}

.search_survey_box{width: 100%;}
.search_survey_title{width: 100%; display: flex; justify-content:space-between; padding: 30px 0 25px 0;}
.search_survey_title h2{ font-size: 24px; color: #222; font-weight: 500;}
.search_survey_title a{font-size: 14px; color: #666;}
.search_survey_content{background: #fff; padding: 20px 30px; border-radius: 4px;  box-shadow: 0 6px 12px 0 rgba(31, 35, 41, .03), 0 8px 24px 8px rgba(31, 35, 41, .02);}
.search_news_content{background: #fff; padding: 20px 30px; border-radius: 4px; box-shadow: 0 6px 12px 0 rgba(31, 35, 41, .03), 0 8px 24px 8px rgba(31, 35, 41, .02);}


.searchkong_box{width: 100%; text-align: center; padding: 35px 0 30px 0;}
.searchkong_box i{display: inline-block;}
.searchkong_box i img{width: 100%;}
.searchkong_box span{display: inline-block; width: 100%; text-align: center; font-size: 24px; color: #222; padding: 20px 0 10px 0;}
.searchkong_box small{display: inline-block; width: 100%; text-align: center; font-size: 14px; color: #666; padding: 0 0 24px 0;}
.searchkong_box a{display: inline-block; padding: 8px 30px; font-size: 14px;}


/* banner */
.index_banner{margin: 80px 0 0 0; height: 620px; background: url(../images/index_bannerbg.jpg) no-repeat top center #dff1f5;}
.index_banner_main{padding: 40px 0 0 0; position: relative;}

.login_bannerbox{width: 100%; text-align: center; padding: 30px 0 0 0;}
.login_btn1{display: inline-block; font-size: 16px; color: #222; background: #b9dd53; border:#222 1px solid; height: 44px; line-height: 44px; padding: 0 30px; border-radius: 60px; margin: 0 10px;}
.login_btn1 i{display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.login_btn1:hover{background: #aed248; color: #222;}
.login_btn2{display: inline-block; font-size: 16px; color: #222; background: #fff; border:#222 1px solid; height: 44px; line-height: 44px; padding: 0 30px; border-radius: 60px; margin: 0 10px;}
.login_btn2 i{display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.login_btn2:hover{background: #aed248; color: #222;}

.index_banner_pic{width: 662px; margin: 45px auto 0 auto;}
.index_banner_pic img{margin: 0 auto;}


.login_main{width: 1200px; margin: 0 auto; display: flex; justify-content:space-between; align-items: flex-end; padding: 0 0 0 0;}
.login_left{width: 660px; height: 480px; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.login_left h1{display: block; width: 100%; padding: 30px 50px 0 50px; font-size: 36px; color: #222; text-align: center; line-height: 1.5; box-sizing: border-box; font-weight: 500;}
.login_left h1 span{font-size: 44px; color: #4cc28a;}
.login_left h1 small{font-size: 44px; color: #ff984c;}
.login_left i{display: inline-block; width: 540px; margin-top: 20px;}
.login_left i img{width: 100%;}

.login_right{width: 480px; background: #fff; border-radius: 8px; padding: 30px 50px 20px 50px; box-sizing: border-box; margin: 0 0 30px 0; }
.login_title{display: flex; justify-content: space-between; align-items: center; padding: 0 0 30px 0;}
.login_title span{font-size: 26px; color: #222;}

.login_title2{display: block; font-size: 26px; color: #222; padding: 0 0 15px 0; font-weight: 400; text-align: center;}
.login_tipzi{display: block; font-size: 14px; color: #555; line-height: 1.6; padding-bottom: 30px;}
.login_nr_list{width: 100%; padding: 0 0 0 0;}
.login_btn{display: block; width: 100%;border-radius: 8px; text-align: center; font-size: 16px; color: #fff; height: 50px; line-height: 50px; margin-bottom: 10px; background: linear-gradient(92deg, #ffab6b 1.15%, #fe8c37 123.37%); box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .2);  color:#fff;}
.login_btn:hover{background: #fe8c37; color:#fff;}

.register_yszc{width: 100%; padding: 0 0 20px 0;}
.register_yszc label{line-height: 1.5;}
.register_yszc span{font-size: 14px; color: #333; padding: 0 0 0 5px;}
.register_yszc a{font-size: 14px; color: #ff4e19; margin: 0 5px;}
.register_yszc a:hover{text-decoration: underline;}
.register_yszc em{font-size: 14px; color: #333;}

.login_nr_txt{width: 100%; display: flex; justify-content: space-between; padding: 0 0 10px 0;}
.login_nr_txt span{font-size: 14px; color: #333;}
.login_cuo{width: 100%; box-sizing: border-box; font-size: 14px; color:#f5222d; min-height: 25px; line-height: 1.5; padding: 2px 0 0 0;}
.login_nr_input{width: 100%; display: flex;}
.login_iput1{width:100%; height:44px; line-height:44px;  padding:0 10px; border:#e8e8e8 1px solid; border-radius: 8px; box-sizing: border-box; font-size: 14px; color: #333;}
.login_iput1:focus{border: 1px solid #fe8c37; color: #333; background: #fff; box-shadow: 0 0 0 3px rgba(254, 140, 55, .08);}
.login_iput2{width:250px; height:44px; line-height:44px;  padding:0 10px; border:#e8e8e8 1px solid; border-radius: 8px; box-sizing: border-box; font-size: 14px; color: #333;}
.login_password_aaa{display: inline-block; font-size: 14px; color: #333; text-decoration: none; margin-bottom: 20px; line-height: 1.5;}
.login_password_aaa:hover{color: #ff6c00; text-decoration: underline;}

.login_nr_sc{width:100%; height:44px; line-height:44px;  padding:0 10px; border:#e8e8e8 1px solid; border-radius: 8px; box-sizing: border-box;     display: flex; align-items: center; justify-content: space-between; cursor: pointer;}


.login_zhuce_box{width: 100%; padding: 15px 0 5px 0; display: flex; justify-content: center; align-items:center;}
.login_zhuce_aaa{font-size: 15px; color: #ff4e19;}
.login_zhuce_aaa:hover{text-decoration: underline;}
.login_dsf{width: auto; flex-shrink: 0; display: flex; align-items:center;}
.login_dsf span{display: inline-block; font-size: 14px; color: #999;}
.login_dsf a{width: 40px; padding: 0 0 0 10px; cursor: pointer;}
.login_dsf a img{width: 100%;}

.home_ziliao{ display: flex; align-items: center; padding: 0 0 30px 0;}
.home_ziliao i{width: 60px; height: 60px; flex-shrink: 0;}
.home_ziliao i img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.home_namebox{display: flex; flex-wrap: wrap; padding: 0 0 0 10px; flex-shrink: 0;}
.home_namebox small{width: 100%; font-size: 14px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height: 24px; line-height: 24px; padding: 5px 0 0 0; }
.home_name{display: flex; align-items: center;}
.home_name span{font-size: 15px; color: #222; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.home_user_id{display: flex; align-items: center; background: #f5f5f5; padding: 5px 10px; border-radius: 60px; margin-left: 20px;}
.home_user_id em{width: 22px; margin-right: 5px;}
.home_user_id em img{width: 100%; border-radius: 2px;}
.home_user_id p{font-size: 14px; color: #333;}


/* peoplesay */
.peoplesay_box{width: 1200px; padding: 20px 50px; background: #fff;  border-radius: 10px; display: flex; box-sizing: border-box;}

#peoplesay_tx {padding: 34px 0 0 0;}
#peoplesay_tx li {display: inline-block; margin: 0 15px 0 0;  width: 60px; height: 60px; border-radius: 50%; border-radius: 50%; cursor: pointer; transition: all .7s ease 0s;}
#peoplesay_tx li:hover {background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
#peoplesay_tx li.current {background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#peoplesay_tx li i{display: inline-block; width: 60px; height: 60px; border-radius: 50%;}
#peoplesay_tx li i img{border-radius: 50%;}

#peoplesayshow {width: 800px; padding: 10px 0 0 20px;}
#peoplesay_main {display: flex; width: 100%;}
#peoplesay_main li {width: 100%; display:none; float: left;}
.people_yinhao{float: left; width: 20px; padding:0 0 0 0; }
.peoplesay_zi{float: left; width: 750px; padding: 0 0 0 20px;}
.peoplesay_zi span{display: inline-block; width: 100%; font-size: 15px; color: #222; line-height: 1.4;}
.peoplesay_zi small{display: inline-block; width: 100%; font-size: 14px; color: #666; padding: 15px 0 0 0;}
.peoplesay_zi small i{display: inline-block; vertical-align: bottom;}
.peoplesay_zi small em{display: inline-block; font-size: 16px; font-weight: bold; margin: 0 3px 0 5px;}

.peoplesay_img{display: block; padding: 0 15px;}


/* work */
.dr_biao{background: #def4da; padding: 8px 15px; font-size: 14px; color: #222; border-radius: 60px;}

.work_bg{background: #fcfcfc; padding: 120px 0 30px 0;}
.work_title{width: 100%; text-align: center; margin-bottom: 30px; padding: 10px 0 0 0; background: url(../images/work_topbg.jpg) no-repeat;}
.work_title h2{display: block; width: 100%; font-size: 36px; color: #222; padding: 25px 0 15px 0; font-weight: 500;}
.work_title span{display: block; width: 100%; font-size: 16px; color: #222; font-weight: 400; line-height: 1.5; padding: 0 20px; box-sizing: border-box;}
.work_main{width: 100%; display: flex; justify-content: space-between; background: url(../images/work_bg.jpg) no-repeat 0 35px; }
.work_list{width: 260px; padding: 35px 10px 20px 10px; text-align: center;}

.work_list i{display: inline-block; width: 90px; margin: 0 auto;}
.work_list span{display: inline-block; width: 100%; font-size: 24px; color: #222; padding: 30px 0 15px 0;}
.work_list small{display: inline-block; width: 100%; font-size: 16px; color: #666; line-height: 1.4; font-family: Helvetica;}
/* index survey */
.index_survey_box{position: relative;}
.index_survey_title{width: 100%; padding: 60px 0 0 0;}
.index_survey_title h2{display: block; width: 100%; font-size: 26px; color: #222; padding: 25px 0 15px 0;}
.index_survey_title h2 a{display: inline-block; font-size: 26px; color: #222; font-weight: 500;}
.index_survey_title h2 a:hover{color: #ff4e19;}
.index_survey_title span{display: block; width: 100%; font-size: 14px; color: #666; padding: 25px 0 0 0; line-height: 1.5;}


.index_survey_content{width: 100%; display: flex;     justify-content: space-between; padding: 35px 0 40px 0;}
.index_survey_list{width: 285px; background: #fff;     box-shadow: 0 6px 12px 0 rgba(31, 35, 41, .04), 0 8px 24px 8px rgba(31, 35, 41, .03); padding: 0 0 20px 0; position: relative; border-radius: 10px;}
.index_survey_list:hover{cursor: pointer;     box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.index_survey_list i{display: block; width: 100%; height: 160px;}
.index_survey_list i img{display: block; width: 100%; height: 100%; object-fit: cover;     border-radius: 10px;}
.index_survey_list span{display: block; width: 100%; font-size: 17px; color: #222; line-height: 1.5; padding: 20px 20px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-all; overflow:hidden; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; display:-webkit-box; display:box;}
.index_survey_jf{width: 100%; padding: 10px 20px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.index_survey_jf small{font-size: 24px; color: #ff6458; font-family: Din !important;}
.index_survey_jf em{font-size:14px; color:#ff6458; padding-left:3px;}

/* game */
.index_game_content{width: 100%; display: flex;     justify-content: space-between; padding: 35px 0 40px 0;}
.index_game_title{padding: 30px 0 0 0!important;}

.game_content{width: 100%; display: flex;  flex-wrap: wrap; gap: 20px; padding: 25px 0 0 0;}
.offer_box .game_list{width: 270px!important;}

.game_list{width: 285px; background: #fff;     box-shadow: 0 6px 12px 0 rgba(31, 35, 41, .04), 0 8px 24px 8px rgba(31, 35, 41, .03); padding: 0 0 0 0; position: relative; border-radius: 10px;}
.game_list:hover{cursor: pointer;     box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.game_picbox{width: 100%; height: 160px; display: flex;  position: relative;}
.game_pic{width: 100%; height: 160px;}
.game_pic img{display: block; width: 100%; height: 100%; object-fit: cover;     border-radius: 10px;}
.game_biao{position: absolute; top: 5px; left: 5px; padding: 4px 6px; background-color: rgba(0, 0, 0, .6); border-radius:20px;}
.game_txtbox{width: 100%; padding: 20px 15px 20px 15px; box-sizing: border-box;}

.game_jf{display: flex; align-items: baseline; padding: 10px 0 0 0;}
.game_jf span{font-size: 24px; color: #ff6458; font-family: Din !important;}
.game_jf small{font-size: 14px; color: #ff6458; padding: 0 0 0 5px;}

.game_txt{display: flex; flex-direction: column;}
.game_txt span{font-size: 17px; color: #222; line-height: 1.5; padding: 0 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 25px; line-height: 25px;}
.game_txt a{font-size: 14px; color: #666; height: 20px; line-height: 20px;}
.game_txt small{width: 100%; font-size: 14px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 20px; line-height: 20px;}

.tan_width600{width:600px; margin-left: -300px;}
.tan_width650{width:650px; margin-left: -325px; background: #F7F8FA;}
.tan_width750{width:750px; margin-left: -375px; background: #fff;}


.tan_jlr_close{width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; top: 15px; right: 10px; z-index: 33;}
.tan_jlr_close:hover{background: #eee; border-radius: 50%;}


.game_tanbox{width: 100%;  padding:0; box-sizing: border-box; border-radius: 8px; display: flex;}
.gamets_left{width: 380px;}
.gamets_left img{border-radius: 8px 0 0 8px;}
.gamets_right{width: 370px; text-align: center; position: absolute; right: 30px; top: 70px;}
.gamets_right h2{display: block; font-size: 28px; font-weight: bold; color: #333; text-align: center;}
.gamets_right h2 em{font-size: 28px; color: #ff7b4d; font-weight: bold;}
.gamets_right h3{display: block; font-size: 14px; color: #666; line-height: 1.5; text-align: center; margin: 10px 0 20px 0; font-weight: 400;}
.gamets_ewm {width: 100%; padding:5px; text-align: center; box-sizing: border-box;}
.gamets_ewm span {display: inline-block; width: 100%;}
.gamets_ewm span img{display: inline-block;}
.gamets_ewm small {display: inline-block; width: 100%; text-align: center; color: #666; font-size: 14px; padding-top:10px;}



/* game tan */
.city_tan_box{width: 100%;}
.city_tan_top{width: 100%; position: relative;}
.city_tan_top span{display: block; width: 100%;}
.city_tan_top span img{width: 100%; border-radius: 8px 8px 0 0;}
.city_tan_top i{width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; top: 15px; right: 10px;}
.city_tan_top i:hover{background: #fff; border-radius: 50%;}
.game_tan_title{width: 100%; font-size: 24px; color: #222; text-align: center; padding: 0 50px; box-sizing: border-box;}
.game_tan_nr{width: 100%; font-size: 15px; color: #333; line-height: 1.8; padding: 25px 50px; box-sizing: border-box;}
.game_tan_nr span{font-weight: bold; color: #222;}
.game_tan_btnbox{width: 100%; display: flex; justify-content: center; align-items: center; gap:25px; padding: 25px 0 40px 0;}
.game_tan_btnbox a{padding: 12px 20px; font-size: 14px; box-sizing: border-box; border-radius: 4px; min-width: 120px; text-align: center;}
.game_tan_btn1{color: #333; border:1px solid #999; background: #fff; box-sizing: border-box;}
.game_tan_btn1:hover{border:1px solid #fe8c37; background: #fe8c37; color:#fff; color: #fff;}
.game_tan_btn2{color: #fff; background: linear-gradient(92deg, #ffab6b 1.15%, #fe8c37 123.37%);}
.game_tan_btn2:hover{background: #fe8c37; color:#fff;}


/* about */
.index_about_title{width: 100%; padding: 5px 0 0 0; position: relative;}
.index_about_title h2{display: block; width: 100%; font-size: 26px; color: #222; padding: 15px 0 15px 0; font-weight: 500;}
.index_about_title h2 a{display: inline-block; font-size: 26px; color: #222; font-weight: 500;}
.index_about_title h2 a:hover{color: #ff4e19;}
.index_about_title span{display: block; width: 100%; font-size: 14px; color: #666; padding: 25px 0 0 0; line-height: 1.5;}
.padding1{padding: 0!important;}
.padding2{padding: 15px 0 15px 0!important;}
.padding3{padding: 45px 0 15px 0!important;}


.aboutus_content{width: 1200px; margin: 0 auto; display: flex; flex-wrap:wrap; justify-content: space-between; padding: 40px 0 0 0;}
.aboutus_list{width: 360px; margin-bottom: 15px;}
.aboutus_list i{display: inline-block; width: 100%;}
.aboutus_zi{width: 100%; padding: 15px 0 0 0;}
.aboutus_zi span{display: block; width: 100%; font-size: 20px; color: #222; line-height: 1.2; font-weight: 500;}
.aboutus_zi small{display: block; width: 100%; font-size: 14px; color: #666; line-height: 1.6; padding: 8px 0 15px 0;}
.aboutus_list_width1{width: 300px!important}
.aboutus_list_width2{width: 370px!important}
.aboutus_list_width3{width: 410px!important}


/* choose */
.choose_box{position: relative;}
.choose_p1{position: absolute; top: 50px; left: -80px; z-index: 2;}
.choose_p2{position: absolute; top: 125px; left: 530px; z-index: 2;}
.choose_p3{position: absolute; top: 80px; right: -150px; z-index: 1;}
.choose_p4{position: absolute; top: 490px; right: 650px; z-index: 1;}
.choose_p5{position: absolute; top: 40px; left: -100px; z-index: 2;}
.choose_p6{position: absolute; top: 40px; right: 0; z-index: 1;}
.choose_mian{width: 700px; padding:30px 0 0 0;}
.choose_mian h2{display: block; width: 100%; font-size: 26px; color: #222; padding: 25px 0 15px 0; font-weight: 500;}
.choose_title_line{display: inline-block; width: 40px; height: 4px; background: #333; border-radius: 10px;}
.choose_listzi{display: block; width: 95%;}
.choose_listzi li{display: block; width: 100%; margin: 20px 0 0 0;}
.choose_listzi li span{display: block; width: 100%; font-size: 20px; color: #222;}
.choose_listzi li small{display: block; width: 100%; font-size: 14px; color: #666; line-height: 1.5; padding: 8px 0 0 0;}
.choose_listzi li a{margin: 10px 0;}

.choose_listzi li em{display: block; width: 100%; font-size: 14px; color: #666; line-height: 1.5; padding: 8px 0 0 0;}
.choose_mian_padding{padding: 0 0 40px 0;}
/* work_home */
.work_home_main{display: flex; flex-wrap:wrap; justify-content: space-between; padding: 60px 0 0 0;}

.work_home_title{width: 100%; padding: 0 0 25px 0;}
.work_home_title h2{display: block; width: 100%; font-size: 26px; color: #222; padding: 10px 0 15px 0;}
.work_home_title h2 a{font-size: 24px; color: #222; font-weight: 500;}
.work_home_title h2 a:hover{font-size: 24px; color: #ff4e19;}


.work_home_list{width: 560px; display: flex; margin-bottom: 50px;}
.work_home_list i{display: inline-block; margin: 0 20px 0 0;}
.work_home_zi{padding: 5px 0 0 0;}
.work_home_zi span{display: block; width: 100%; font-size: 24px; color: #222; line-height: 1.2;}
.work_home_zi small{display: block; width: 100%; font-size: 14px; color: #666; line-height: 1.5; padding: 5px 0 15px 0;}
.work_home_zi a{display: inline-block; background: url(../images/jiantou.png) no-repeat right 8px; font-size: 14px; color: #666; padding: 5px 30px 8px 5px; border-bottom: #eee 1px solid;}

/* foot_say */
.footsay_content{width: 1200px; margin: 0 auto; display: flex; flex-wrap:wrap; justify-content: space-between; padding: 40px 0 0 0;}
.footsay_list{width: 300px; padding: 30px 35px 140px 35px; margin-bottom: 15px;  box-shadow: 0 6px 12px 0 rgba(31, 35, 41, .03), 0 8px 24px 8px rgba(31, 35, 41, .02); background: #fff; border-radius: 10px; position: relative;}
.footsay_yinhao{display: block; width: 20px; }
.footsay_zi{width: 100%; padding: 15px 0 0 0;}
.footsay_zi span{display: inline-block; width: 100%; font-size: 16px; color: #222; line-height: 1.6;}
.footsay_zi small{display: inline-block; width: 100%; font-size: 14px; color: #666; padding: 20px 0 0 0;}
.footsay_zi small i{display: inline-block; vertical-align: bottom;}
.footsay_zi small em{display: inline-block; font-size: 16px; font-weight: bold; margin: 0 3px 0 5px;}
.say_name{width: 300px; display: flex; align-items:center; position: absolute; bottom: 25px; border-top: 1px solid #f2f2f2; padding: 25px 0 0 0;}
.say_name dt{width: 52px; height: 52px;     border-radius: 50%; background-color: #fff; border:2px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.say_name dt img{width: 100%; border-radius: 50%;}
.say_name dd{ padding: 0 0 0 15px; }
.say_name dd span{display: block; width: 100%; font-size: 18px; color: #333; padding: 2px 0 10px 0;}
.say_name dd small{display: block; width: 100%; font-size: 12px; color: #999;}
.say_star{width: 100%; display: flex;}
.say_star li{width: 15px; height: 15px; border-radius: 6px; margin: 0 2px 0 0;}
.say_star li img{width: 100%;}

.say_star2{width: 100%; display: flex; padding: 0 0 8px 0;}
.say_star2 i{width: 16px; height: 16px; border-radius: 6px; margin: 0 3px 0 0;}
.say_star2 i img{width: 100%;}


/* foot_login */
.foot_new_box{width: 100%; display: flex;     justify-content: space-between; padding: 35px 0 40px 0;}
.foot_new_list{width: 285px; background: #fff;     box-shadow: 0 6px 12px 0 rgba(31, 35, 41, .03), 0 8px 24px 8px rgba(31, 35, 41, .02); padding: 0 0 80px 0; position: relative; border-radius: 10px;}
.foot_new_list:hover{cursor: pointer;     box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}

.foot_new_list i{display: block; width: 100%; height: 160px;}
.foot_new_list i img{display: block; width: 100%;     height: 100%; object-fit: cover; border-radius: 10px;}
.foot_new_list span{display: block; width: 100%; font-size: 18px; color: #222; line-height: 1.6; padding: 20px 20px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.foot_new_list small{display: block; width: 100%; font-size: 13px; color: #666; line-height: 1.5; padding: 8px 20px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.foot_new_list a{display: inline-block; background: url(../images/jiantou.png) no-repeat right 8px; font-size: 14px; color: #666; padding: 5px 30px 8px 5px; border-bottom: #eee 1px solid; margin: 20px 0 0 20px; position: absolute; bottom: 25px;}



/* foot_login */
.foot_login_box{margin: 10px 0 0 0; height: 210px; background: url(../images/foot_login.jpg) no-repeat top center #dff1f5;}
.foot_login_main{width: 1200px; height: 210px; display: flex; justify-content: center; align-items: center;}
.foot_login_zi{font-size: 18px; color: #222; line-height: 1.5;}
.foot_login_zi em{display: block; width: 100%; font-size: 32px; color: #222; font-weight: 400; padding: 0 0 15px 0;}
.foot_login_main a{width: 150px; text-align: center; margin: 15px 0 0 70px;}

/* foot */
.foot_box{background: #fff; }
.foot_main{display: flex; justify-content: space-between; padding: 50px 0 0 0;}
.foot_logobox{width: 460px;}
.foot_logobox i{display: block; width: 100%; padding: 0 0 20px 0;}
.foot_logobox span{display: inline-block; width:450px; font-size: 14px; color: #222; line-height: 1.7;}
.foot_logobox small{display: inline-block; width: 100%; padding: 15px 0 0 0;}
.foot_nav{}
.foot_nav span{display: block; width: 100%; font-size: 22px; color: #222; padding: 0 0 20px 0;}
.foot_nav a{display: block; width: 100%; font-size: 15px; color: #333; padding: 8px 0;}
.foot_main_zi{text-align: center; font-size: 14px; color: #222; padding: 25px 0; border-top:2px solid #f7f7f7; margin: 40px auto 0 auto;}

.foot_nav_width1{width: 450px;}
.foot_nav_width2{width: 160px;}
.foot_nav_list{display: flex; width: 100%; flex-wrap:wrap;}
.foot_nav_list li{display: block; width: 50%;}


/* offer */
.offer_banner_main{padding: 140px 0 0 0;}
.offer_banner_main h1{display: block; width: 100%; text-align: center; font-size: 36px; color: #000; line-height: 1.1; padding: 0 20px; box-sizing: border-box; font-weight: 500;}
.offer_banner_main span{display: block; width: 100%; text-align: center; font-size: 18px; color: #000; font-weight: 400; padding: 15px 20px 40px 20px; line-height: 1.5; box-sizing: border-box;}
.offer_bannerbtn{width: 100%; text-align: center; padding: 0 0 50px 0;}

.offer_box{background: #fff; border-radius: 4px; padding: 25px 30px; box-sizing: border-box;}
.offer_main{width: 100%;}
.offer_main h2{display: block; width: 100%; font-size: 24px; color: #222; font-weight: 500;}

.offer_subnav{width: 100%; display: flex;  flex-wrap:wrap; align-items:center; padding: 0 0 20px 0; line-height: 1.5;}
.offer_subnav a{display: inline-block; font-size: 16px; color: #666;}
.offer_subnav i{display: inline-block; padding: 0 20px 0 20px;}
.offer_subnav span{display: inline-block; font-size: 16px; color: #333; max-width: 900px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.offer_subnav_padding{padding: 20px 0 0 0;}
.offer_subnav_padding2{padding: 0 0 0 0;}
.offer_subnav_padding3{padding: 110px 0 0 0!important;}

.offer_fenlei{width: 100%; display: flex; flex-wrap:wrap; padding: 15px 0 0 0;}
.offer_fenlei a{width:auto; padding:0 15px;  border:#e7e7e7 1px solid; border-radius: 60px; height:32px; line-height:32px; color:#666; font-size:14px; margin:10px 20px 10px 0;}
.offer_fenlei .offer_fenlei_active,.offer_fenlei a:hover{ background: #b9dd53; border: #222 1px solid; color: #222;}


.offer_fenlei2{width: 100%; display: flex; flex-wrap:wrap; justify-content: space-between; border:#ececf4 1px solid; border-right: none; border-bottom: none; border-radius: 4px; box-sizing: border-box; margin-top: 25px;}
.offer_fenlei2 a{width: 189px; text-align: center; display: flex; flex-wrap:wrap; align-content: flex-start; border-right: #ececf4 1px solid; border-bottom: #ececf4 1px solid; box-sizing: border-box; padding: 35px 0; }
.offer_fenlei2 a i{width: 100%; text-align: center;}
.offer_fenlei2 a i img{display: inline-block;}
.offer_fenlei2 a span{width: 100%; text-align: center; color:#333; font-size:14px; padding: 15px 5px 0 5px; box-sizing: border-box; line-height: 1.6;}
.offer_fenlei2 a:hover{box-shadow: 0 3px 10px #ebecef; cursor:pointer;}



.survey_data{display: flex; width: 100%; justify-content: space-between; padding: 20px 0 30px 0;}
.survey_data li{width: 220px; border: 1px solid #ececf4; border-radius: 4px; background: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);}
.survey_data li span{display: block; width: 100%; font-size: 28px; color: #333;}
.survey_data li span em{display: inline-block; font-size: 20px; padding: 0 0 0 5px;}
.survey_data li small{display: block; width: 100%; font-size: 14px; color: #555; padding: 10px 0 0 0;}

.survey_list{width:1140px; border-bottom:#eceef4 1px dashed; display: flex; justify-content: space-between;}
.survey_list dl{width:700px; padding:25px 0; display: flex; justify-content: flex-start;}
.survey_list dt{padding-right:20px; width:100px; height:100px; position: relative;}
.survey_list dt img{width: 100%; height: 100%;     object-fit: cover; border-radius: 4px;}
.survey_list dd{display:block; width:515px; padding:5px 0 0 0;}
.survey_list_title{width:100%; font-size:16px; color:#333; padding: 0 0 5px 0;}
.survey_list_nr{width:100%;}
.survey_list_nr p{display: inline-block; font-size:12px; color:#666; border:#e7e7e7 1px solid; padding:7px 10px 7px 30px; margin-right:6px; margin-top:8px; background-size: 16px;}
.survey_time{background:url(../images/survey_time.svg) no-repeat; background-position: top 4px left 8px;}
.survey_shichang{background:url(../images/survey_shichang.svg) no-repeat; background-position: top 5px left 8px;}
.survey_sb_pc{background:url(../images/survey_sb_pc.svg) no-repeat; background-position: top 5px left 8px;}
.survey_sb_phone{background:url(../images/survey_sb_phone.svg) no-repeat; background-position: top 6px left 8px;}
.survey_sb_pcphone{background:url(../images/survey_sb_pcphone.svg) no-repeat; background-position: top 4px left 8px;}
.survey_dw{background:url(../images/survey_dw.svg) no-repeat; background-position: top 4px left 8px;}
.survey_list_jd{width:100%; padding:10px 0 0 0;}
.survey_list_jd span{display: inline-block; font-size:12px; color:#666; padding:0 0 0 10px;}

.survey_jf{padding:45px 0 0 0;}
.survey_jf span{font-size:28px; color:#ff6458; font-weight:bold; font-family: Din !important;}
.survey_jf small{font-size:14px; color:#ff6458; padding-left:5px;}
.survey_btn{height: 38px; line-height: 38px; padding:0 40px; margin: 37px 10px 0 0; font-size:14px; background:#ff6161; background:linear-gradient(to right, #f77c7c, #ff6161); color:#fff;}
.survey_btn:hover{background:#ea5b5b; color:#fff;}


.offer_footbox{width: 100%; background: #fff; margin-top: 30px;}
.offer_footcontent1_box{width: 1200px; margin: 0 auto; position: relative;}
.offer_p1{position: absolute; top: 40px; left: -130px; z-index: 2;}
.offer_footcontent{width: 100%;}
.offer_footcontent h2{display: block; width: 100%; font-size: 26px; color: #222; padding: 45px 0 15px 0; font-weight: 500;}
.offer_footcontent span{display: block; width: 100%; font-size: 14px; color: #666; padding: 25px 0 0 0; line-height: 1.5;}

.offer_footcontent2_box{width: 1200px; margin: 0 auto; display: flex; flex-wrap:wrap; justify-content: space-between; padding: 60px 0 0 0;}
.offer_foot_list{width: 560px; margin-bottom: 40px;}
.offer_foot_list i{display: inline-block; width: 100%;}
.offer_foot_zi{width: 100%; padding: 15px 0 0 0;}
.offer_foot_zi h2{display: block; width: 100%; font-size: 24px; color: #222; line-height: 1.2; font-weight: 500;}
.offer_foot_zi small{display: block; width: 100%; font-size: 14px; color: #666; line-height: 1.6; padding: 8px 0 15px 0;}
.offer_foot_zi small a{font-size: 14px; color: #ff4e19; text-decoration: underline;}
.offer_foot_zi small a:hover{color: #f44336; text-decoration: underline;}

.offer_faq_box{width: 1200px; margin: 0 auto; padding: 0 0 0 0;}
.offer_faq_box h2{display: block; width: 100%; font-size: 26px; color: #222; padding: 5px 0 25px 0; font-weight: 500;}

.offer_faq_list{width: 100%; padding: 0 0 30px 0;}
.offer_faq_list dl{width: 100%; display:block; border:1px solid #ccc; border-radius: 10px; margin: 5px 0 20px 0;}
.offer_faq_list dt{display:flex; justify-content: space-between; align-items:center; padding: 10px 0;}
.offer_faq_list dt a{display:block; width: 100%; font-size:18px; color:#222; text-decoration:none; padding: 10px 20px; box-sizing: border-box;}
.offer_faq_list dt a:hover{font-size:18px; color:#d74b56; text-decoration:none;}
.offer_faq_list dt i{display: inline-block; padding: 0 30px 0 0;}
.offer_faq_list dd{display: block; width:100%; font-size:14px; color:#444; line-height:1.6; padding: 0 20px 10px 20px; box-sizing: border-box;}


/* wallet */
.wallet_banner_box{background: url(../images/vote_bannerbg.jpg) no-repeat center 80px #e0f1f5; height: 300px; padding: 80px 0 0 0;}
.wallet_banner_main{display: flex; justify-content: space-between;  padding: 25px 0 0 0; align-items: center;}
.wallet_banner_zi{width: 680px;}
.wallet_banner_zi h1{display: block; width: 100%;font-size: 36px; font-weight: 500; color: #000; padding: 0 0 0 0;}
.wallet_banner_zi span{display: block; width: 100%; font-size: 18px; color: #000; font-weight: 400; padding: 15px 0 25px 0; line-height: 1.5;}
.wallet_banner_btn{margin: 0;}
.wallet_banner_img{padding: 10px 30px 0 0;}
.vote_banner_img{padding: 0 10px 0 0;}

.wallet_main_box{padding: 60px 0 30px 0;}
.wallet_nr{width: 100%; display: flex; justify-content: flex-start; align-items:center;}
.wallet_nr i{display: inline-block; width: 400px;}
.wallet_szi{display: inline-block;}
.wallet_szi span{display: inline-block; border-radius: 60px; font-size: 18px; color: #222; margin-bottom: 15px; background: #def4da; padding: 8px 15px;}
.wallet_szi small{display: inline-block; width: 100%; font-size: 18px; color: #222; line-height: 1.7;}
.wallet_szi small a{font-size: 18px; color: #ff4e19; text-decoration: underline;}
.wallet_szi small a:hover{color: #f44336; text-decoration: underline;}

.wallet_szi_padd1{padding: 0 0 0 70px;}
.wallet_szi_padd2{padding: 0 100px 0 0;}
.wallet_szi_padd3{padding: 0 0 0 100px;}

/* vote */
.vote_main_box{padding: 30px 0 30px 0; display: flex; justify-content: space-between;}
.vote_main_box2{padding: 110px 0 30px 0; display: flex; justify-content: space-between;}
.vote_left{width: 800px;}
.vote_right{width: 350px;}
.vote_title{display: block; width: 100%; font-size: 24px; color: #222; font-weight: 500; padding: 0 0 20px 10px; box-sizing: border-box;}
.vote_main{width: 100%; background: #fff; border-radius: 4px; padding: 5px 30px 30px 30px; box-sizing: border-box; border: #fafafa 1px solid;}

.vote_list{width: 100%; padding: 20px 0 20px 0; margin: 10px 0 0 0; box-sizing: border-box; border-bottom:1px solid #f2f2f2;}
.vote_list:hover{cursor: pointer;}
.vlist_t1{width:100%; height:40px; line-height:40px; display: flex;}
.vlist_t1 i{display: inline-block; width: 40px; height: 40px;}
.vlist_t1 i img{width: 100%; height: 100%;     object-fit: cover;}
.vlist_t1 span{display: inline-block; font-size:14px; color:#444; padding:0 0 0 20px; font-weight: bold;}
.vlist_t1 small{display: inline-block; font-size:14px; color:#444; padding: 0 0 0 15px;}
.vlist_t2{width:100%; padding:0 0 8px 60px; box-sizing: border-box;}
.vlist_t2 a{font-size:18px; color:#222; line-height: 1.5;}
.vlist_t2 a:hover{color:#ed4731; text-decoration:underline;}
.vlist_t3{width:100%; padding:0 0 8px 60px; box-sizing: border-box; font-size: 14px; color: #666; line-height: 1.7;}
.vlist_t4{display: block; padding:2px 0 8px 60px; box-sizing: border-box;}
.vlist_t4 li{display: inline-block; padding: 0 20px 0 0;}
.vlist_t4 li i{display: inline-block;}
.vlist_t4 li span{display: inline-block; font-size: 14px; color: #333; vertical-align: top; line-height: 22px;}

.right_rmht{width:100%; padding:30px 0 0 0; display: flex;}
.right_rmht dt{display: inline-block;}
.right_rmht_shuzi{width: 30px; font-size: 18px; color: #444; font-weight: 400; line-height: 40px;}
.right_rmht_tx{width: 40px; height: 40px;}
.right_rmht_tx img{width: 100%; height: 100%;     object-fit: cover;}
.right_rmht dd{display: inline-block; padding: 0 0 0 15px;}
.right_rmht dd span{display:block; width:100%; padding:2px 0 10px 0; font-size: 14px; color:#333; font-weight: bold;}
.right_rmht dd small{display:block; width:100%; font-size: 12px; color:#666; }
.vote_line{width:100%; border-bottom:#eaeaea 1px solid; float:left; margin:10px 0 20px 0;}

.right_rmht_btn{width: 100%; text-align: center; padding: 35px 0 0 0;}
.right_rmht_btn a{margin: 0; font-size: 14px; line-height: 36px; height: 36px;}

.vlist_t5{width:100%; padding:0 0 8px 0; box-sizing: border-box; font-size:20px; color:#222; line-height: 1.5;}
.vlist_t6{width:100%; padding:0 0 8px 0; box-sizing: border-box; font-size: 14px; color: #888; line-height: 1.7;}
.vlist_t7{width:100%; height:30px; line-height:30px; display: flex;}
.vlist_t7 i{display: inline-block; width: 30px; height: 30px;}
.vlist_t7 i img{width: 100%; height: 100%;     object-fit: cover;}
.vlist_t7 span{display: inline-block; font-size:14px; color:#999; padding:0 0 0 10px;}
.vlist_t7 small{display: inline-block; font-size:14px; color:#999; padding: 0 0 0 20px;}

.vote_infobox{width: 100%; padding: 0 0 0 0;}
.vote_info{display: block; width: 100%; padding: 30px 0 0 0;}
.vote_info dt{display: block; width:100%; font-size:18px; color:#333; line-height: 1.5;}
.vote_info dd{display: block; width:100%; padding: 15px 0 10px 0; box-sizing: border-box;}
.votezi{width: 100%; display: flex; justify-content:space-between; padding: 0 0 8px 0;}
.votezi span{font-size: 16px; color: #333; line-height: 1.5; max-width: 615px;}
.votezi small{font-size: 12px; color: #999; line-height: 1.5;}
.optbar{width: 100%; background: #eff2f5; height: 7px; border-radius: 60px;}
.optbar span{display: block; height: 7px; border-radius: 60px;}
.oi_numline1{background: #6dc1ef;}
.oi_numline2{background: #feb150;}
.oi_numline3{background: #29dfd4;}
.oi_numline4{background: #b9d3da;}
.oi_numline5{background: #ff5589;}
.oi_numline6{background: #e899e3;}

.vote_info .vote_joinbox{padding: 15px 0 5px 30px;}
.vote_info .vote_joinbox:hover{background: #f7f7f7;}
.vote_join{width: 100%;}
.vote_join label{display: block; width: 100%; cursor: pointer;}
.vote_join i{display: inline-block; padding: 0 5px 0 0;}
.vote_join span{font-size: 14px; color: #666; line-height: 1.5;}
.vote_join_btn{width: 100%; padding: 35px 0 10px 0; box-sizing: border-box;}
.vote_join_btn a{margin: 0; font-size: 14px; line-height: 36px; height: 36px;}


/* about */
.about_zi_box{width:1000px; margin:0 auto;   padding:40px 0 10px 0;}
.about_zi_box h2{width:1000px; margin:0 auto; text-align:center; font-size:28px; color: #222; font-weight: 500;}
.about_zi_box small{display: block; width:1000px; text-align:center; font-size:16px; color:#333; line-height:30px;}
.about_zi_box small a{font-size: 16px; color: #ff4e19; text-decoration: underline;}
.about_zi_box small a:hover{color: #f44336; text-decoration: underline;}

.about_zi_box span{display:block; width:40px; background:#ff7f00; height:3px; margin:15px auto 25px auto; border-radius: 60px;}

.about_nr_box{width:1100px; padding:20px 50px;}
.about_nr_title{width: 100%;}
.about_nr_title h2{display: block; width:100%; font-size:24px; color:#222; font-weight:bold;  padding:0 0 0 0; line-height: 1.6; text-align: center; font-weight: 500;}

.about_nr_listbox{width: 100%; display: flex;  flex-wrap:wrap; }
.about_nr_list{width: 33.3333%; padding: 40px 0 0 0;}
.about_nr_list i{display: block; width: 100%; text-align: center;}
.about_nr_list i img{display: inline-block;}
.about_nr_list span{display: block; width: 80%; text-align: center; font-size: 16px; color: #222; line-height: 1.6; font-weight: bold; padding: 5px 10%;}
.about_nr_list small{display: block; width: 80%; text-align: center; font-size: 14px; color: #333; line-height: 1.6; padding: 0 10% 0 10%;}
.about_nr_list small a{font-size: 14px; color: #ff4e19; text-decoration: underline;}
.about_nr_list small a:hover{color: #f44336; text-decoration: underline;}


.liaojie_box{width:100%; background:url(../images/liaojie_bg.jpg) repeat-x; height:570px; margin-bottom: 50px;}
.liaojie_box h2{display: block; width:100%; font-size:24px; color:#222; font-weight:bold;  padding:40px 0 0 0; line-height: 1.6; text-align: center; font-weight: 500;}


.about_foot{width:1059px; text-align:center; padding:30px 0 70px 0; margin: 0 auto;}
.about_foot i{width:1059px; display:block;}
.about_foot span{font-size:24px; color:#333; display:block; text-align:center; width:1059px; padding:50px 0 30px 0;}
.about_foot a{}

/* news */
.news_list{width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #f2f2f2; padding: 30px 0;}
.mew_list_date{display: inline-block; width: 100px; font-size: 18px; color: #333; line-height: 1.5;}
.mew_list_img{display: inline-block; width: 200px; height: 150px; padding: 0 30px 0 0;}
.mew_list_img img{width: 100%; height: 100%;     object-fit: cover; border-radius: 4px;}
.news_list dd{display: flex; width: 850px; flex-wrap: wrap; align-content: space-between; }
.news_list dd:hover{cursor: pointer;}
.news_list_zi{width: 100%;}
.news_list_zi span{width: 100%; font-size: 18px; color: #222; line-height: 1.5; overflow:hidden; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; display:-webkit-box; display:box;}
.news_list_zi small{width: 100%; font-size: 14px; color: #666; line-height: 1.7; margin: 10px 0 10px 0; overflow:hidden; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; display:-webkit-box; display:box;}
.news_list_zi span:hover{color: #000}
.news_list_zi small:hover{color: #000}
.news_list_foot{width: 100%;}
.news_list_foot p{display: inline-block; padding: 4px 35px 0 0;}
.news_list_foot p i{display: inline-block;}
.news_list_foot p em{display: inline-block; font-size: 14px; color: #333; vertical-align: top; line-height: 22px; padding: 0 0 0 5px;}
.news_list_foot a{float: right; background: url(../images/jiantou.png) no-repeat right 8px; font-size: 14px; color: #666; padding: 5px 30px 8px 5px; border-bottom: #eee 1px solid;}


.newsinfo_box{width: 1100px; padding: 100px 0 0 0;}
.newsinfo_subnav{width: 100%; display: flex;  flex-wrap:wrap; align-items:center; padding: 20px 0 20px 0; line-height: 1.5;}
.newsinfo_subnav a{display: inline-block; font-size: 20px; color: #d14d2f;}
.newsinfo_subnav i{display: inline-block; padding: 0 20px 0 20px;}
.newsinfo_subnav span{display: inline-block; font-size: 14px; color: #666; max-width: 900px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsinfo_content{width: 100%; background: #fff;     border: #fafafa 1px solid; box-sizing: border-box; margin: 10px 0; padding: 30px 50px 30px 50px;}
.newsinfo_content h1{display: block; width: 100%; font-size: 22px; color: #222; line-height: 1.5; font-weight: 400; margin: 0 0 10px 0;}
.newsinfo_nr{width: 100%; font-size: 15px; color: #444; line-height: 1.7; padding: 20px 0 0 0;}
.newsinfo_nr h2{display: block; width: 100%; font-size: 18px; color: #444; font-weight: 400;}
.newsinfo_nr p{display: block; width: 100%; font-size: 15px; color: #444; line-height: 1.7; padding: 0 0 5px 0;}
.newsinfo_nr a{font-size: 14px; color: #ff4e19; text-decoration: underline;}
.newsinfo_nr a:hover{color: #f44336; text-decoration: underline;}

.table_bbb{border: 1px solid #666; border-right: none; border-bottom: none;width: 100%;}
.table_bbb td{border-bottom: 1px solid #333; border-right: 1px solid #333; padding: 0 0 0 10px; color: #444;}
.table_bbb_tt{word-break: break-all; width: 240px;}
.table_bbb_center{text-align: center;}

/* page */
.page_box{width: 100%; text-align: center; padding: 30px 0 20px 0; display: flex; justify-content: center;}
.page_box i{display: inline-block; width: 40px; height: 40px; line-height: 38px; background: #efefef; border-radius: 6px; cursor: pointer; margin: 0 4px;}
.page_box i img{display: inline-block;}
.page_box i:hover{background: #e0e0e0; color: #222;}
.page_box span{display: inline-block; width: 40px; height: 40px; line-height: 38px; font-size: 14px; color: #222; text-align: center; background: #efefef; border-radius: 6px; cursor: pointer; margin: 0 4px;}
.page_box span:hover{background: #e0e0e0; color: #222;}
.page_box span a{display: inline-block; width: 40px; height: 40px; line-height: 38px; font-size: 14px; color: #222; text-align: center; border-radius: 6px;}
.page_box .page_hover{background: #222; color: #fff;}
.page_box .page_hover:hover{background: #222; color: #fff;}

/*guojia tanchu*/
.tan_content{width:600px; padding:0 0 10px 0;}
.tan_content span{display: block; width: 100%; font-size:22px; color:#333; text-align:center; line-height: 1.6;}
.tan_content small{display: block; width: 100%; font-size:14px; color:#666; line-height: 1.6; text-align:left; padding:5px 0 10px 0; }
.tan_closebox{width:600px; padding:5px 0 20px 0;}
.tan_closebox a{float:right; width: 25px; height: 25px; background: url(../images/close.png) no-repeat;}
.tan_closebox a:hover{background: url(../images/close_hover.png) no-repeat;}

.guojia_ul{width:600px; padding:5px 0 0 0; overflow:auto; max-height: 350px; display: flex; flex-wrap: wrap;}
.guojia_ul li{width:181px; padding:8px 5px;  display: flex; align-items: center; cursor:pointer; font-size:12px; color:#666; margin:10px 0 0 0; border:#fff 1px solid;}
.guojia_ul li i{display: inline-block; width:30px; padding:0 12px 0 0;}
.guojia_ul li i img{width: 100%; border-radius: 2px;}
.guojia_ul li em{display: inline-block; font-size:12px; color:#666; text-decoration:none;}

.guojia_ul .guojia_qie,.guojia_ul li:hover{color:#666; text-decoration:none; background:#fefaef; border:#f6eacf 1px solid; font-weight:bold;}


.guojia_ul::-webkit-scrollbar { /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.guojia_ul::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #d1d1d1;
}
.guojia_ul::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}

/*help*/
.help_main_box{padding: 30px 0 30px 0; display: flex; justify-content: space-between;}
.help_left{width: 860px; padding: 30px 30px 30px 30px;}
.help_right{width: 300px; padding: 20px 30px 30px 30px;}
.help_right a{display: block; width: 100%; font-size: 16px; color: #333; height: 50px; line-height: 50px; margin-bottom: 10px; border-radius: 4px; border: 1px solid #f2f2f2; background: #fff; padding: 0 0 0 15px; box-sizing: border-box;}
.help_right .help_right_hover,.help_right a:hover{border: 1px solid #e0f1f5; background: #e0f1f5; color: #222;}

.help_box{background: #fff; border-radius: 4px; box-sizing: border-box; border: #fafafa 1px solid;}

.help_leftt_nr{width:100%; padding:0 0 20px 0px;}
.help_title{width:100%; font-size:22px; color:#222; padding:10px 0 10px 0;  }
.help_leftt_nr dl{width:100%; display:block; border-bottom: 1px dashed #EBEBEB;}
.help_leftt_nr dt{display:block; width: 100%; padding: 5px 10px; box-sizing: border-box;}
.help_leftt_nr dt a{display: block; width: 100%; font-size:16px; color:#333; text-decoration:none; padding:15px 0;}
.help_leftt_nr dt a:hover{font-size:16px; color:#d14d2f; text-decoration:none;}
.help_jtdown{float: right; margin: 5px 0 0 0;}
.help_leftt_nr dd{display: block; width: 100%; background:#e8f5f7; padding:15px; position: relative; margin: 0 0 10px 0; border-radius: 4px; box-sizing: border-box;}
.help_leftt_nr dd>p{content: ''; width: 0; height: 0; position: absolute; top: -20px; left: 15px; border-bottom: 10px solid #e8f5f7;
border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent;}
.help_leftt_nr dd span{display: block; width: 100%; font-size:14px; color:#555; line-height:24px;}
.help_leftt_nr dd span a{color: #ff4e19; text-decoration: underline;}
.help_leftt_nr dd span a:hover{color: #f44336; text-decoration: underline;}

.service_nr{width: 100%; font-size: 15px; color: #333; line-height: 1.8; padding: 0 0 30px 0;}
.service_nr h2{display: block; width: 100%; font-size: 22px; color: #333; font-weight: 500; line-height: 1.5; padding: 0 0 15px 0;}

.service_nr a{color: #ff4e19; text-decoration: underline;}
.service_nr a:hover{color: #f44336; text-decoration: underline;}

/*webmap*/
.webmap_list{display: block; width: 100%;}
.webmap_list li{display: inline-block; width: 40%; padding: 15px 0;}
.webmap_list li a{font-size: 18px; color: #222; display: flex; align-items:center; line-height: 1.5;}
.webmap_list li a:hover{ color: #ff4e19; text-decoration: underline;}
.webmap_list li a:before{content: ""; display: inline-block; width: 4px; height: 4px; background: #444; border-radius: 50%; margin-right: 10px;}