@charset "utf-8";
/* CSS Document */

.line_hui{float:left; width:100%; background:#f2f2f2; border-bottom:#e8e8e8 1px solid; border-top:#e8e8e8 1px solid; height:.16rem;}
.line_hui2{float:left; width:100%; background:#eceff6; border-bottom:#e4e6ec 1px solid; border-top:#e4e6ec 1px solid; height:.15rem;}
.line_hui3{float:left; width:100%; background:#f5f4f9; border-bottom:#f0eef5 1px solid; border-top:#f0eef5 1px solid; height:.16rem;}
.box{width:94%; padding:0 3%;}


.countrytab{background: url(../../../images/language.png) no-repeat 20px 14px; background-size: 20px; text-indent: 25px;}


/*banner*/
.index_bannerbox{width: 100%; background: url(../images/index_bannerbg.jpg) no-repeat top center #dff1f5; background-size: 100%; margin-top: 60px;}

.index_banner_content{width: 100%; padding: .4rem 0 0 0;}
.index_banner_content h1{display: block; width: 90%; text-align: center; font-size: .4rem; color: #000; line-height: 1.4; padding: 0 5% .2rem 5%;}
.index_banner_content h2{display: block; width: 90%; text-align: center; font-size: .27rem; color: #000; font-weight: 400; line-height: 1.5; padding: 0 5% .2rem 5%;}



.login_bannerbox{width: 70%; padding: 0 15%; display: flex; justify-content: center; align-items: center;}
.login_bannerbox a{padding: 0 0 0 .65rem; box-sizing: border-box;}
.login_btn1{display: inline-block; font-size: .24rem; color: #222; background: #b9dd53; border:#222 1px solid; width: 100%; height: 44px; line-height: 44px;border-radius: 60px;}
.login_btn1 i{display: inline-block; width: .6rem; vertical-align: middle; margin: 0 .2rem 0 0;}
.login_btn1:hover{background: #aed248; color: #222;}
.login_btn2{display: inline-block; font-size: .24rem; color: #222; background: #fff; border:#222 1px solid; width: 100%; height: 44px; line-height: 44px; border-radius: 60px; margin-top: .2rem;}
.login_btn2 i{display: inline-block; width: .4rem; vertical-align: middle; margin: 0 .2rem 0 0;}
.login_btn2:hover{background: #aed248; color: #222;}

.login_btn3{display: inline-block; font-size: .24rem; color: #222; background: #b9dd53; border:#222 1px solid;  height: 44px; line-height: 44px;border-radius: 60px; padding: 0 .65rem!important;}
.login_btn3 i{display: inline-block; width: .6rem; vertical-align: middle; margin: 0 .2rem 0 0;}
.login_btn3:hover{background: #aed248; color: #222;}

.login_emailpp{width: .38rem!important;}

.index_banner_pic{width: 100%; margin: .5rem auto 0 auto;}
.index_banner_pic img{display: block; width: 70%; margin: 0 auto;}


.login_left{width: 100%; text-align: center;}
.login_left h1{display: block; width: 100%; padding: 0 5%; font-size: .4rem; color: #222; text-align: center; line-height: 1.4; box-sizing: border-box;}
.login_left h1 span{font-size: .4rem; color: #4cc28a;}
.login_left h1 small{font-size: .4rem; color: #ff984c;}

.login_right{width: 86%; background: #fff; border-radius: 8px; padding: .2rem 5%; box-sizing: border-box; margin: .3rem 7% 0 7%;}
.login_title{display: flex; justify-content: space-between; align-items: center; padding: 0 0 .2rem 0;}
.login_title span{font-size: .33rem
	; color: #222;}

.login_nr_list{width: 100%; margin-bottom: .2rem;}
.login_btn{display: block; width: 100%;border-radius: 8px; text-align: center; font-size: .24rem; color: #fff; padding: .2rem 0; margin-bottom: .1rem; 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;}

.login_nr_txt{width: 100%; display: flex; justify-content: space-between; padding: 0 0 .1rem 0;}
.login_nr_txt span{font-size: .23rem; color: #333;}
.login_cuo{width: 100%; box-sizing: border-box; font-size: .23rem; color:#f5222d; line-height: 1.5; padding: .05rem 0 0 0;}
.login_nr_input{width: 100%; display: flex;}
.login_iput1{width:100%; height:.75rem; line-height:.75rem;  padding:0 .15rem; border:#e8e8e8 1px solid; border-radius: 8px; box-sizing: border-box; font-size: .23rem; color: #333;}

.login_password_aaa{display: inline-block; font-size: .23rem; color: #333; text-decoration: none; margin-bottom: .2rem;}
.login_password_aaa:hover{color: #ff6c00; text-decoration: underline;}

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


/*peoplesay*/
.peoplesay_box{width: 100%; background: url(../images/peoplesay_bg.jpg) no-repeat top center #fcfcfc; background-size: 100%;}
.peoplesay_content{width: 90%; margin: 0 5%; background: #fff; border-radius: 10px;}

.swiper-container{width: 100%; padding: .3rem .2rem; box-sizing: border-box;}
.swiper-slide{-webkit-box-sizing: border-box; box-sizing: border-box; display: flex;}

.peoplesay_tx{display: inline-block; width: 60px; height: 60px; border-radius: 50%;}
.peoplesay_tx img{border-radius: 50%;}

.peoplesay_main{display: flex;}
.people_yinhao{display: inline-block; padding:0 0 0 .2rem; }
.peoplesay_zi{display: inline-block; padding: 0 0 0 .15rem;}
.peoplesay_zi span{display: inline-block; width: 100%; font-size: .24rem; color: #222; line-height: 1.5;}
.peoplesay_zi small{display: inline-block; width: 100%; font-size: .22rem; color: #666; padding: .2rem 0 0 0;}
.peoplesay_zi small i{display: inline-block;     vertical-align: bottom;}
.peoplesay_zi small em{display: inline-block; font-size: .24rem; font-weight: bold; margin: 0 .06rem 0 .04rem;}

/*work*/
.workcontent_box{background: #fcfcfc; padding: 0 3% .2rem 3%;}

.dr_biao{display: inline-block; background: #def4da; padding: .1rem .2rem; font-size: .2rem; color: #222; border-radius: 60px;}

.work_title{width: 100%; text-align: center; margin-bottom: .2rem; padding: .5rem 0 0 0;}
.work_title h2{display: block; width: 100%; font-size: .4rem; color: #222; padding: .15rem 0 .1rem 0;}
.work_title span{display: block; width: 100%; font-size: .24rem; color: #222; font-weight: 400; line-height: 1.5; padding: 0 2%; box-sizing: border-box;}
.work_main{width: 100%; display: flex; justify-content: space-between; flex-wrap:wrap;}
.work_list{width: 44%; padding: .2rem .1rem .15rem .1rem; text-align: center;}
.work_list i{display: inline-block; width: 1rem; margin: 0 auto;}
.work_list i img{width: 100%;}
.work_list span{display: inline-block; width: 100%; font-size: .28rem; color: #222; padding: .1rem 0 .05rem 0; line-height: 1.5;}
.work_list small{display: inline-block; width: 100%; font-size: .21rem; color: #666; line-height: 1.4;}

/*index_survey*/
.index_survey_box{width: 90%; padding: .3rem 5% 0 5%;}
.index_survey_box h2{display: block; width: 100%; font-size: .36rem; color: #222; padding: .1rem 0 .1rem 0; line-height: 1.5;}
.index_survey_box h2 a{display: inline-block; font-size: .36rem; color: #222; line-height: 1.5;}
.index_survey_box h2 a:hover{color: #ff4e19;}
.index_survey_zi{display: block; width: 100%; font-size: .22rem; color: #666; padding: .2rem 0 0 0; line-height: 1.5;}


.index_survey_content{width: 100%; display: flex;     justify-content: space-between; flex-wrap: wrap; padding: .3rem 0 .1rem 0;}
.index_survey_list{width: 48%; 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 .2rem 0; position: relative; border-radius: 10px; margin: 0 0 .2rem 0;}
.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: 88px;}
.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: .24rem; color: #222; line-height: 1.4; padding: .25rem .25rem 0 .25rem; -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: .1rem .25rem 0 .25rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: baseline;}
.index_survey_jf small{font-size:.29rem; color:#ff6458; font-weight:bold; font-family: Din !important;}
.index_survey_jf em{font-size:.22rem; color:#ff6458; padding-left:.03rem;}

/* game */
.index_game_content{width: 100%; display: flex;     justify-content: space-between; flex-wrap: wrap; padding: .3rem 0 .1rem 0;}


.game_list{width: 48%; 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; margin: 0 0 .2rem 0;}
.game_list:hover{cursor: pointer;     box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.game_picbox{width: 100%; height: 88px; display: flex;  position: relative;}
.game_pic{width: 100%; height: 88px;}
.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: .25rem; box-sizing: border-box;}

.game_jf{display: flex; align-items: baseline; padding: .1rem 0 0 0;}
.game_jf span{font-size: .29rem; color: #ff6458; font-family: Din !important;}
.game_jf small{font-size: .22rem; color: #ff6458; padding: 0 0 0 .03rem;}

.game_txt{display: flex; flex-direction: column;}
.game_txt span{font-size: .24rem; color: #222; line-height: 1.4; padding: 0 0 .06rem 0;}
.game_txt a{font-size: .22rem; color: #666;}
.game_txt small{width: 100%; font-size: .22rem; color: #666; line-height: 1.4; overflow:hidden; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; display:-webkit-box; display:box;}


.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_zi{width:100%; padding: 0 8%; box-sizing: border-box; display: flex; flex-direction: column;}
.game_zi h2{ width:100%; text-align:center; font-size:.44rem; color:#333; padding:.5rem 0 .15rem 0;}
.game_zi h2 em{font-size:.42rem; color:#FE8A34;}
.game_zi h3{width:100%; text-align:center; font-size:.23rem; color:#666; line-height:1.6;}

.game_ewm{width:100%; padding: 0 5%; box-sizing: border-box; display: flex; flex-direction: column;}
.game_ewm em{width: 100%;}
.game_ewm em img{width: 100%;}
.game_ewm i{display:block; width:2.4rem; margin:0 auto;}
.game_ewm i img{width: 100%;}
.game_ewm small{display:block; width:100%; text-align:center; font-size:.24rem; color:#666; padding:0 0 .35rem 0;}





/* 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: .36rem; color: #222; text-align: center; padding: 0 8%; box-sizing: border-box;}
.game_tan_nr{width: 100%; font-size: .26rem; color: #333; line-height: 1.8; padding: .3rem 8%; 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; padding: .25rem 0 .4rem 0;}
.game_tan_btnbox a{padding: .15rem .25rem; font-size: .24rem; box-sizing: border-box; border-radius: 4px; min-width: 2rem; text-align: center; margin: 0 .2rem;}
.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;}




/* tan */
.language_tan_bgbg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.6); z-index:998; top: 0; left: 0;}
.language_tan_mainbox{top:0; left:5%; width:90%; 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; padding: .2rem .2rem; box-sizing: border-box;}
.language_tan_title span{font-size: .24rem; color: #222; font-weight: bold;}
.language_tan_title i{width: 26px; height: 26px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.language_tan_title i:hover{background: #eee; border-radius: 50%;}



.language_tan_dangq_box{width: 100%; padding:.2rem; box-sizing: border-box;}



.language_tan_xuanze{width: 100%; padding: 0 0 0 0;}
.language_listbox{width: 100%; max-height: calc(100vh - 330px);; overflow-y: auto; overflow-x: hidden; padding: 0 .1rem 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: .1rem 0 .2rem 0;}
.language_list_hover{border: 1px solid #ffac6d;}
.language_list_gqbox{width: 100%; padding:.2rem; 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:.55rem;}
.language_list_gq i img{width: 100%; border-radius: 2px;}
.language_list_gq span{font-size: .24rem; color: #222; padding: 0 0 0 .15rem;}
.language_list_gqbox em{}
.languageboxxxx{display: none; padding: 0 .2rem .2rem .2rem; box-sizing: border-box;}

.language_tan_dangq_yuyanbox{width: 100%;}
.language_tan_dangq_yuyanbox span{display: block; width: 100%; font-size: .24rem; color: #666; padding: .1rem 0 .15rem 0;}
.language_tan_dangq_yuyanbox p{display: block; width: 100%; font-size: .26rem; color: #333; padding: .1rem 0 .05rem 0;}
.language_tan_dangq_yuyanbox small{display: block; width: 100%; font-size: .24rem; color: #666; padding: .1rem 0 .15rem 0; line-height: 1.5;}
.language_tan_dangq_yuyan{width: 100%; display: flex; padding: .1rem 0 0 0;}
.language_tan_dangq_yuyan label{display: flex; align-items: center; padding: 0 .3rem 0 0; }
.language_tan_dangq_yuyan label small{font-size: .24rem; color: #333; padding: 0 0 0 .1rem;}
.language_tan_dangq_yuyan label input{margin: 0;}

.language_tan_dangq_yuyan2{width: 100%; display: flex; padding: .1rem 0 .2rem 0;}
.language_tan_yylist{display: flex; align-items: center; box-sizing: border-box; border-radius: 4px; padding: 0 .2rem 0 0; font-size: .24rem; color: #222;}


.language_tan_btn{width: 100%; padding: .2rem 0 0 0;}
.language_tan_btn a{display: block; width: 100%; border-radius: 8px; text-align: center; font-size: .25rem; color: #fff; height: 46px; line-height: 46px; margin-bottom: .1rem; }


.language_tan_search{width: 100%; position: relative; margin-bottom: .1rem;}
.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:.25rem; 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: .3rem .2rem; box-sizing: border-box; font-size: .25rem; color: #333; line-height: 1.5; text-align: center;}


/*choose*/
.choose_mian{width: 90%; padding: .2rem 5% 0 5%;}
.choose_mian h2{display: block; width: 100%; font-size: .36rem; color: #222; padding: .1rem 0 .1rem 0; line-height: 1.5;}
.choose_title_line{display: inline-block; width: 34px; height: 3px; background: #333; border-radius: 10px;}

.choose_listzi{display: block; width: 100%;}
.choose_listzi li{display: block; width: 100%; margin: .4rem 0 0 0;}
.choose_listzi li span{display: block; width: 100%; font-size: .28rem; color: #222;}
.choose_listzi li small{display: block; width: 100%; font-size: .21rem; color: #666; line-height: 1.5; padding: .1rem 0 0 0;}
.choose_listzi li em{display: block; width: 100%; font-size: .21rem; color: #666; line-height: 1.5; padding: .1rem 0 0 0;}
.choose_listzi li a{display: inline-block; font-size: .24rem; color: #222; background: #b9dd53; border:#222 1px solid; padding: 0 .5rem;  height: 40px; line-height: 40px; border-radius: 60px; text-align: center;}
.choose_listzi li a:hover{background: #aed248; color: #222;}
.choose_p3{width: 100%; margin: .1rem 0 0 0;}
.choose_p3 img{width: 100%;}
.choose_p6{width: 100%; margin: .3rem 0 0 0;}
.choose_p6 img{width: 90%;}

/* work_home */
.work_home_main{width: 90%; padding: .1rem 5% 0 5%;}
.work_home_list{width: 100%; display: flex; margin-bottom: .3rem;}
.work_home_list i{display: inline-block; margin: 0 .2rem 0 0; width: 1rem;}

.work_home_zi{width: 100%; padding: .1rem 0 0 0;}
.work_home_zi span{display: block; width: 100%; font-size: .28rem; color: #222; line-height: 1.2;}
.work_home_zi small{display: block; width: 100%; font-size: .21rem; 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: .21rem; color: #666; padding: 5px 30px 8px 5px; border-bottom: #eee 1px solid;}

.work_home_title{width: 100%; padding:0 0 .35rem 0;}
.work_home_title h2{display: block; width: 100%; font-size: .38rem; color: #222; padding: .1rem 0 .1rem 0;}
.work_home_title h2 a{display: inline-block; font-size: .36rem; color: #222; line-height: 1.5;}
.work_home_title h2 a:hover{color: #ff4e19;  line-height: 1.5;}
.work_home_title span{display: block; width: 100%; font-size: .22rem; color: #666; padding: .1rem 0 0 0; line-height: 1.5;}

/* foot_say */
.footsay_content{width: 90%; padding: .3rem 5% 0 5%;}
.footsay_list{width: 100%; padding: .3rem .3rem; margin:.3rem 0 .4rem 0; 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; box-sizing: border-box;}
.footsay_yinhao{display: block; width: 20px; }
.footsay_zi{width: 100%; padding: .25rem 0 .35rem 0;}
.footsay_zi span{display: inline-block; width: 100%; font-size: .24rem; color: #222; line-height: 1.5;}
.footsay_zi small{display: inline-block; width: 100%; font-size: .22rem; color: #666; padding: .2rem 0 0 0;}
.footsay_zi small i{display: inline-block;     vertical-align: bottom;}
.footsay_zi small em{display: inline-block; font-size: .24rem; font-weight: bold; margin: 0 .06rem 0 .04rem;}

.say_name{width: 100%; display: flex; align-items:center;  border-top: 1px solid #f2f2f2; padding: .25rem 0 0 0;}
.say_name dt{width: 45px; height: 45px;     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 .2rem; }
.say_name dd span{display: block; width: 100%; font-size: .24rem; color: #333; padding: 0 0 .1rem 0;}
.say_name dd small{display: block; width: 100%; font-size: .22rem; color: #999;}
.say_star{width: 100%; display: flex;}
.say_star li{width: 12px; height: 12px; border-radius: 6px; margin: 0 2px 0 0;}
.say_star li img{width: 100%;}

.say_star2{width: 100%; display: flex; padding: 0 0 .1rem 0;}
.say_star2 i{width: 12px; height: 12px; border-radius: 6px; margin: 0 2px 0 0;}
.say_star2 i img{width: 100%;}

/* foot_news */
.foot_news_box{width: 90%; padding: .3rem 5% 0 5%;}
.foot_news_box h2{display: block; width: 100%; font-size: .36rem; color: #222; padding: .1rem 0 .1rem 0; line-height: 1.5;}
.foot_new_list{width: 100%; background: #fff;  margin:.3rem 0 .4rem 0; padding: 0 0 .5rem 0; box-shadow: 0 6px 12px 0 rgba(31, 35, 41, .03), 0 8px 24px 8px rgba(31, 35, 41, .02); border-radius: 10px;}
.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: .28rem; color: #222; line-height: 1.4; padding: .25rem .3rem 0 .3rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.foot_new_list small{display: block; width: 100%; font-size: .21rem; color: #666; line-height: 1.5; padding: .1rem .3rem .15rem .3rem; -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: .21rem; color: #666; padding: 5px 30px 8px 5px; border-bottom: #eee 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 0 .3rem;}


/* foot_login */
.foot_login_main{width: 100%; margin: .1rem 0 0 0;  background: url(../images/foot_login.jpg) no-repeat top center #dff1f5; background-size: 100%;}
.foot_login_zi{width: 80%; padding: .4rem 10% 0 10%; font-size: .22rem; color: #222; line-height: 1.5;}
.foot_login_zi em{display: block; width: 100%; font-size: .38rem; color: #222; font-weight: 400; padding: 0 0 .1rem 0;}

.foot_login_main a{display: inline-block; font-size: .24rem; color: #222; background: #b9dd53; border:#222 1px solid; padding: .15rem .5rem; border-radius: 60px; text-align: center; margin: .2rem 0 .25rem 10%;}
.foot_login_main a:hover{background: #aed248; color: #222;}
/* foot */
.foot_logobox{width: 80%; padding: .4rem 10% 0 10%; border-top: 1px solid #f2f2f2;}
.foot_logobox i{display: block; width: 100%; padding: 0 0 .2rem 0;}
.foot_logobox span{display: inline-block; width:100%; font-size: .21rem; color: #222; line-height: 1.7;}
.foot_logobox small{display: inline-block; width: 100%; padding: .2rem 0 0 0;}
.foot_main_zi{width: 90%; text-align: center;  padding: .2rem 0 .3rem 0; border-top:2px solid #f7f7f7; margin: .2rem auto 0 auto;}
.foot_main_zi span{font-size: .21rem; color: #222; margin: 0 .15rem; padding: .1rem 0;     display: block;}
.foot_main_zi a{display: inline-block; font-size: .22rem; color: #82a913; margin: 0 .18rem 0 .12rem; padding: .15rem 0; position: relative;}
.foot_main_zi a:after{content: ''; position: absolute; right: -.22rem; top: 50%; width: 1px; height: 12px; background-color: #999; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }


/*offer*/
.offer_bannerbox{width: 100%; background: url(../images/offer_bannerbg.jpg) no-repeat top center #dff1f5; background-size: 100%; margin-top: 60px;}
.offer_banner_content{width: 100%; padding: .4rem 0 0 0;}
.offer_banner_content h1{display: block; width: 80%; text-align: center; font-size: .4rem; color: #000; line-height: 1.4; padding: 0 10%;}
.offer_banner_content span{display: block; width: 80%; text-align: center; font-size: .24rem; color: #000; font-weight: 400; line-height: 1.5; padding: .1rem 10%;}
.offer_loginbtn{width: 70%; padding: .2rem 15%; text-align: center;}
.offer_loginbtn a{display: inline-block; font-size: .24rem; color: #222; background: #b9dd53; border:#222 1px solid; width: 90%; height: 40px; line-height: 40px;border-radius: 60px;}

.offerdate_box{width: 100%; background: url(../images/peoplesay_bg2.jpg) no-repeat top center #fcfcfc; background-size: 100%; padding: .2rem 0 0 0;}
.offerdate_content{width: 80%; margin: 0 5%; padding: .3rem 5% 0 5%; background: #fff; border-radius: 10px;}
.offerdate_content2{width: 90%; padding: .1rem 5% 0 5%; background: #fff; border-radius: 10px;}
.offer_title{display: block; width: 100%; font-size: .32rem; color: #222; font-weight: 500; line-height: 1.5;}


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


.survey_data{display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; padding: .2rem 0 .25rem 0;}
.survey_data li{display: inline-block; width: 48%; border: 1px solid #ececf4; border-radius: 4px; background: #fff; padding: .2rem; margin: .05rem 0 .15rem 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.04); box-sizing: border-box;}
.survey_data li span{display: block; width: 100%; font-size: .32rem; color: #333;}
.survey_data li span em{display: inline-block; font-size: .28rem; padding: 0 0 0 5px;}
.survey_data li small{display: block; width: 100%; font-size: .22rem; color: #555; padding: 10px 0 0 0;}

.offersurvey_box{width: 100%; background: #fcfcfc; padding: .2rem 0 .3rem 0;}

.survey_list{width:100%; border-bottom:#eceef4 1px dashed;}
.survey_list dl{width:100%; padding:.2rem 0; display: flex; flex-wrap: wrap;}
.survey_list dt{width:1.4rem; height:1.4rem;}
.survey_list dt img{width: 100%; height: 100%;     object-fit: cover;}
.survey_list dd{display:block; width:69%; padding:0 0 0 3%;}
.survey_list_title{width:100%; font-size:.26rem; color:#333; padding: 0 0 .05rem 0; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.survey_list_nr{width:100%; display: flex; flex-wrap: wrap;}
.survey_list_nr p{display: inline-block; font-size:.2rem; color:#666; border:#e7e7e7 1px solid; padding:.06rem .1rem .06rem .1rem; margin-right:.08rem; margin-top:.08rem; display: flex;  align-items:center;}
.survey_time,.survey_shichang,.survey_sb_pc,.survey_sb_phone,.survey_sb_pcphone,.survey_dw{display: inline-block; padding: 0 .04rem 0 0;}

.survey_list_jd{width:100%; padding:.1rem 0 0 0;}
.survey_list_jd span{display: inline-block; font-size:.2rem; color:#666; padding:0 0 0 .1rem;}
.survey_list_jifen{display:block; width:100%; font-size:.2rem; color:#ff6458; padding: .1rem 0 0 0;}
.survey_list_jifen em{font-size:.26rem; color:#ff6458; font-weight:bold; padding: 0 .05rem 0 0; font-family: Din !important;}

.offer_footcontent{width: 90%; padding: .3rem 5% 0 5%;}
.offer_footcontent h2{display: block; width: 100%; font-size: .36rem; color: #222; padding: .1rem 0 .1rem 0; line-height: 1.5;}
.offer_footcontent h2 a{display: inline-block; font-size: .36rem; color: #222; line-height: 1.5;}
.offer_footcontent h2 a:hover{color: #ff4e19;}
.offer_footcontent span{display: block; width: 100%; font-size: .22rem; color: #666; padding: .1rem 0 0 0; line-height: 1.5;}


.offer_footcontent2_box{width: 90%; padding: .3rem 5% 0 5%;}
.offer_foot_list{width: 100%; display: flex; margin-bottom: .25rem;}
.offer_foot_list i{display: inline-block; width: 1rem; margin: 0 .2rem 0 0;}
.offer_foot_list i img{width: 100%;}
.offer_foot_zi{width: 100%; padding: .1rem 0 0 0;}
.offer_foot_zi h2{display: block; width: 100%; font-size: .28rem; color: #222; line-height: 1.2; font-weight: 500;}
.offer_foot_zi span{display: block; width: 100%; font-size: .28rem; color: #222; line-height: 1.2; font-weight: 500;}
.offer_foot_zi small{display: block; width: 100%; font-size: .21rem; color: #666; line-height: 1.5; padding: 5px 0 0 0;}
.offer_foot_zi small a{font-size: .21rem; color: #ff4e19; text-decoration: underline;}

.offer_faq_box{width: 90%; padding: .15rem 5% .3rem 5%;}
.offer_faq_box h2{display: block; width: 100%; font-size: .38rem; color: #222; padding: 0 0 .1rem 0;}
.offer_faq_list{width: 100%; margin: .3rem 0 .05rem 0;}
.offer_faq_list span{display: block; width: 100%; font-size: .28rem; color: #222; line-height: 1.2; font-weight: 500;}
.offer_faq_list small{display: block; width: 100%; font-size: .21rem; color: #666; line-height: 1.5; padding: 5px 0 0 0;}


.maoaa{font-size: .21rem; color: #ff4e19; text-decoration: underline;}
.maoaa:hover{color: #f44336; text-decoration: underline;}


/*news*/
.main_box{width:92%; padding:.1rem 4%; background: #fcfcfc;}

.news_bannerbox{width: 100%; background: url(../images/news_bannerbg.jpg) no-repeat top center #dff1f5; background-size: 100%; margin-top: 60px;}
.news_banner_content{width: 100%; padding: .4rem 0 .3rem 0;}
.news_banner_content h1{display: block; width: 80%; text-align: center; font-size: .46rem; color: #000; line-height: 1.4; padding: 0 10%;}
.news_banner_content span{display: block; width: 80%; text-align: center; font-size: .24rem; color: #000; font-weight: 400; line-height: 1.5; padding: .05rem 10%;}
.news_loginbtn{width: 70%; padding: .2rem 15%; text-align: center;}
.news_loginbtn a{display: inline-block; font-size: .24rem; color: #222; background: #b9dd53; border:#222 1px solid; width: 80%; height: 38px; line-height: 38px;border-radius: 60px;}

.news_list{width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #f2f2f2; padding: .3rem 0;}
.news_list:hover{background: #f5f5f5;}
.mew_list_img{display: inline-block; width: 1.6rem; height: 1.2rem;}
.mew_list_img img{width: 100%; height: 100%;     object-fit: cover; border-radius: 4px;}
.news_list dd{display: flex; width: 70%; padding: 0 0 0 3%; flex-wrap: wrap; align-content: space-between; }
.news_list dd:hover{cursor: pointer;}
.news_list_zi{width: 100%;}
.news_list_zi span{display: block; width: 100%; font-size: .26rem; color: #222; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.news_list_zi small{display: block; width: 100%; font-size: .2rem; color: #666; line-height: 1.5; margin: .1rem 0 .1rem 0; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.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: 0 .2rem 0 0;}
.news_list_foot p i{display: inline-block; width: .26rem;}
.news_list_foot p i img{width: 100%;}
.news_list_foot p em{display: inline-block; font-size: .21rem; color: #333; vertical-align: top; padding: .03rem 0 0 .06rem;}

.newsinfo_content{width: 100%; padding: 70px 0 .4rem 0;}
.newsinfo_content h1{display: block; width: 100%; font-size: .3rem; color: #222; line-height: 1.5; font-weight: 400; margin: 0 0 .1rem 0;}
.newsinfo_nr{width: 100%; font-size: .24rem; color: #666; line-height: 1.7; padding: .2rem 0 0 0;}
.newsinfo_nr img{width: 100%;}
.newsinfo_nr h2{display: block; width: 100%; font-size: .26rem; color: #555; font-weight: bold;}
.newsinfo_nr p{display: block; width: 100%; font-size: .24rem; color: #666; line-height: 1.7; padding: 0 0 .15rem 0;}
.newsinfo_nr a{font-size: .24rem; 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;}
.table_bbb_tt{word-break: break-all; width: 240px;}
.table_bbb_center{text-align: center;}


/*vote*/
.votemain_box{width:92%; padding:.2rem 4%; background: #fcfcfc;}
.vote_list{width: 100%; padding: .25rem 0 .25rem 0; box-sizing: border-box; border-bottom:1px solid #f2f2f2;}
.vote_list_ppp{padding: .15rem 0 .15rem 0;}
.vlist_t1{width:100%; display: flex; align-items:center; padding: 0 0 .16rem 0;}
.vlist_t1 i{display: inline-block; width: .5rem; height: .5rem;}
.vlist_t1 i img{width: 100%; height: 100%;     object-fit: cover;}
.vlist_t1 span{display: inline-block;     width: 45%; font-size:.23rem; color:#444; padding:0 0 0 .1rem; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.vlist_t1 small{float: right; font-size:.2rem; color:#444; padding: 0 0 0 .3rem;}
.vlist_t2{width:100%; padding:0 0 .1rem 0; box-sizing: border-box; font-size:.26rem; color:#222; line-height: 1.4;}
.vlist_t3{width:100%; padding:0 0 .15rem 0; box-sizing: border-box; font-size: .22rem; color: #666; line-height: 1.5;}
.vlist_t4{display: block; padding:0 0 0 0; box-sizing: border-box;}
.vlist_t4 li{display: inline-block; padding: 0 .2rem 0 0;}
.vlist_t4 li i{display: inline-block; width: .26rem;}
.vlist_t4 li i img{width: 100%;}
.vlist_t4 li span{display: inline-block; font-size: .21rem; color: #333; vertical-align: top;  padding: .03rem 0 0 0;}


.voteinfo_content{width: 94%; padding: 70px 3% .4rem 3%;}
.vote_info{display: block; width: 100%; padding: .35rem 0 0 0;}
.vote_info dt{display: block; width:100%; font-size:.3rem; color:#333; line-height: 1.5;}
.vote_info dd{display: block; width:100%; padding: .15rem 0 .1rem 0; box-sizing: border-box;}
.votezi{width: 100%; display: flex; justify-content:space-between; padding: 0 0 .1rem 0;}
.votezi span{font-size: .26rem; color: #333; line-height: 1.5; max-width: 70%;}
.votezi small{font-size: .2rem; 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: .15rem 0 .1rem 0;}
.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 .05rem 0 0;}
.vote_join span{font-size: .23rem; color: #666; line-height: 1.5;}
.vote_join_btn{width: 100%; padding: .3rem 0 .1rem 0; box-sizing: border-box;}
.vote_join_btn a{display: inline-block; font-size: .24rem; color: #222; background: #b9dd53; border:#222 1px solid; padding:.15rem .5rem; border-radius: 60px; text-align: center;}
.vote_join_btni a:hover{background: #aed248; color: #222;}



/*wallet*/
.wallet_nr{width: 90%; padding: .4rem 5% 0 5%;}
.wallet_nr i{display: inline-block; width: 100%; text-align: center; padding: .2rem 0 0 0;}
.wallet_nr i img{width: 80%;}
.wallet_szi{display: inline-block; 100%;}
.wallet_szi span{display: inline-block; border-radius: 60px; font-size: .24rem; color: #222; margin-bottom: .2rem; background: #def4da; padding: .1rem .2rem;}
.wallet_szi small{display: inline-block; width: 100%; font-size: .26rem; color: #222; line-height: 1.5;}
.wallet_szi small a{font-size: .26rem; color: #ff4e19; text-decoration: underline;}
.wallet_szi small a:hover{color: #f44336; text-decoration: underline;}

/* about */
.about_zi_box{width:90%; padding:.3rem 5% .2rem 5%;}
.about_zi_box h2{width:100%; text-align:center; font-size:.36rem; color: #222; line-height: 1.5;}
.about_zi_box small{display: block; width:100%; text-align:center; font-size:.24rem; color:#333; line-height:1.5;}
.about_zi_box small a{font-size: .24rem; 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:.1rem auto .2rem auto; border-radius: 60px;}


.about_nr_title{width: 100%; padding: .1rem 0;}
.about_nr_title h2{display: block; width:100%; font-size:.3rem; color:#222; font-weight:500;  padding:0 0 0 0; line-height: 1.5; text-align: center;}
.about_nr_list{width: 100%; padding: .4rem 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: 100%; text-align: center; font-size: .28rem; color: #222; line-height: 1.3; font-weight: bold; padding: .05rem 0 .1rem 0;}
.about_nr_list small{display: block; width: 100%; text-align: center; font-size: .21rem; color: #333; line-height: 1.5; padding: 0;}
.about_nr_list small a{font-size: .21rem; color: #ff4e19; text-decoration: underline;}
.about_nr_list small a:hover{color: #f44336; text-decoration: underline;}

.liaojie_nr_title{width: 100%; padding: .3rem 0 .1rem 0;}
.liaojie_nr_title h2{display: block; width:100%; font-size:.3rem; color:#222; font-weight:500;  padding:0 0 0 0; line-height: 1.5; text-align: center;}
.liaojie_nr{width:96%; padding:.2rem 2%;}
.liaojie_nr i{display: inline-block; width:100%; height: 2.3rem}
.liaojie_nr i img{width: 100%; height: 2.3rem; border-radius: 4px; object-fit: cover;}
.liaojie_nr span{display: block; width:100%; font-size: .28rem; color: #222; line-height: 1.3; font-weight: bold; padding:.25rem 0 .1rem 0; text-align: center;}
.liaojie_nr small{display: block; width:100%; text-align: center; font-size: .23rem; color: #333; line-height: 1.5; padding: 0;}


/* help */
.help_box{width: 100%; background: #fcfcfc; padding: 60px 0 .4rem 0;}
.help_contact{width:100%;}
.help_contact h2{display:block; width:95%;font-size:.24rem; color:#222; padding:.25rem 0 .25rem 5%; background:#f5f4f9;}
.help_ul{width:94%; padding:0 3%;}
.help_ul li{width:96%; padding:0 2%; border-bottom:#f0eef5 1px solid;}
.help_ul li a{display:block; width:100%; font-size:.23rem; color:#666; padding:.18rem 0; white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}

.help_info{width:94%; padding:.1rem 3% .1rem 3%;}
.help_info h2{border-bottom:#f0eef5 1px solid; font-size:.28rem; color:#333; font-weight:bold; padding:.2rem 0 .2rem 2%; width:98%; display:block;}
.help_info_nr{width:95%; padding:.15rem 3% 0 2%; font-size:.23rem; color:#555; line-height:1.7;}
.help_info_nr img{max-width:100%;}

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

.privacy_info{width:94%; padding:.1rem 3% .1rem 3%; min-height: 6rem;}
.privacy_info_title{border-bottom:#f0eef5 1px solid; font-size:.28rem; color:#333; font-weight:bold; padding:.2rem 0 .2rem 2%; width:98%; display:block;}
.privacy_info_nr{width:95%; padding:.15rem 3% 0 2%; font-size:.23rem; color:#555; line-height:1.7;}
.privacy_info_nr h2{font-size:.26rem; color:#333; font-weight:bold; padding:.05rem 0; width:100%; display:block;}

/*guojia tanchu*/
.tan_content{width:100%; padding:0 0 .1rem 0;}
.tan_content span{display: block; width: 90%; font-size:.34rem; color:#333; text-align:center; line-height: 1.4; padding: 0 5% 0 5%;}
.tan_content small{display: block; width: 90%; font-size:.23rem; color:#666; line-height: 1.5; text-align:left; padding:.1rem 5% 0 5%; }
.tan_closebox{width:97%; padding:.1rem 3% .3rem 0;}
.tan_closebox a{float:right; width: 24px; height: 24px; background: url(../images/close.png) no-repeat; background-size: 100%;}
.tan_closebox a:hover{background: url(../images/close_hover.png) no-repeat; background-size: 100%;}

.guojia_ul{width:94%; padding:.1rem 0 0 5%; overflow:auto; max-height: 380px; display: flex; flex-wrap: wrap;}
.guojia_ul li{width:50%; padding:.15rem .1rem .15rem 0;  display: flex;  cursor:pointer;  margin:.1rem 0 0 0; border:#fff 1px solid; box-sizing: border-box; align-items: center;}
.guojia_ul li i{display: inline-block; width:.54rem; padding:0 .15rem 0 0;}
.guojia_ul li i img{width: 100%; border-radius: 2px;}
.guojia_ul li em{display: inline-block; font-size:.21rem; color:#666;}
.guojia_ul .guojia_qie,.guojia_ul li:hover{color:#d74b56; text-decoration:none; background:#fefaef; border:#f6eacf 1px solid; font-weight:bold;}



.index_btnbox{width: 100%; padding: .2rem 0 0 0;}
.index_btnbox2{width: 100%; padding: 0 0 .2rem 5%; box-sizing: border-box;}
.index_btn{display: inline-block; font-size: .24rem; color: #222; background: #b9dd53; border:#222 1px solid; padding: 0 .5rem;  height: 40px; line-height: 40px; border-radius: 60px; text-align: center;}
.index_btn:hover{background: #aed248; color: #222;}