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

.login_box{width: 100%; height: 100vh; 
	height: calc(100vh - 80px);  background: url(../../images/login_bg.jpg) repeat top;}
.login_top{width: 1200px; margin: 0 auto; display: flex; justify-content:space-between; padding: 19px 0 19px 0;}
.login_logo{margin: 0 0 0 0;}
.login_logo img{height: 40px;}

.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;}

.login_main{width: 1200px; margin: 0 auto; display: flex; justify-content:space-between; position: fixed; left: 50%; margin-left: -600px; align-items: center;}
.login_left{width: 600px; text-align: center;}
.login_left h1{display: block; width: 650px; padding: 0 50px 0 0; 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: 36px; color: #00B729;}
.login_left h1 small{font-size: 36px; color: #ff984c;}
.login_left i{display: inline-block; width: 540px; margin-top: 40px;}
.login_left i img{width: 100%;}

.login_right{width: 500px; background: #fff; border-radius: 8px; padding: 40px 50px 30px 50px; box-sizing: border-box; margin: 0 0 0 0;}
.login_title{display: block; font-size: 26px; color: #222; padding: 0 0 30px 0; font-weight: 400;}
.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;}
.register_yszc{width: 100%; padding: 0 0 15px 0;}
.register_yszc label{display: flex; align-items: center; flex-wrap: wrap; 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_iput2:focus{border: 1px solid #fe8c37; color: #333; background: #fff; box-shadow: 0 0 0 3px rgba(254, 140, 55, .08);}
.login_password_aaa{display: inline-block; font-size: 14px; color: #333; text-decoration: none; margin-bottom: 20px;}
.login_password_aaa:hover{color: #ff6c00; text-decoration: underline;}

.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;}

.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;}

.register_yzm{display: inline-block; min-width:140px; text-align: center; height:44px; line-height:44px;  padding:0 10px; border:#e8e8e8 1px solid; border-radius: 8px; box-sizing: border-box; font-size: 14px; color: #333; cursor: not-allowed; margin-left: 10px;}
.register_yzm_hover{ border:#fe8c37 1px solid; color: #fe8c37; cursor: pointer;}
.register_yzm_hover:hover{border:#fe8c37 1px solid; background: #fe8c37; color: #fff;}

.login_zhuce_box{width: 100%; padding: 15px 0 0 0; display: flex; justify-content: space-between; align-items:center;}
.login_zhuce_aaa{font-size: 14px; color: #ff4e19;}
.login_zhuce_aaa:hover{text-decoration: underline;}
.login_zhuce_skip{font-size: 14px; color: #999;}
.login_zhuce_skip:hover{color: #ff4e19; 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%;}

.login_foot{position: fixed; bottom: 0; width: 100%; text-align: center; font-size: 14px; color: #666; height: 60px; line-height: 60px;}

.login_zhuce_box2{width: 100%; padding: 15px 0 0 0; display: flex; align-items:center; justify-content: center;}
.login_zhuce_box2 span{font-size: 14px; color: #666; padding: 0 10px 0 0;}

.language_tan_bgbg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.7); z-index:998; top: 0; left: 0;}
.longbow_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);}

.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_bgbg{background: #F7F8FA;}

.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; color: #fff; height: 46px; line-height: 46px; }

.register_tanbox{width: 100%;  padding:40px 30px 20px 30px; box-sizing: border-box; border-radius: 8px;}
.register_tan_yzmtitle{width: 100%;}
.register_tan_yzmtitle span{display: block; width: 100%; font-size: 28px; color: #222; font-weight: bold;}
.register_tan_yzmtitle small{display: block; width: 100%; font-size: 14px; color: #666; padding: 15px 0 30px 0; line-height: 1.5;}

.register_tan_btn{width: 100%; text-align: center; display: flex; align-items: center; justify-content:center; padding: 30px 0 40px 0; position: absolute; bottom: 0; left: 0;}
.register_tan_btn_topp{padding: 100px 0 40px 0;}
.btn_tiao{font-size: 14px; color: #666; margin-right: 30px;}
.btn_tiao:hover{text-decoration: underline;}
.btn_jt{display: flex; align-items: center; justify-content:center; height: 50px; line-height: 50px; padding: 0 50px; border-radius: 60px;}
.btn_quxiao{font-size: 14px; color: #666; margin-right: 20px; border: #ccc 1px solid; height: 50px; line-height: 50px; padding: 0 50px; border-radius: 60px;}

.register_tan_yzmtip{width:100%; font-size:13px; color:#666; padding:10px 0 30px 0; line-height:1.7;} 
.register_tan_yzmtip span{display: block; width: 100%; font-size:15px; color:#333; padding: 0 0 5px 0;}
.register_tan_yzmtip a{font-size:13px; color:#fe8c37; text-decoration:underline;}
.register_tan_yzmtip a:hover{font-size:13px; color:#fe8c37; text-decoration:none;}

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

/* privacy */
.privacy_box{width: 1000px; margin: 40px auto; background: #fff; border: 1px solid #eaeaea; box-shadow: 0 1px 5px #eee; padding: 0 40px; border-radius: 8px; box-sizing: border-box;}
.privacy_title{width: 100%; border-bottom: 1px solid #eee; padding: 0 15px; box-sizing: border-box;}
.privacy_title span{display: inline-block; font-size: 16px; color: #222; padding: 20px 0;}
.privacy_nr{width: 100%; font-size: 14px; color: #222; line-height: 2; padding: 20px 0;}


/* box */
.mainbox{width: 100%; background-color: #f6f8fa;}

/* left */
.mainleft{width: 300px; background: #fff; position: fixed; top: 0; left: 0; height: 100vh; max-height: 100vh; overflow: auto; padding: 40px 25px; box-sizing: border-box; border-right: #eee 1px solid;}
.logo_box{display: flex; justify-content: center;}
.logo_box img{height: 40px;}

.nav_box{width: 100%; display: flex; flex-direction: column; gap: 20px; margin-top: 40px; box-sizing: border-box;}
.nav_list{width: 100%;}
.nav_list a{display: flex; align-items:center; font-size: 16px; color: #666; padding: 0 10px 0 20px; height: 48px; line-height: 48px; font-weight: bold; position: relative;}
/*.nav_list .nav_icon1_hover,.nav_list a:hover{background: #ffdec4; box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .15); border-radius: 60px; color: #ff6d00;}*/

.nav_list .nav_icon1_hover,.nav_icon2_hover,.nav_icon3_hover,.nav_icon4_hover,.nav_icon5_hover,.nav_icon6_hover,.nav_list a:hover{background: linear-gradient(92deg, #ffab6b 1.15%, #fe8c37 123.37%); box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .15); border-radius: 60px; color: #fff!important;}
.nav_icon1 i{width: 22px; height: 22px; background: url(../../images/nav/nav1.svg) no-repeat center; margin-right: 10px; background-size: 23px;}
.nav_list .nav_icon1_hover i, .nav_icon1:hover i{background: url(../../images/nav/nav1_hover.svg) no-repeat center; background-size: 23px;}
.nav_icon2 i{width: 22px; height: 22px; background: url(../../images/nav/nav2.svg) no-repeat center; margin-right: 10px; background-size: 23px;}
.nav_list .nav_icon2_hover i, .nav_icon2:hover i{background: url(../../images/nav/nav2_hover.svg) no-repeat center; background-size: 23px;}
.nav_icon3 i{width: 22px; height: 22px; background: url(../../images/nav/nav3.svg) no-repeat center; margin-right: 10px; background-size: 23px;}
.nav_list .nav_icon3_hover i, .nav_icon3:hover i{background: url(../../images/nav/nav3_hover.svg) no-repeat center; background-size: 23px;}
.nav_icon4 i{width: 22px; height: 22px; background: url(../../images/nav/nav4.svg) no-repeat center; margin-right: 10px; background-size: 22px;}
.nav_list .nav_icon4_hover i, .nav_icon4:hover i{background: url(../../images/nav/nav4_hover.svg) no-repeat center; background-size: 22px;}
.nav_icon5 i{width: 23px; height: 23px; background: url(../../images/nav/nav5.svg) no-repeat center; margin-right: 10px; background-size: 23px;}
.nav_list .nav_icon5_hover i, .nav_icon5:hover i{background: url(../../images/nav/nav5_hover.svg) no-repeat center; background-size: 23px;}
.nav_icon6 i{width: 22px; height: 22px; background: url(../../images/nav/nav6.svg) no-repeat center; margin-right: 10px; background-size: 23px;}
.nav_list .nav_icon6_hover i, .nav_icon6:hover i{background: url(../../images/nav/nav6_hover.svg) no-repeat center; background-size: 23px;}
.nav_icon7 i{width: 22px; height: 22px; background: url(../../images/nav/nav7.svg) no-repeat center; margin-right: 10px; background-size: 22px;}
.nav_list .nav_icon7_hover i, .nav_icon7:hover i{background: url(../../images/nav/nav7_hover.svg) no-repeat center; background-size: 22px;}

.nav_list .nav_new{color: #3bba6a; background: rgba(59, 186, 106, .1); font-size: 13px; font-weight: bold; border-radius: 60px; padding: 0 10px; height: 20px; line-height: 20px; position: absolute; right: 0;}
.nav_list .nav_reddd{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #fb5652; margin: 0 0 0 10px;}


/* right */
.mainright{width: 280px; background: #fff; position: fixed; top: 0; right: 0; height: 100vh; max-height: 100vh; overflow: auto; border-left: #eee 1px solid; padding: 0 15px; box-sizing: border-box; z-index: 990;}
.right_jifenbox{width: 100%;}
.right_jf_title{width: 100%; font-size: 14px; color: #333; padding: 20px 0 10px 0;}
.right_jf_tip{width: 100%; font-size: 13px; color: #555; line-height: 1.4; margin: 10px 0 0 0;}
.right_jf_tip span{font-weight: bold; color: #333;}
.right_jf_btn{width: 100%; margin: 10px 0;}
.right_jf_btn a{display: block; width: 100%; font-size: 14px; color: #333; border-radius: 4px; border: 2px solid #eee; height: 45px; line-height: 45px; text-align: center;}
.right_jf_btn a:hover{background: linear-gradient(92deg, #ffab6b 1.15%, #fe8c37 123.37%); box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .15); border: 2px solid #ffab6b; color: #fff;}
.right_jf_nrbox{width: 100%; border-radius: 4px; border: #e2e2e3 1px solid; background: #fafafa; padding: 10px; box-sizing: border-box; display: flex; align-items: center;}
.right_jf_nr_pic{width: 50px; padding: 0 5px 0 0;}
.right_jf_nr{}
.right_jf{display: flex; align-items: baseline;}
.right_jf span{font-size: 20px; color: #222; font-family: Din!important;}
.right_jf small{font-size: 18px; color: #444; font-family: Din!important;}
.right_jf em{font-size: 13px; color: #444; padding: 0 0 0 3px;}
.right_jf i{width: 16px; margin-left: 3px;}
.right_jf_zhexian{width: 100%; font-size: 12px; color: #666; padding: 5px 0 8px 0;}

.right_jf_jdut{display: flex; width: 160px; background: #e2e2e2; border-radius: 60px; height: 6px;}
.right_jf_jdut span{background: #ff9950; border-radius: 60px; height: 6px;}

.right_invite_box{width: 100%; background: #e6f5dd; border-radius: 4px; display: flex; justify-content:center; flex-wrap:wrap; padding: 30px 0; margin-top: 20px;}
.right_invite_box i{width: 160px;}
.right_invite_box span{width: 100%; font-size: 20px; color: #222;  text-align: center; padding: 25px 10px 10px 10px; box-sizing: border-box; line-height: 1.4;}
.right_invite_box small{width: 100%; font-size: 13px; color: #333; line-height: 1.4;padding: 0 20px 25px 20px; box-sizing: border-box; }
.right_invite_box a{width: 170px; height: 45px; line-height: 45px; padding: 0 20px; border: #333 1px solid; font-size: 15px; color: #222; border-radius: 4px; background: url(../../images/jt_right2.png) no-repeat 178px 13px #fff; background-size: 20px;}
.right_invite_box a:hover{background: url(../../images/jt_right3.png) no-repeat 178px 13px #ffab6b; background-size: 20px; color: #fff; border: #ffab6b 1px solid;}


/* main */
.maincontent{padding: 30px 280px 0 300px;min-height: calc(100vh - 30px); min-width: 700px;}
.maincontent_minwidth{min-width: 865px;}
.maincontent_minwidth2{min-width: 760px;}


/* top head */
.head_box_gddd{position: sticky; top: 0; z-index: 989;}
.head_box{width: calc(100% - 50px); background: #fff; border: 1px solid #eee; padding: 25px; position: relative; top: 0; left: 25px; right: 25px; box-sizing: border-box; border-radius: 8px; display: flex; justify-content: space-between; min-width: 650px; height: 104px;}
.head_jifenbox{width: auto; display: flex; align-items: center; flex-shrink: 0;}

@media screen and (max-width: 1540px) and (min-width: 520px) {
  .head_box{justify-content: center;}
  .head_jifenbox{display: none;}
  .head_xx{margin-right: 20px!important;}
  .head_chouj{margin-right: 20px!important;}
  .head_name{max-width: 200px!important;}
  }

.head_jf_nr_pic{width: 45px; padding: 0 5px 0 0;}
.head_jf_nr{}
.head_jf_title{display: flex; align-items: center;}
.head_jf_title span{font-size: 14px; color: #333;}
.head_jf_title i{width: 16px; margin-left: 3px;}
.head_jf{display: flex; align-items: baseline; padding: 5px 0 8px 0;}
.head_jf span{font-size: 20px; color: #222;     font-family: Din!important;}
.head_jf small{font-size: 18px; color: #444;    font-family: Din!important;}
.head_jf em{font-size: 13px; color: #444; padding: 0 0 0 5px;}
.head_jf_jdut{display: flex; width: 260px; background: #e2e2e2; border-radius: 60px; height: 5px;}
.head_jf_jdut span{background: #ff9950; border-radius: 60px; height: 5px;}
.head_right{display: flex; align-items: center;}
.head_xx{width: 60px; margin-right: 10px; flex-shrink: 0;}
.head_xx a{display: flex; width: 40px; padding: 0 10px; height: 40px; border-radius: 60px; align-items: center; justify-content: center; background: url(../../images/survey/xiaoxi1.svg) no-repeat 19px 9px #fafafa; background-size: 23px;}
.head_xx a:hover{background: url(../../images/survey/xiaoxi1.svg) no-repeat 19px 9px #eee; background-size: 23px;}

.head_xx_hover{width: 60px; margin-right: 10px; flex-shrink: 0; position: relative;}
.head_xx_hover a{display: flex; width: 40px; padding: 0 10px; height: 40px;border-radius: 60px; align-items: center; justify-content: center; transition: .3s; background: url(../../images/survey/xiaoxi2.svg) no-repeat 19px 9px #fafafa; background-size: 23px;}
.head_xx_hover a:hover{background: url(../../images/survey/xiaoxi2.svg) no-repeat 19px 9px #eee; background-size: 23px; transition: .3s;}
.head_xx_hover:before{content: ""; display: inline-block; position: absolute; width: 8px; height: 8px; background: #fb5652; top: 0; right: 5px; border-radius: 50%;}


.head_xx_content{display: none;}
.head_xx_main{width: 100%; padding: 25px 20px 10px 20px; box-sizing: border-box; max-height: 500px; overflow: auto;}
.head_xx_main::-webkit-scrollbar { /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.head_xx_main::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #d1d1d1;
}
.head_xx_main::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}
.head_xx_list{width: 100%; display: flex; margin: 0 0 20px 0; cursor: pointer;}
.head_xx_list_hover{opacity: .6}
.head_xx_list i{width: 30px; margin-right: 10px; flex-shrink: 0;}
.head_xx_list i img{width: 100%;}
.head_xx_txt{display: flex; flex-wrap: wrap;}
.head_xx_txt em{width: 100%; font-size: 16px; color: #333; font-weight: bold; padding-bottom: 6px; line-height: 1.6;}
.head_xx_txt span{width: 100%; font-size: 14px; color: #333; line-height: 1.6;}
.head_xx_txt small{width: 100%; font-size: 12px; color: #999; padding: 6px 0 0 0;}


.head_chouj{background: #fafafa; border-radius: 60px; padding: 0 16px; height: 40px; margin-right: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; transition: .3s}
.head_chouj .head_chouj_biao{width: 23px; height: 23px; background: url(../../images/survey/choujiang1.svg) no-repeat; background-size: 23px;}

.head_chouj .head_chouj_txt{font-size: 16px; color: #222; font-weight: bold; padding: 0 0 0 6px;}
.head_chouj:hover{background: #eee; transition: .3s}

.head_chouj_hover .head_chouj_txt{color: #fb5652;}
.head_chouj_hover .head_chouj_biao{width: 23px; height: 23px; background: url(../../images/survey/choujiang2.svg) no-repeat; background-size: 23px;}
.head_chouj_hover em{position: absolute; background: #fb5652; top: -8px; right: -20px; border-radius: 60px; font-size: 12px; color: #fff; padding: 2px 5px;}



.head_chouj_content{display: none; }
.head_chouj_main{width: 100%; padding: 15px; box-sizing: border-box;}
.head_chouj_head{width: 100%; display: flex; align-items: center;}
.head_chouj_head i{width: 26px;     flex-shrink: 0;}
.head_chouj_head i img{width: 100%;}
.head_chouj_head_txt{display: flex; flex-wrap: wrap; margin-left: 10px;}
.head_chouj_head_txt span{width: 100%; font-size: 15px; color: #222; font-weight: bold; line-height: 1.4;}
.head_chouj_head_txt small{width: 100%; font-size: 13px; color: #666; padding: 8px 0 0 0; }
.head_chouj_listbox{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 15px;}
.head_chouj_list{background: #fafafa; border: #f4f2ef 1px solid; border-radius: 4px; display: flex; flex-wrap: wrap; justify-content: center;}
.head_chouj_list i{width: 20px; height: 20px; background: url(../../images/survey/choujiang_dui1.png) no-repeat; background-size: 20px; margin: 10px 0 0 0;}
.head_chouj_list span{font-size: 14px; color: #999; width: 100%; text-align: center; padding: 8px 0 10px 0;}
.head_chouj_list:hover em{color:#ff472e;}

.head_chouj_list_hover{background: #FFF2E8; border: #FFE8D6 1px solid;}
.head_chouj_list_hover i{width: 20px; height: 20px; background: url(../../images/survey/choujiang_dui2.png) no-repeat; background-size: 20px;}
.head_chouj_list_hover span{color: #FE8A34;}


.head_chouj_list_jiang{display: flex; flex-wrap: wrap; justify-content: center;  position: relative;}
.head_chouj_list_jiang i{width: 20px; height: 20px; background: url(../../images/survey/choujiang_pic.png) no-repeat; background-size: 20px; margin: 10px 0 0 0;}
.head_chouj_list_jiang span{font-size: 14px; color: #999; width: 100%; text-align: center; padding: 8px 0 10px 0;}
.head_chouj_list_jiang:hover em{color:#ff472e;}
.head_chouj_list_jiang small{position: absolute; top: -8px; left: 30px;     background: linear-gradient(92deg, #FF9895 1.15%, #FB5652 123.37%); border-radius: 8px 2px 8px 2px; font-size: 12px; color: #fff; padding: 3px 4px;}


.head_chouj_list_hover .head_chouj_list_jiang{background: #FFEBEB; border: #fde9e9 1px solid;}
.head_chouj_list_hover .head_chouj_list_jiang span{color: #FB5652;}



.head_chouj_jieshao{width: 100%;}
.head_chouj_jieshao h3{display: block; width: 100%; font-size: 15px; color: #444; font-weight: bold; padding: 20px 0 15px 0;}
.head_chouj_jieshao_nr{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.head_chouj_jieshao_nr a{width: 26px;}
.head_chouj_jieshao_nr a img{width: 100%;}
.head_chouj_jieshao_title{color: #FB5652!important;}
.head_chouj_btn{widows: 100%; padding: 20px 0 0 0;}
.head_chouj_btn a{display: block; width: 100%;border-radius: 60px; text-align: center; font-size: 14px; color: #fff; height: 44px; line-height: 44px; margin-bottom: 10px;}

.head_chouj_guize{widows: 100%; padding: 15px 0 0 0;}
.head_chouj_guize span{display: block; width: 100%; font-size: 15px; color: #222;  line-height: 1.5;}
.head_chouj_guize small{display: block; width: 100%; font-size: 14px; color: #888; line-height: 1.4; padding: 6px 0 0 0;}


.head_levle{height: 35px; flex-shrink: 0; cursor: pointer;}
.head_levle img{height: 100%;}

.head_levle_content{display: none;}
.head_levle_main{width: 100%; padding: 15px; box-sizing: border-box;}
.head_levle_jf{width: 100%;}
.head_levle_jf span{font-size: 20px; color: #333; font-family: Din !important;}
.head_levle_jf small{font-size: 20px; color: #666; font-family: Din !important;}
.head_level_jdut{display: flex; width: 100%; background: #e2e2e2; border-radius: 60px; height: 5px; margin: 8px 0 14px 0;}
.head_level_jdut span{background: #ff9950; border-radius: 60px; height: 5px;}
.head_level_txt{width: 100%; font-size: 14px; color: #666; line-height: 1.4;}
.head_level_btn{widows: 100%; padding: 18px 0 0 0;}
.head_level_btn a{display: flex; width: 100%; background: #fff; border: #eee 2px solid; font-size: 14px; color: #333; font-weight: bold; padding: 13px 10px; align-items: center; justify-content: center; border-radius: 4px; box-sizing: border-box;}
.head_level_btn a i{width: 18px; margin-right: 5px; flex-shrink: 0;}
.head_level_btn a i img{width: 100%;}
.head_level_btn a:hover{background: #eee; color:#222;}


.head_line{width: 1px; height: 40px; padding: 0 5px; border-left: #eaeaea 1px solid; margin-left: 20px; }
.head_ziliao{ display: flex; align-items: center; padding: 0 10px; flex-shrink: 0; position: relative; cursor: pointer; }
.head_ziliao:hover{background: #fafafa; border-radius: 60px;}
.head_ziliao i{width: 40px; height: 40px; flex-shrink: 0;}
.head_ziliao i img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.head_name{display: flex; flex-wrap: wrap; padding: 0 10px 0 10px; max-width: 150px;flex-shrink: 0; flex-direction: column;}
.head_name span{width: 100%; font-size: 13px; color: #222; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height: 20px; line-height: 20px;}
.head_name small{width: 100%; font-size: 12px; color: #333; padding: 1px 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height: 20px; line-height: 20px;}
.head_name em{}

.head_ziliao_down{display: none; width: 170px; border-radius: 4px; padding: 6px 15px; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.15); position: absolute; top: 40px; left: 18px; z-index: 10;}
.head_ziliao_down a{display: block; width: 100%; font-size: 14px; color: #333; line-height: 20px; border-bottom: 1px solid #f5f8f9; padding: 12px 5px; box-sizing: border-box;}
.head_ziliao_down a:hover{color: #ff4e19;}

/* choujiang tan */
.choujiang_tan_title{display: flex; flex-wrap: wrap; justify-content: center; padding: 10px 0;}
.choujiang_tan_title i{width: 60px; height: 60px; background: url(../../images/survey/choujiang_pic.png) no-repeat; background-size: 60px;}
.choujiang_tan_title small{width: 110px; }
.choujiang_tan_title small img{width: 100%;}
.choujiang_tan_title span{font-size: 18px; color: #333; font-weight: bold;  width: 100%; text-align: center; padding: 25px 0 30px 0;}

.choujiang_tan_btn{width: 100%; text-align: center; display: flex; align-items: center; justify-content:center; padding: 50px 0 30px 0;}
.choujiang_tan_btn a{display: block; width: 80%;border-radius: 60px; text-align: center; font-size: 16px; color: #fff; height: 48px; line-height: 48px;}

#draw_container {width: 100%;}
#draw_container > ul {width: 100%;  height: 100%; overflow: hidden;  display: flex; flex-wrap: wrap;  justify-content: space-between;  align-items: center; box-sizing: border-box;}
#draw_container > ul > li {  position: relative;  width: 165px;  height: 80px; line-height: 80px;  margin-bottom: 20px;  background: #fff;  border: 1px solid #EEEEEE;  box-shadow: 0px 2px 5px rgba(153,153,153,0.16);  border-radius: 8px; font-size: 22px; color: #333; font-weight: bold; text-align: center;}
#draw_container > ul > li > img {  width: 100%;  display: block;}
#draw_list li .draw_mask { width: 100%; height: 100%;  position: absolute; left: 0;  top: 0;  border: 1px solid #FE9B50; box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .1); border-radius: 8px; font-size: 22px; color: #FE8A34; box-sizing: border-box; display: none;}
#draw_list .drawactive .draw_mask {  display: block;}
#draw_list .drawactive{  color: #FE8A34;}




/* level tan */
.level_tan_main{width: 100%; display: flex
; flex-direction: column; gap:20px;}
.level_tan_list{width: 100%; background: #fff; border: #edeeef 1px solid; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; box-sizing: border-box;}
.level_tan_list_dj{display: flex; align-items: center;}
.level_tan_list_dj i{width: 38px;flex-shrink: 0;}
.level_tan_list_dj i img{width: 100%;}
.level_tan_list_djtxt{display: flex; flex-wrap: wrap; padding: 0 0 0 10px;}
.level_tan_list_djtxt small{width: 100%; font-size: 13px; color: #666;}
.level_tan_list_djtxt span{width: 100%; font-size: 15px; color: #222; font-weight: bold; padding: 5px 0 0 0;}
.level_tan_list_txt{display: flex; align-items: center; font-size: 15px; color: #222; font-weight: bold;}
.level_tan_list_txt i{width: 18px; margin-left: 5px; cursor: pointer;}
.level_tan_list_txt i img{width: 100%;}


/* city 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%;}
.city_tan_title{width: 100%; font-size: 24px; color: #222; font-weight: bold; text-align: center;}
.city_tan_nr{width: 100%; font-size: 15px; color: #333; line-height: 1.7; padding: 15px 50px; box-sizing: border-box;}
.city_tan_list{width: 460px; text-align: center; padding: 5px 20px 10px 20px; margin: 0 10px 120px 10px; box-sizing: border-box; max-height: 250px; overflow: auto;}
.city_tan_list::-webkit-scrollbar { /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.city_tan_list::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #d1d1d1;
}
.city_tan_list::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}
.city_tan_list span{display: inline-block; border: #efefef 1px solid; border-radius: 60px; font-size: 14px; color: #555; padding: 10px 20px; margin: 0 8px 15px 8px;}

.yushai_tan_top{width: 100%; position: relative; background: linear-gradient(180deg, #FFFAF4 0%, #FFFFFF 100%); border-radius: 8px 8px 0px 0px; padding: 20px 0 30px 0;}
.yushai_tan_top span{width: 100%; display: flex; justify-content: center;}
.yushai_tan_top span img{width: 200px;}
.yushai_tan_top i{width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; top: 15px; right: 10px;}
.yushai_tan_top i:hover{background: #eee; border-radius: 50%;}
.yushai_tan_nr{width: 100%; font-size: 15px; color: #333; line-height: 1.7; padding: 15px 50px; box-sizing: border-box; text-align: center;}

.yushai_tan_btn{width: 100%; text-align: center; display: flex; align-items: center; justify-content:center; padding: 40px 0 40px 0;  position: absolute; bottom: 0; left: 0;}

/* survey tan */
.survey_tan_box{width: 100%; padding: 20px 20px 0 30px; box-sizing: border-box; background: #F7F8FA; border-radius: 8px; height: calc(100vh - 52px);}
.survey_tan_tmtip{width: 100%;}
.survey_tan_tmtip span{font-size: 13px; color: #777; line-height: 1.5;}
.survey_tan_tmbox{width: 100%;}
.survey_tan_tmbt{width: 100%; font-weight: bold; font-size: 18px; color: #222; padding: 12px 0 10px 0; line-height: 1.6;}
.survey_tan_tmbt2{width: 100%; font-weight: bold; font-size: 18px; color: #222; padding: 5px 0 10px 0; line-height: 1.6;}
.survey_tan_tmnr{width: 100%; padding: 10px 10px 10px 0; height: calc(100vh - 260px); overflow: auto; box-sizing: border-box;}
.survey_tan_tmlist{width: 100%; border: #e0e0e0 1px solid; background: #fff; display: flex; align-items: center; margin: 0 0 15px 0; box-sizing: border-box; border-radius: 4px; padding: 0 10px 0 15px; font-size: 14px; color: #222; font-weight: bold;}
.survey_tan_tmlist2{width: 300px; border: #e0e0e0 1px solid; background: #fff; display: flex; align-items: center; margin: 0 0 15px 0; box-sizing: border-box; border-radius: 4px; padding: 0 10px 0 15px; font-size: 14px; color: #222; font-weight: bold;}
.survey_tan_tmlist small{font-size: 14px; color: #222; padding: 0 0 0 6px; font-weight: bold;}
.survey_tan_tmlist_hover,.survey_tan_tmlist:hover {background: #fff; border: 1px solid #fe8a34; -webkit-box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .05);box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .05);}
.survey_tan_tmlist .layui-form-radio{margin: 0 0 0 0; padding: 8px 0; width: 100%; display: flex; align-items: center; line-height: 1.6;}
.survey_tan_tmlist .layui-form-radio>i{    font-size: 20px; font-weight: 400;}
.survey_tan_tmlist .layui-form-radio div{color: #222!important;}

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

.survey_tan_tmselectbox{width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px 0; box-sizing: border-box; border-radius: 4px; padding: 0 0 0 0; font-size: 14px; color: #222; font-weight: bold;}
.survey_tan_tmselect{width: 285px;}
.survey_tan_tmselect .layui-input{height: 48px; border: #e0e0e0 1px solid;}
.survey_tan_tmselect .layui-form-select dl{top: 50px;}

.survey_callbt_tanbox{width: 100%;}
.survey_callbt_box{width: 100%; box-sizing: border-box; border-radius: 8px; position: relative; z-index: 666;}
.survey_callbt_top{width: 100%; position: relative; display: flex; justify-content: center;}
.survey_callbt_top span{display: flex; width: 100%; justify-content: center; padding: 40px 0 30px 0;}
.survey_callbt_top span img{width: 140px;}
.survey_callbt_top small{display: flex; width: 100%; justify-content: center; padding: 40px 0 30px 0;}
.survey_callbt_top small img{width: 200px;}
.survey_callbt_cuo{width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; top: 15px; right: 10px; z-index: 33;}
.survey_callbt_cuo:hover{background: #fff; border-radius: 50%;}
.survey_callbt_zi{width: 100%; padding: 0 50px; box-sizing: border-box; display: flex; flex-wrap: wrap;}
.survey_callbt_zi span{width: 100%; font-size: 24px; color: #222; font-weight: bold; text-align: center;}
.survey_callbt_zi small{width: 100%; font-size: 16px; color: #333; line-height: 1.6; text-align: center; padding: 10px 0 0 0;}
.survey_callbt_jf{width: 100%;  padding: 20px 50px 0 50px; box-sizing: border-box; display: flex; justify-content: center; align-items: baseline;}
.survey_callbt_jf span{font-size: 18px; font-weight: bold; color: #333;}
.survey_callbt_jf small{font-size: 24px;  color: #FB5652; font-family: Din !important; padding: 0 0 0 5px;}
.survey_callbt_jf em{font-size: 18px; font-weight: bold; color: #FB5652; padding-left: 5px;}
.survey_callbt_zhuan{width: 500px; margin: 20px 50px 0 50px; background: #fff; border: #eee 1px solid; border-radius: 4px; box-sizing: border-box; padding: 10px 20px 15px 20px;}
.survey_callbt_zhuantxt{width: 100%; font-size: 15px; color: #222; font-weight: bold; padding: 15px 0 10px 0;}
.survey_callbt_zhuantxt span{font-size: 15px; color: #FB5652; font-weight: bold; padding: 0 5px;}
.survey_callbt_zhuanjd{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.survey_callbt_jdut{display: flex; width: 300px; background: #e2e2e2; border-radius: 60px; height: 6px;}
.survey_callbt_jdut span{background: #ff9950; border-radius: 60px; height: 6px;}
.survey_callbt_zhuanjd a{ padding: 6px 15px; border-radius: 60px; }

.survey_callbt_dafen{width: 100%;}
.survey_callbt_dafen span{display: block; width: 100%; font-size: 14px; color: #666; text-align: center; padding: 40px 0 20px 0;}

.survey_callbt_star{width: 100%; display: flex; justify-content: center; align-items: center;}
.score_li_star{width:30px; height: 30px; background:url(../../images/survey/star1.png) no-repeat; background-size: 30px; cursor: pointer; margin: 0 6px;}
.hs_star,.cs_star{background:url(../../images/survey/star2.png) no-repeat; background-size: 30px;}

.survey_callbt_textarea{width: 100%; padding: 20px 50px 0 50px; box-sizing: border-box; height: 100px;}
.survey_callbt_textarea textarea{display: block; width: 100%; background: #fff; border: #eee 1px solid; font-size: 14px; color: #333; line-height: 1.5; border-radius: 4px; padding: 10px;     height: 80px; word-wrap: break-word; box-sizing: border-box;}

.survey_callbt_btn{width: 100%; text-align: center; display: flex; align-items: center; justify-content:center; padding: 40px 0 0 0;}
.survey_callbt_btn a{display: block; width: 50%; border-radius: 60px; text-align: center; font-size: 16px; color: #fff; height: 48px; line-height: 48px;}

.survey_callbt_huaaa{width: 100%; position: absolute; z-index: 1; display: flex; justify-content: center;}
.confetti{width: 500px; height: 360px; display: block; margin: 0 auto; user-select: none; position: absolute; z-index: 1;}



/* survey */
.survey_box{width: 100%; padding: 0 0 0 0; min-width: 700px;}
.survey_title{width: 100%; border-bottom: 1px solid #eeeeee; position: sticky; top: 104px; z-index: 98; padding: 30px 0 0 0;     background-color: #f6f8fa;}

.survey_title_nav{width: 100%; display: flex; align-items: center; justify-content:center;}
.survey_title_nav li{display: flex; margin: 0 25px; }

.survey_title_nav li a{font-size: 18px; color: #666; padding: 0 5px 20px 5px;  border-bottom: 3px solid #f6f8fa; position: relative; }
.survey_title_nav li a:hover{color: #222;  border-bottom: 3px solid #ff7b4d; border-radius: 3px; transition: all .3s;}
.survey_title .survey_title_hover{color: #222; font-weight: bold; border-bottom: 3px solid #ff7b4d; border-radius: 3px; transition: all .3s;}
.survey_title_nav li a em{display: inline-block; position: absolute; width: 8px; height: 8px; background: #fb5652; top: -8px; right:-2px; border-radius: 50%;}
.survey_title_nav li i{display: inline-block; margin-left: 3px; cursor: pointer;}

.survey_flnav{width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap:15px; padding: 20px 25px 5px 25px; box-sizing: border-box; position: sticky; top: 176px; z-index: 97; background-color: #f6f8fa;}
.survey_flnav a{font-size: 14px; color: #222; padding: 5px 12px;}
.survey_flnav .survey_flnav_hover,.survey_flnav a:hover{background: linear-gradient(92deg, #ffab6b 1.15%, #fe8c37 123.37%); border-radius: 60px; padding: 5px 12px; color: #fff;}


.survey_content{width: 100%; padding:15px 25px; box-sizing: border-box; display: flex; flex-direction: column;}
.survey_content::-webkit-scrollbar { /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.survey_content::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #d1d1d1;
}
.survey_content::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}

.survey_list_items{display: grid;  grid-gap:24px; --grid-surveys-gap:24px; --grid-survey-min-width:300px; --grid-survey-column-count:3; --gap-surveys-count:3; --total-gap-surveys-width: calc(var(--gap-surveys-count) * var(--grid-surveys-gap)); --grid-survey-max-width: calc((100% - var(--total-gap-surveys-width)) / var(--grid-survey-column-count)); grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-survey-min-width), var(--grid-survey-max-width)), 1fr));}


.survey_list_box{background: #fff; border: 1px solid #eee; padding: 15px; border-radius: 8px; transition: all .3s; cursor: pointer; position: relative; overflow: hidden;}
.survey_list_box:hover{border: #ff9950 1px solid; box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .08); transition: all .3s;}

.survey_list_box_sx{overflow:inherit; z-index: 9999;}
.survey_sx_tan{position: absolute; top: 50%; right: 5px; padding: 10px 12px; width: max-content; border-radius: 4px; transform: translate(100%, -50%); animation: bounce-left-right 1s infinite; z-index: 2; font-size: 14px; color: #fff; background: linear-gradient(92deg, #ffab6b 1.15%, #fe8c37 123.37%); box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .2);}
@keyframes bounce-left-right{50%{right:0}}
.survey_sx_tan:before {content: ""; display: inline-block; position: absolute; z-index: 10; left: 1px; top: 50%; border-style: solid; border-width: 7px 10px 7px 10px; transform: translate(-100%, -50%); border-color: transparent; border-right-color: #ffab6b;}

.survey_name{display: flex; justify-content: space-between; padding: 0 0 5px 0;}
.survey_name_zi{display: flex; align-items: center;}
.survey_name_zi span{font-size: 16px; color: #222;}
.survey_name_zi small{font-size: 13px; color: #333;}
.survey_name_zi_sx{display: flex; align-items: baseline; position: relative;}
.survey_name_zi_sx span{font-size: 16px; color: #222;}
.survey_name_zi_sx small{font-size: 13px; color: #333;}
.survey_name_zi_tip{display: none; text-align:left; background-color:#5a5d5f; padding:8px 10px; position:absolute; width: 320px; border-radius:3px;	box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); top:22px; left:0;  color:#FFF; font-size:13px; line-height:1.5; z-index:9999; word-wrap: break-word;}
.survey_name_zi_tip:before{position: absolute; content: ''; width:0; height: 0;	border:6px solid transparent; border-bottom-color:#5a5d5f; left:188px; top:-12px;}

.survey_sheb{display: flex; align-items: center;}
.survey_sheb i{padding: 0 0 0 8px;}
.survey_time{display: flex; align-items: center;  padding: 6px 0 0 0;}
.survey_time p{display: inline-block; font-size:12px; color:#666; border:#e7e7e7 1px solid; margin-right:6px; margin-top:8px; border-radius: 4px;}

.survey_endtime{background:url(../../images/survey/survey_time.svg) no-repeat; background-position: top 6px left 8px; background-size: 14px; padding:7px 10px 7px 26px;}
.survey_shichang{background:url(../../images/survey/survey_shichang.svg) no-repeat; background-position: top 6px left 8px; background-size: 10px; padding: 7px 10px 7px 23px;}

.survey_jf_box{display: flex; justify-content: space-between; align-items: center; padding: 12px 0 0 0;}
.survey_jf{display: flex; align-items: baseline;}
.survey_jf span{font-size: 24px; color: #ff7b4d; font-family: Din !important;}
.survey_jf small{font-size: 14px; color: #ff7b4d; padding: 0 0 0 3px;}
.survey_jf em{font-size: 16px; color: #ffbba4; font-family: Din !important; text-decoration:line-through; text-decoration-color: #ff7b4d; }
.survey_jf p{font-size: 18px; color: #ff7b4d;font-weight: bold;}
.survey_jf_jdutbox{display: flex; align-items: center;}
.survey_jf_jdut{display: flex; width: 140px; background: #e2e2e2; border-radius: 60px; height: 6px;}
.survey_jf_jdut span{background: #ff9950; border-radius: 60px; height: 6px;}
.survey_jf_jdutbox small{font-size: 12px; color: #666; margin-left: 5px;}

.survey_zhekou{ text-align:center; display:block; position:absolute; bottom: 4px; right: -24px; width:96px; height: 24px; line-height: 24px; transform:rotate(-35deg); -webkit-transform:rotate(-35deg);  font-size:13px; color:#ff9950; font-weight: bold; background-color: #ffdcc4;}

.survey_lingbtn{padding: 6px 12px; border-radius: 60px; font-size: 12px;}


/*.survey_zhekou{ text-align:center; display:block; position:absolute; bottom: 4px; right: -19px; width:75px; height: 20px; line-height: 20px; transform:rotate(-35deg); -webkit-transform:rotate(-35deg);  font-size:12px; color:#ff9950; font-weight: bold; background-color: #ffdcc4;}*/


/* survey 引导 */
.yindao_bg{ position: fixed; height: 100%; width: 100%;  background: rgba(0,0,0,0.75); z-index:990; top: 0; left: 0;}


/* game */
.game_list_box{background: #fff; border: 1px solid #eee; padding: 10px; border-radius: 8px; transition: all .3s; cursor: pointer; display: flex; align-items: center;}
.game_list_box:hover{border: #ff9950 1px solid; box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .08); transition: all .3s;}

.game_list_box dt{width: 90px; flex-shrink:0; padding: 0 14px 0 0; position: relative;}
.game_list_box dt i{position: absolute; top: 5px; left: 5px; padding: 4px 6px; background-color: rgba(0, 0, 0, .6); border-radius:20px;}
.game_list_box dd{display: flex; flex-wrap: wrap; justify-content: space-between;
    align-items: center; width: calc(100% - 100px);}
.game_title{width: 100%; font-size: 16px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.game_xx{width: 100%; font-size: 14px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 0;}

.game_pic{border-radius: 8px;}

.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;}



/* homepage */
.home_box{width: 100%; padding:30px 25px; box-sizing: border-box;}
.home_box_padding{padding: 0 25px 30px 25px;}
.home_box_padding2{padding: 0 25px 0 25px;}
.home_content{width: 100%; background: #fff; border: 1px solid #eee; padding: 30px 25px; box-sizing: border-box; border-radius: 8px;}

.home_user_ziliao{width: 100%; display: flex; justify-content: space-between;}
.home_user_ziliao a{width: calc(100% - 200px);}
.home_ziliao{width: 100%; display: flex; align-items: center; padding: 0 10px; flex-shrink: 0; position: relative; box-sizing: border-box;}
.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_name{display: flex; flex-wrap: wrap; padding: 0 0 0 10px; flex-shrink: 0; width: calc(100% - 60px);}
.home_name span{width: 100%; font-size: 15px; color: #222; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height: 24px; line-height: 24px;}
.home_eml{display: flex; align-items: center; padding: 6px 0 0 0; }
.home_eml small{width: 100%; font-size: 14px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right: 15px; height: 24px; line-height: 24px;}
.home_eml i{width: 24px; height: 24px; margin-right: 8px; cursor: pointer;}

.home_user_nr{display: flex; flex-wrap:wrap; justify-content: flex-end; width: 200px;}
.home_user_id{display: flex; align-items: center; background: #f5f5f5; padding: 2px 10px; border-radius: 60px;}
.home_user_id i{width: 18px; margin-right: 5px;}
.home_user_id i img{width: 100%; border-radius: 2px;}
.home_user_id span{font-size: 14px; color: #333;}
.home_user_time{display: flex; align-items: center; width: 100%; justify-content: flex-end; padding: 5px 0 0 0;}
.home_user_time i{width: 20px; margin: 0 5px 0 20px;}
.home_user_time i img{width: 100%;}
.home_user_time span{font-size: 13px; color: #333;}

.home_setting_navbox{width: 100%; border-top: #f5f5f5 1px solid; margin: 20px 0 0 0; padding: 20px 0 0 0; display: flex; align-items: center; justify-content: space-between;}
.home_setting_nav{display: flex; align-items: center; grid-gap: 20px;}
.home_setting_nav a{padding: 0 25px; height: 44px; line-height: 44px; border: #e0e0e0 1px solid; border-radius: 60px; font-size: 15px; color: #222; font-weight: bold; transition: .3s; display: flex; align-items: center; justify-content: center; position: relative;}
.home_setting_nav a:hover{background: #eee; color: #000; transition: .3s;}


.home_setting_nav .nav_reddd2{display: inline-block; position: absolute; width: 8px; height: 8px; background: #fb5652; top: 7px; right: 15px; border-radius: 50%;}



.home_nav1 i{width: 20px; margin-right: 5px; flex-shrink: 0;}
.home_nav1 i img{width: 100%;}
.home_nav2 i{width: 18px; margin-right: 5px; flex-shrink: 0;}
.home_nav2 i img{width: 100%;}
.home_nav2 em{width: 12px; margin-left: 5px; flex-shrink: 0;}
.home_nav2 em img{width: 100%;}

.home_setting_nav .home_nav3{background: #fff3e9; border: #ffddc4 1px solid; color: #AA4B05;}
.home_setting_nav .home_nav3:hover{background: #FFF2E8; border: #FFB985 1px solid; color: #AA4B05; transition: .3s;}
.home_nav3 i{width: 18px; margin-right: 5px; flex-shrink: 0;}
.home_nav3 i img{width: 100%;}


.home_setting_tuichu{display: flex;}
.home_setting_tuichu a{font-size: 14px; color: #222; font-weight: bold; display: flex; align-items: center; justify-content: center; height: 44px; line-height: 44px; padding: 0 20px; border-radius: 60px; transition: .3s;}
.home_setting_tuichu a:hover{background: #f5f5f5; color: #000; transition: .3s}
.home_setting_tuichu i{width: 18px; margin-right: 5px;}
.home_setting_tuichu i img{width: 100%;}

.home_user_setting{width: 100%; background: #fff; border: 1px solid #eee; padding: 35px 25px; box-sizing: border-box; border-radius: 8px; margin: 30px 0 0 0;}
.home_user_link_box{display: grid;         grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 30px; }
.home_user_link{ display: flex; align-items: center; width: 100%; padding: 15px 25px; box-sizing: border-box; position: relative; cursor: pointer; background: #fafafa; border: #f4f2ef 1px solid; border-radius: 60px; transition: .3s}
.home_user_link:hover{ background: #fff3e9;   border: #ffddc4 1px solid; transition: .3s}
.home_user_link i{width: 50px; height: 50px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: #fff; border: #F9E1CF 1px solid; border-radius: 50%;}
.home_user_link_txt{display: flex; flex-wrap: wrap; padding: 0 0 0 10px; width: calc(100% - 80px);flex-shrink: 0;}
.home_user_link_txt span{width: 100%; font-size: 20px; color: #222; font-family: Din!important;}
.home_user_link_txt small{width: 100%; font-size: 14px; color: #444; padding: 5px 0 0 0; line-height: 1.3;}
.home_user_link_txt em{}
.home_user_link_da{grid-column: span 2;}


/* jiangliri tan */
.jiangliri_tan_box{width: 100%; padding: 20px 30px 0 30px; box-sizing: border-box; background: #fff; border-radius: 8px; }
.jiangliri_tan_suo{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.jiangliri_tan_suo i{width: 100px; padding: 30px 0 20px 0;}
.jiangliri_tan_suo i img{width: 100%;}
.jiangliri_tan_suo span{width: 100%; font-size: 22px; color: #222; line-height: 1.5; font-weight: bold; text-align: center;}
.jiangliri_tan_suo small{width: 100%; font-size: 15px; color: #666; line-height: 1.6; padding: 15px 10px 0 10px; box-sizing: border-box;}

.jlrsz_tan_box{width: 100%; box-sizing: border-box; background: url(../../images/jiangliri.png) no-repeat top right 40px; background-size: 160px;     border-radius: 0 8px 0 0;}

.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%;}

.jlrsz_tan_nr{width: 100%; padding: 0 40px; box-sizing: border-box; display: grid;     grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 30px;}
.jlrsz_tan_nr span{background: #fafafa; border: #f4f2ef 1px solid; border-radius: 4px; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 20px; font-size: 15px; color: #666; cursor: pointer;}
.jlrsz_tan_nr .jlrsz_tan_nrhover,.jlrsz_tan_nr span:hover{background: #FFF2E8; border: #FFE8D6 1px solid; color: #FE8A34;}

.jlrsz_tan_tip{width: 100%; padding: 20px 40px 0 40px; box-sizing: border-box; font-size: 14px; color: #666;}

/* uesr */
.user_nav_box{width: 100%; background: #fff; border: 1px solid #eee; padding: 20px 25px; box-sizing: border-box; border-radius: 8px; display: flex; align-items: center; position: sticky; top: 0; z-index: 989;}
.user_nav{display: flex; align-items: center; position: relative;}
.user_nav a{font-size: 16px; color: #333; height: 20px; line-height: 20px; position: relative;}
.user_nav a:hover{color: #fe8a34;}
.user_nav .user_nav_hover{font-weight: bold; color: #fe8a34;}
.user_nav em{width: 1px; height: 20px; margin: 0 25px; background: #ebeef5;     flex-shrink: 0;}

.user_nav_reddd{display: inline-block; position: absolute; width: 8px; height: 8px; background: #fb5652; top: -2px; right: -10px; border-radius: 50%;}

.user_nav .user_nav_hover:after,.user_nav a:hover:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 6px;
    background: #fe8a34;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 3px;
    z-index: 100;
    bottom: -4px;
    opacity: .15;
    width: 62.5%
}

.user_subnav{width: 100%; display: flex;  flex-wrap:wrap; align-items:center;}
.user_subnav a{display: inline-block; font-size: 16px; color: #888; height: 20px; line-height: 20px;}
.user_subnav i{display: inline-block; padding: 0 18px 0 18px;}
.user_subnav span{display: inline-block; font-size: 16px; color: #333; max-width: 500px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height: 20px; line-height: 20px;}



.user_nav_btn{position: absolute; right: 20px; top: 13px; background: linear-gradient(92deg, #ffab6b 1.15%, #fe8c37 123.37%); box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .1); border-radius: 60px; text-align: center; font-size: 14px; color: #fff; height: 34px; line-height: 34px; padding: 0 16px; display: flex; align-items: center; justify-content: center;}
.user_nav_btn:hover{background: #fe8c37; color: #fff;}
.user_nav_btn i{width: 14px; margin-right: 5px;}
.user_nav_btn img{width: 100%;}



.user_nr_box{width: 100%; background: #fff; border: 1px solid #eee; padding: 0 25px; box-sizing: border-box; border-radius: 8px; margin: 20px 0 0 0;}
.user_nr_padding{padding: 30px 25px;}
.user_nr_list{width: 100%;}
.user_nr_list li{display: flex;  padding: 25px; border-bottom: 1px solid #f5f5f5;&:last-of-type{border-bottom:0;}}
.user_nr_list li span{width: 130px; flex-shrink: 0; font-size: 15px; color: #333; height: 40px; line-height: 40px;}
.user_nr_content{-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.user_nr_content small{display: block; width: 100%; font-size: 15px; color: #666; height: 40px; line-height: 40px;}
.user_nr_content em{display: block; width: 100%; font-size: 14px; color: #ccc; margin-top: 2px; line-height: 1.4;}
.user_nr_content i{display: inline-block; width: 80px; height: 80px; flex-shrink: 0;}
.user_nr_content i img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.user_nr_list li a{font-size: 14px; color: #fe4e53; -ms-flex-item-align: start;align-self: flex-start; flex-shrink: 0; height: 40px; line-height: 40px;}
.user_nr_list li a:hover{color: #ff656a; text-decoration: underline;}
.user_nr_list li p{display: inline-block;}
.user_nr_list .layui-form-onswitch { border-color: #52c41a; background-color: #52c41a;}

.user_nr_list li .user_nr_weixin{width: 100%; display: flex; align-items: center;}
.user_nr_list li .user_nr_weixin span{width: auto;  font-size: 15px; color: #666; height: 40px; line-height: 40px; margin-right: 30px;}
.user_nr_list li .user_nr_weixin small{font-size: 15px; color: #666; height: 40px; line-height: 40px;}


.user_nr_center{align-items: center;}
.user_nr_border{border-bottom: none!important;}
.color_green{color: #52c41a!important;}
.user_nr_top{padding: 10px 0 0 0;}

.basic_list_box{width: 100%; padding: 0 100px 0 100px; box-sizing: border-box;}
.basic_list{width: 100%; padding: 0 0 0 0; box-sizing: border-box; display: flex; align-items: center; flex-wrap: wrap;}
.basic_list span{width: 150px; flex-shrink: 0; font-size: 15px; color: #666;}

.touxiang{width: auto; position: relative; display: flex; cursor: pointer;}
.touxiang i{width: 80px; height: 80px; }
.touxiang i img{border-radius: 50%; width: 100%; height: 100%; object-fit: cover;}
.touxiang em{position: absolute; right: 0; bottom: 0; background: #F3BB8E; border-radius: 50%; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center;}
.touxiang em img{width: 14px;}

.basic_tian{width: 100%;}
.basic_tian a{font-size: 14px; color: #FE8A34;}
.basic_tian a:hover{text-decoration: underline;}


.basic_ul{width: 100%; display: flex; align-items: center;}
.basic_ul li{padding: 0 20px 0 0;}

.basic_btn{width: 100%; box-sizing: border-box; padding: 30px 0 20px 100px;}
.basic_btn a{display: inline-block; width: 240px; background: linear-gradient(92deg, #ffab6b 1.15%, #fe8c37 123.37%); box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .2); border-radius: 4px; text-align: center; font-size: 14px; color: #fff; height: 44px; line-height: 44px; }
.basic_btn a:hover{background: #fe8c37; color: #fff;}

.basic_cuo{display: inline-block; box-sizing: border-box; font-size: 13px; color:#f5222d; min-height: 25px; line-height: 1.5; padding: 0 0 0 5px;}

.basic_cuo2{width: 100%; box-sizing: border-box; font-size: 13px; color:#f5222d; min-height: 25px; line-height: 1.5; padding: 3px 0 0 150px;}

.basic_input1{width: 300px; height:40px; line-height:40px; padding: 0 10px; font-size: 14px; color: #333; border: 1px solid #eaeaea; border-radius: 4px; box-sizing: border-box;}
.basic_input2{width: 200px; height:40px; line-height:40px; padding: 0 10px; font-size: 14px; color: #333; border: 1px solid #eaeaea; border-radius: 4px; box-sizing: border-box;}
.basic_input3{width: 300px; height:32px; line-height:32px; padding: 0 10px; font-size: 14px; color: #333; border: 1px solid #eaeaea; border-radius: 4px; box-sizing: border-box;}
.basic_input4{width: 100%; height:48px; line-height:48px; padding: 0; font-size: 14px; color: #333; border: none; border-radius: 4px; box-sizing: border-box;}
.basic_input5{width: 50%; height:48px; line-height:48px; padding: 0; font-size: 14px; color: #333; border: none; border-radius: 4px; box-sizing: border-box;}
.basic_input6{width: 100%; height:40px; line-height:40px; padding: 0 10px; font-size: 14px; color: #333; border: 1px solid #eaeaea; border-radius: 4px; box-sizing: border-box;}
.basic_select1{width:300px; height:40px; line-height:40px; padding:0 24px 0 10px;  border: 1px solid #eaeaea; background: url("../../images/jt_down.svg") no-repeat scroll 275px center transparent; background-size: 12px auto; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color: #fff; font-size: 14px; color: #333; border-radius: 4px;}
.basic_select2{width:140px; height:40px; line-height:40px; padding:0 24px 0 10px;  border: 1px solid #eaeaea; background: url("../../images/jt_down.svg") no-repeat scroll 115px center transparent; background-size: 12px auto; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color: #fff; font-size: 14px; color: #333; border-radius: 4px;}

.feedback_nr input:focus,.feedback_nr textarea:focus,.user_nr_content input:focus,.basic_tanlist input:focus,.basic_list input:focus{border: 1px solid #fe8c37; color: #222; background: #fff; box-shadow: 0 0 0 3px rgba(254, 140, 55, .08);}

.basic_tanbox{width: 100%;  padding:40px 30px 20px 30px; box-sizing: border-box;}
.basic_tanmian{width: 100%; max-height: 450px; min-height: 150px; overflow: auto;}
.basic_tanlist{width: 100%; padding: 0 0 0 0; box-sizing: border-box; display: flex; align-items: center; flex-wrap: wrap;}
.basic_tanlist span{width: 150px; flex-shrink: 0; font-size: 15px; color: #333;}
.basic_tanlist small{width: auto; flex-shrink: 0; font-size: 15px; color: #333;}
.basic_taninputbox{width: 260px;}
.basic_taninputbox2{width: 370px;}
.basic_tanlist a{display: inline-block; min-width:120px; text-align: center; height:40px; line-height:40px;  padding:0 10px; border:#fe8c37 1px solid; color: #fe8c37; border-radius: 4px; box-sizing: border-box; font-size: 14px; color: #fe8c37; margin-left: 10px;}
.basic_tanlist a:hover{border:#fe8c37 1px solid; background:#fe8c37;  color: #fff;}


.basic_tancuo{width: 100%; box-sizing: border-box; font-size: 13px; color:#f5222d; min-height: 25px; line-height: 1.5; padding: 3px 0 0 90px;}
.basic_tancuo2{width: 100%; box-sizing: border-box; font-size: 13px; color:#f5222d; min-height: 25px; line-height: 1.5; padding: 3px 0 0 150px;}

.select_width{width: 300px;}
.input_width{width: 300px!important;}


.wechat_tanbd{width: 90%; display: flex; justify-content: center; flex-wrap: wrap; padding: 30px 5% 40px 5%;}
.wechat_tanbd i{width: 100%; display: flex; justify-content: center;}
.wechat_tanbd span{font-size: 15px; color: #222; line-height: 1.6; padding: 15px 0 0 0;}


/*删除账号*/
.delzh_tanbox{width: 100%;  padding:10px 30px 10px 30px; box-sizing: border-box;}
.delzh_box{width:100%;}
.delzh_box dl{border-bottom:#f0f0f0 1px solid; width:100%; display: flex;}
.delzh_box dl label{display: flex; width: 100%; padding: 20px 0; align-items: center;}
.delzh_box dt{width: 20px; margin-right: 5px;}
.delzh_box dd{font-size:14px; color:#444; }
.del_ipt{width:200px; height:26px; line-height:26px; border-bottom:#ccc 1px solid; border-top:#fff 1px solid; border-left:#fff 1px solid; border-right:#fff 1px solid; color:#555;}


/* invite */
.invite_box{width: 800px; background: #fff; border: 1px solid #eee; padding: 25px 35px; box-sizing: border-box; border-radius: 8px;margin: 0 auto}
.invite_banner{width: 100%; display: flex; justify-content: space-between; background: #e6f5dd; border-radius: 8px;}
.invite_banner_txt{width: 400px;     flex-shrink: 0; padding: 30px 0 0 35px;}
.invite_banner_txt h1{display: block; width: 100%; font-size: 24px; color: #222; line-height: 1.5;}
.invite_banner_txt span{display: block; width: 100%; font-size: 14px; color: #333; line-height: 1.5; padding: 5px 0 0 0;}
.invite_banner_pic{padding: 20px 35px 0 0;}
.invite_banner_pic img{width: 125px;}

.invite_yqfs_box{width: 100%; background: #f7fcf5; border: #f4f8f2 1px solid; border-radius: 8px; padding: 15px 25px; margin: 20px 0; box-sizing: border-box;}
.invite_yqfs{width: 100%; display: flex; padding: 8px 0 10px 0;}
.invite_yqfs_biao{flex-shrink: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #80bf4b; border-radius: 50%; font-size: 14px; color: #fff; margin-top: 3px;}
.invite_yqfs_txt{padding: 0 0 0 10px;}
.invite_yqfs_txt span{display: block; width: 100%; font-size: 16px; color: #488b10; font-weight: bold; line-height: 1.5;}
.invite_yqfs_txt small{display: block; width: 100%; font-size: 14px; color: #5a5f58; line-height: 1.4; padding: 5px 0 0 0;}
.invite_tip{width: 100%; display: flex; align-items: center;}
.invite_tip i{width: 16px; margin-right: 3px;}
.invite_tip span{font-size: 14px; color: #ff7b4d;}
.invite_renshu_box{width: 100%; background: #fff; border: 1px solid #eee; padding: 18px 25px; margin: 18px 0; border-radius: 8px; box-sizing: border-box; display: flex; gap: 50px;}
.invite_renshu{display: flex; align-items: center; cursor: pointer;}
.invite_renshu_pic{width: 50px; height: 50px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: #fff; border: #F9E1CF 1px solid; border-radius: 50%;}

.invite_renshu_txt{padding: 0 0 0 10px;}
.invite_renshu_txt span{display: block; width: 100%; font-size: 20px; color: #222;font-family: Din !important; line-height: 1.5;}
.invite_renshu_txt small{display: block; width: 100%; font-size: 14px; color: #666; line-height: 1.5; padding: 2px 0 0 0;}

.invite_yqbox{width: 100%;}
.invite_yqbox_top{padding: 30px 0 0 0;}
.invite_yq_list{width: 100%;}
.invite_yq_list span{display: block; width: 100%; font-size: 16px; color: #222; line-height: 1.5;}
.invite_yq_list small{display: block; width: 100%; font-size: 14px; color: #888; line-height: 1.5; padding: 5px 0 0 0;}
.invite_yq_txt{width: 100%; display: flex; align-items:flex-end; padding: 15px 0 0 0;}
.invite_yq_txt textarea{display: block; width: 500px; background: #fff; border: #ebebeb 1px solid; box-shadow: 0 3px 10px rgba(239, 239, 239, 0.9); font-size: 14px; color: #666; line-height: 1.4; border-radius: 8px; padding: 10px;     height: 63px; word-wrap: break-word;}
.invite_yq_txt a{background: linear-gradient(92deg, #ffab6b 1.15%, #fe8c37 123.37%); box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .2); border-radius: 8px; text-align: center; font-size: 14px; color: #fff; height: 40px; line-height: 40px; padding: 0 20px; margin-left: 10px; display: flex; align-items: center; justify-content: center;}
.invite_yq_txt a:hover{background: #fe8c37; color: #fff;}
.invite_yq_txt a i{width: 14px; margin-right: 5px;}
.invite_yq_txt a i img{width: 100%;}

.yqfs_ul{width:100%; padding-top:15px; display: flex;}
.yqfs_ul li{width:90px;}
.yqfs_ul li a{display: flex; flex-wrap:wrap; justify-content:center;}
.yqfs_ul li a i{width: 40px;}
.yqfs_ul li a em{font-size: 14px; color: #333; width: 100%; text-align: center; padding: 8px 0 0 0;}
.yqfs_ul li a:hover em{color:#ff472e;}

.invite_tan_renbox{width: 100%; min-height: 260px; max-height: 500px; padding: 0 50px; box-sizing: border-box; overflow: auto;}
.invite_tan_renbox::-webkit-scrollbar { /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.invite_tan_renbox::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #d1d1d1;
}
.invite_tan_renbox::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}
.invite_tan_renlist{width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 25px 0;}
.invite_tan_ren{display: flex; align-items: center;}
.invite_tan_ren i{width: 40px; height: 40px; flex-shrink: 0;}
.invite_tan_ren i img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.invite_tan_ren span{font-size: 14px; color: #333; margin-left: 15px; max-width: 200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height: 24px; line-height: 24px;}
.invite_tan_fen{display: flex; align-items: center;}
.invite_tan_fen span{font-size: 14px; color: #666; padding: 0 0 0 3px;}
.invite_tan_fen small{font-size: 18px; color: #FB5652; font-weight: bold;}


/* help */
.help_box{width: 100%; margin: 20px 0 0 0; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 20px 30px;}
.help_title{width: 100%;}
.help_title a{background: #fff; border: 1px solid #eee; padding: 15px 25px; box-sizing: border-box; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;}
.help_title span{font-size: 16px; color: #333; font-weight: bold; line-height: 1.5; padding: 0 20px 0 0;}
.help_title a:hover {background: #fff; border: 1px solid #fe8a34; -webkit-box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .05);box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .05);}

.help_info_list{width: 100%; display: flex; background: #fff; border: 1px solid #eee; border-radius: 8px; flex-wrap:wrap; cursor: pointer;}
.help_info_list dt{width:100%; padding: 15px 25px; box-sizing: border-box;  display: flex; justify-content: space-between; align-items: center;}
.help_info_list dt span{font-size: 16px; color: #333; font-weight: bold; line-height: 1.5; padding: 0 20px 0 0;}
.help_info_list dd{display: none; width:100%; font-size:14px; color:#444; line-height:1.7; padding: 0 25px 10px 25px; box-sizing: border-box;}
.help_info_list:hover {background: #fff; border: 1px solid #fe8a34; -webkit-box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .05);box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .05);}
.help_info_list dd p{ font-size:14px; color:#444; line-height:1.7;}
.help_info_list dd span{ font-size:14px; color:#444; line-height:1.7;}
.help_info_img{width: 100%; display: flex; align-items: flex-start;}
.help_info_img img{display: inline-block; max-width: 300px; padding: 8px 10px 0 0;}

.help_asklist dt{ flex-wrap:wrap;}
.help_asklist dt span{max-width: calc(100% - 50px);}
.help_asklist dt span img{max-width: 200px;}


.help_askinfo_list{width: 100%; background: #fff; border: 1px solid #eee; border-radius: 8px; display: flex; flex-wrap:wrap; justify-content: space-between; padding: 15px 25px; box-sizing: border-box;}
.help_askinfo{width: 100%; display: flex; align-items: center; margin-top: 5px;}
.help_askinfo p{background:url(../../images/survey/survey_time.svg) no-repeat; background-position: top 7px left 0; background-size: 14px; padding:7px 10px 7px 16px; font-size: 14px; color: #999; }
.help_askinfo small{font-size: 12px; border-radius: 60px; padding: 5px 10px;}

.help_askinfo_zibox{width:100%; padding: 10px 0 0 0; box-sizing: border-box;  display: flex; justify-content: space-between; }
.help_askinfo_zi{font-size: 16px; color: #333; font-weight: bold; line-height: 1.5; padding: 0 20px 0 0; max-width: calc(100% - 80px); position: relative; overflow: hidden;  height: 24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s;}
.help_askinfo_btn{width: auto; height: 24px; display: flex; justify-content: center;     align-items: center; cursor: pointer;}
.help_askinfo_btn img{margin-right: 5px;}
.help_askinfo_btn span{font-size: 13px; color: #222;}

.help_askinfo_zi111{font-size: 16px; color: #333; font-weight: bold; line-height: 1.5; padding: 0 20px 0 0; width: calc(100% - 80px); position: relative;  overflow: hidden; height: auto; transition: all .3s;}


.help_ask_red{background: rgba(251,86,82,0.25); color: #FB5652;}
.help_ask_green{background: rgba(83,160,0,0.25); color: #53A000;}
.help_ask_hui{background:#e2e2e2; color:#999;}
.help_asktxt{width:100%; font-size:14px; color:#444; line-height:1.7; padding: 20px 0 0 0; box-sizing: border-box; border-top: 1px solid #eee; margin-top: 20px; font-weight: 400;}
.help_asktxt img{max-width: 300px;}
.help_asktime{width: 100%; background:url(../../images/survey/survey_time.svg) no-repeat; background-position: top 11px left 0; background-size: 14px; padding:7px 10px 0 20px; font-size: 14px; color: #999; font-weight: 400;}

.feedback_nr{width:100%; background: #fff;
    border: 1px solid #eee; padding: 30px 25px; box-sizing: border-box;border-radius: 8px; margin: 20px 0 0 0;}
.feedback_nr dl{display: flex; width: 100%; padding:10px 20px 10px 100px; box-sizing: border-box; align-items: center;}
.feedback_nr dt{width:160px; font-size:15px; color:#666;}
.feedback_nr dd{display: flex; align-items: center; flex-wrap:wrap;}
.feedback_nr dd span{font-size:16px; color:#FB5652; padding:0 0 0 10px; }
.feedback_nr dd a{background:#fefaef; border: #e6d2a4 1px solid; padding:4px 10px;  border-radius:2px; font-size: 12px; color:#c49937;}
.feedback_nr dd a:hover{color:#fff; background:#fe8c37; border:#fe8c37 1px solid;}
.feedback_nr dd small{color:#999; font-size:12px; margin-left: 8px;}
.feedback_img{width:100%; padding:10px 0 0 0; display: flex; align-items: center;}
.feedback_img li{width:80px; margin-right: 15px; position: relative;}
.feedback_img li img{border-radius: 2px;     object-fit: cover;}
.feedback_img li i{width: 20px; height: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; right: -8px; top: -8px; background: #fe4e53; border-radius: 50%;}
.feedback_img li i:hover{background: #ff6469; border-radius: 50%;}
.feedback_textarea1{width: 460px; height:90px; line-height:1.6; padding: 5px 10px; font-size: 14px; color: #333; border: 1px solid #eaeaea; border-radius: 4px; box-sizing: border-box;}

/* redeem */
.redeem_head_box{width: 100%; background: #fff; border: 1px solid #eee; padding: 25px 30px; box-sizing: border-box; border-radius: 8px; display: flex; align-items: center; position: sticky; top: 0; z-index: 989; gap:100px;}
@media screen and (max-width: 1600px) and (min-width: 520px) {
  .redeem_head_box{justify-content: space-between; gap:0px;}
  }


.redeem_headlist{}
.redeem_headlist span{display: block; font-size: 20px; color: #444; font-family:Din!important;}
.redeem_headlist small{display: flex; align-items: center; font-size: 14px; color: #666; padding: 10px 0 0 0;}
.redeem_headlist small i{display: inline-block; margin-left: 3px; cursor: pointer;}


.redeem_nr_box{width: 100%; background: #fff; border: 1px solid #eee; padding: 25px 25px; box-sizing: border-box; border-radius: 8px; margin: 20px 0 0 0;}
.redeem_nr_title{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.redeem_nr_title span{font-size: 16px; color: #222;}
.redeem_nr_title small{font-size: 14px; color: #666;}
.redeem_nr_title small a{font-size: 14px; color: #666; display: flex; align-items: center; justify-content: center;}
.redeem_nr_title small a:hover{color: #FE8A34;}
.redeem_nr_title small a i{width: 16px; margin-right: 3px;}
.redeem_nr_title small a i img{width: 100%;}
.redeem_nr_listbox{width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 0 30px; padding: 20px 0 0 0;}
.redeem_nr_list{background: #FFFFFF; box-shadow: 0px 8px 16px rgba(204,204,204,0.2); border-radius: 8px; border: 1px solid #EFEFEF; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 0; cursor: pointer;}
.redeem_nr_list i{width: 100%;display: flex; justify-content: center; align-items: center; height: 50px;}
.redeem_nr_list i img{width: 100px;}
.redeem_nr_list .redeem_wximg{width: 50px;}
.redeem_nr_list .redeem_ppimg{width: 120px;}
.redeem_nr_list span{width: 100%; font-size: 16px; color: #FE8A34; padding: 12px 0 8px 0; display: flex; justify-content: center; align-items: baseline;}
.redeem_nr_list span em{font-size: 22px; color: #FE8A34; font-family:Din!important; margin-right:2px;}
.redeem_nr_list small{width: 100%; font-size: 14px; color: #666; text-align: center;}
.redeem_nr_list:hover {background: #fff; border: 1px solid #fe8a34; -webkit-box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .05);box-shadow: 0 10px 20px 0 rgba(254, 141, 56, .05);}

.redeem_nav_box{margin-top: 20px;}
.redeem_nav_shaixuan{position: absolute; right: 20px; top: 11px;  display: flex; align-items: center; justify-content:flex-end;}
.redeem_nav_shaixuan span{font-size: 14px; color: #333; margin-right: 10px;}
.redeem_nav_select{width: 170px;}


.tablee{width:100%; border:#EFEFEF 1px solid; border-bottom: none; border-radius: 4px;}
.thth th{font-size: 14px; color: #999; font-weight: 400; border-bottom:#EFEFEF 1px solid; padding: 18px 0 18px 15px; text-align: left; line-height: 1.5;}
.tablee td{font-size: 14px; color: #333; border-bottom:#EFEFEF 1px solid; padding: 15px 0 15px 15px; text-align: left; line-height: 1.5;}
.tdlan{font-size:15px; color:#53a000!important; font-weight:bold;}
.tdred{font-size:15px; color:#ff6d56!important; font-weight:bold;}
.td_width{max-width: 300px;}

.exp_tips{display: inline-block; background: url(../../images/wenhao2.png) no-repeat 0 1px; background-size: 16px; font-size: 12px; color: #fc5531; text-indent: 17px; margin-left: 8px;}
.exp_tips:hover{color: #fc5531; text-decoration: underline;}


.redeem_tanbox{width: 100%; box-sizing: border-box; background: url(../../images/redeem_pic.png) no-repeat top right; background-size: 180px; border-radius: 0 8px 0 0;}
.redeem_tan_title{width: 100%; font-size: 22px; color: #333; font-weight: bold; position: relative; padding:35px 40px 0 40px; box-sizing: border-box;}
.redeem_tan_title:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 6px;
    background: #fe8a34;    
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 3px;
    z-index: 100;
    left: 65px;
    bottom: -12px;
    opacity: .2;    
}
.redeem_tan_txt{width: 100%; font-size: 14px; color: #444; line-height: 1.6; padding: 30px 40px 30px 40px; box-sizing: border-box; overflow: auto; max-height: calc(100vh - 240px);}
.redeem_tan_txt::-webkit-scrollbar { /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.redeem_tan_txt::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #d1d1d1;
}
.redeem_tan_txt::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}
.redeem_tan_btn{width: 100%; display: flex; border-top: #f5f5f5 1px solid; margin-top: 5px;}
.redeem_tan_btn a{width: 100%; padding: 20px 0; font-size: 16px; color: #FE8A34; text-align: center;}


.redeem_zong_box{width: 100%; background: url(../../images/redeem_pic2.png) no-repeat #FDF9F0; height: 50px; border: #FBF1E7 1px solid; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 0 20px; box-sizing: border-box;}
.redeem_zong_box span{font-size: 14px; color: #222;}
.redeem_zong_jf{display: flex; align-items: center;}
.redeem_zong_jf small{font-size: 15px; color: #333; font-weight: bold;}
.redeem_zong_jf i{width: 26px; margin-left: 10px;}
.redeem_zong_jf i img{width: 100%;}


/* game */
.game_nr_box{width: 100%; background: #fff; border: 1px solid #eee; padding: 5px 0 0 0; box-sizing: border-box; border-radius: 8px; margin: 20px 0 0 0;}
.game_nr_box iframe{height: calc(100vh - 163px);}