*{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;}
body{width:100%;font-size:15px;color:#333;}
.page_container{width:100%;max-width:750px;margin:0 auto;}
/*header*/
.header{position:fixed;top:0;left:0;width:100%;height:60px;line-height:60px;font-size:18px;font-weight:bold;background-color:#fff;}
.back{float:left;margin-left:4%;}
.back img{position:relative;top:5px;width:12px;}
.h_title{float:left;width:82%;text-align:center;}
.index img{position:relative;top:3px;width:25px;}

.nav_list{position:fixed;top:0;left:0;z-index:10;width:94%;height:60px;line-height:60px;padding:0 3%;background-color:#141d39;}
.nav_list ul li{float:left;width:20%;text-align:center;}
.nav_list ul li a{color:#fff;}

.center{width:100%;height:calc(100vh - 120px);overflow-y:auto;margin-top:60px;}

/*footer*/
.footer_2{position:fixed;left:0;bottom:0;width:100%;height:60px;color:#fff;text-align:center;line-height:60px;font-size:15px;background-color:#0f152b;}

.footer{width:94%;padding:30px 3% 0 3%;background-color:#424242;}
.footer a{ color:#fff}
.f_con{width:94%;padding:15px 3%;border:1px #fff solid;border-radius:10px;}
.f_left{float:left;width:70%;color:#fff;line-height:25px;letter-spacing:0;}
.f_left h3{font-weight:normal;}
.f_left h3 span{color:#e44a2a;}
.f_right{float:right;width:30%;text-align:center;}
.f_right img{width:85px;margin-top:8px}
/*.f_right p:nth-child(2){margin-top:15px;}*/
.technical_support{width:100%;height:50px;color:#fff;line-height:50px;text-align:center;}

.modal_bg{display:none;position:fixed;top:0;left:0;z-index:4;width:100%;height:100vh;background-color:rgba(0,0,0,0.3);}
.view_more_modal{display:none;position:fixed;top:20vh;left:15%;z-index:5;width:70%;}
.details_con{width:100%;height:40vh;overflow-y:auto;background-color:#fff;border-radius:10px;padding:15px 0 30px 0;}
.m_title{width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;}
.m_con{width:90%;margin:0 auto;line-height:25px;}
.close{text-align:center;margin-top:20px;}
.close img{width:30px;}

.piaochuang{position:fixed;top:35%;right:2%;}
.pc_box{width:80px;padding:14px 7px;text-align:center;background-color:#25366a;border-radius:10px;font-size:13px;}
.add_qun{width:100%;height:23px;line-height:23px;text-align:center;border-radius:30px;color:#141d39;background-color:#f5f7f9;}
.add_qun img{position:relative;top:2px;width:13px;}
.wxchart{color:#f5f7f9;line-height:20px;margin-top:11px;}
.wxchart img{width:100%;border-radius:5px;}
.top{width:100%;text-align:center;}
.top img{width:36px;}
/*اه³‎¸،¶¯*/
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}

.page_container{background-color: #f6f7fb;}
.header {border-bottom: 1px #dcdddd solid;}
.h_title {width: 85%;}
.details_nav {width: 94%;height: 60px;padding: 0 3%;line-height: 60px;background-color: #fff;font-size: 16px;overflow-x: auto;}
.details_nav ul {width: 725px;}
.d_nav_item {float: left;margin: 0 15px;}
.d_nav_item a {display: inline-block;color: #333;}
.d_nav_active a {color: #1d69f5;}
.d_line_active {width: 35px;height: 3px;background-color: #1d69f5;border-radius: 3px;margin: 0 auto;margin-top: -3px;}
.banner {width: 100%;}
.banner img {width: 100%;}
.d_con {width: 83%;margin: 0 auto;padding: 15px 6% 30px 6%;color: #666;background-color: #fff;border-radius: 10px;line-height: 25px;margin-top: 10px;}
.d_con img{max-width:100%}
.d_t {font-size: 18px;margin-bottom: 5px;margin-top: 15px;}

.index_footer{position: fixed;bottom: 0vh;right: 0;width: 100%;height: 49px;background-color: #4866d5;box-shadow: 0 -3px 10px -1px #49a7f1;}
.index_footer_left{float: left;width: 33%;height: 100%;/*background-color: #70b8f1;*/}
.index_footer_left a{float: center;color: #ffffff;margin: 0 auto;width: 100%;margin-top: 10px;height: 60px;font-size: 19px;font-weight: 900;}
.index_footer_center{float: left;width: 33%;}
.index_footer_center a{float: center;color: #ffffff;margin: 0 auto;width: 100%;margin-top: 10px;height: 60px;font-size: 19px;font-weight: 900;}
.index_footer_right{/*background-color: #70b8f1;*/float: right;height: 100%;width: 33%;}
.index_footer_right a{float: center;color: #ffffff;margin: 0 auto;width: 100%;margin-top: 10px;height: 60px;font-size: 19px;font-weight: 900;}
.font_action{background-color: #64a2ff;height: 50px;}
.listpage{height:60px;line-height:60px; width:100%; text-align:center}
.listpage a{ color:#333; margin:5px 5px;}

.presonal_con {width: 90%;margin: 10px auto 10px auto;padding: 2%;}
.menu_con {width: 100%;padding: 10px 0;background-color: #fff;}
.menu_con h1 {height: 60px;line-height: 60px;font-size: 24px; text-align:center}
.innerbg{padding:10px 0}
.table_header {/*overflow-x: scroll;*/}
.table_header ul {width: 1000px;}
.table_header table {width: 1000px;}
.my_info_item{width: 84%;height: 43px;line-height: 43px;background-color: #E8F0FE;border-radius: 5px;border: 1px #edeff3 solid;margin: 0 auto;margin-bottom: 17px;}
.my_info_item input,.my_info_item select{width:95%;height: 40px;border: none;outline: none;color: #000;font-size: 15px;font-weight: bold;padding-left: 5%;background-color:transparent;}
.my_info_item select{color: #666;padding-left: 4.5%;}
.confirm_btn{width: 84%;margin: 0 auto;}
.confirm_btn input,.confirm_btn button{display: inline-block;width: 100%;height: 44px;text-align: center;line-height: 44px;border-radius: 5px;color: #fff!important;border: none;outline: none;font-size: 17px;background-image: linear-gradient(to right,#f24242,#fb4835);}

.menu_con h3{width: 100%;text-align: center;margin-bottom: 20px;font-size: 24px;line-height: 40px;}
.info_result{width: 100%;height:auto;background-color: #fff;border-radius: 5px;border: 1px #edeff3 solid;margin: 0 auto;}
.info_result dl{width:100%;min-height: 40px;line-height: 40px;background:#f9f9f9;border-bottom: 1px #edeff3 solid;color:#333; margin:0; clear:both; font-size:12px}
.info_result dl dt{width:20%;float:left;display:block;text-align:right;font-weight:bold;}
.info_result dl dd{width:80%;float:left;display:block;text-align:left; margin-left:0}
.my_info_item{width: 84%;height: 43px;line-height: 43px;background-color: #E8F0FE;border-radius: 5px;border: 1px #edeff3 solid;margin: 0 auto;margin-bottom: 17px;}
.my_info_item input,.my_info_item select{width:95%;height: 40px;border: none;outline: none;color: #000;font-size: 15px;font-weight: bold;padding-left: 5%;background-color:transparent;}
.my_info_item select{color: #666;padding-left: 4.5%;}
.confirm_btn{width: 84%;margin: 0 auto;}
.confirm_btn input,.confirm_btn button{display: inline-block;width: 100%;height: 44px;text-align: center;line-height: 44px;border-radius: 5px;color: #fff!important;border: none;outline: none;font-size: 17px;background-image: linear-gradient(to right,#f24242,#fb4835);}
.menu_con h3{width: 100%;text-align: center;margin-bottom: 20px;font-size: 24px;line-height: 40px;}
.award_level{margin-top: 30px;margin-bottom: 30px;}
.award_level a{color:#333;}
.level_item{float: left;width: 130px;height: 45px;line-height: 45px;text-align: center;border: 1px #e4e4e4 solid;border-radius: 10px;margin-right: 10px;color: #333;font-weight: bold;}
.tab_type_active{color: #fff;background-color: #ea635c;border: 1px #ea635c solid;}
.tab_type_active a{color: #fff;}
.table_header {width: 100%;}
.table_header ul {width: 100%;margin: 0 auto;height:40px;line-height:40px;background-color:#edeff3;}
.table_title{background-color: #e3e3e3!important;height: 50px;line-height: 50px;font-weight: 600;}
.table_header ul:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.table_header ul li {float: left;width:calc(15% - 1px);text-align: center;list-style: none; font-size:12px;border-top:1px solid #ccc;border-left:1px solid #ccc}
.table_header ul li:nth-child(2){ width:calc(35% - 1px)}
.table_header ul li:nth-child(3){ width:calc(35% - 1px)}
.table_header ul li:last-child{width:calc(15% - 2px);border-right:1px solid #ccc}

.table_header table {width: 100%;margin: 0 auto;background-color:#edeff3; border-bottom:1px solid #ccc}
.table_header tr {}
.table_header tr:nth-child(2n) {background-color: #fff;}
.table_header tr:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.table_header tr td {float: left;width:calc(15% - 1px);text-align: center;list-style: none; font-size:12px;border-left:1px solid #ccc;min-height:40px;display:flex;justify-content:center;align-items:center;}
.table_header tr td:nth-child(2){ width:calc(35% - 1px)}
.table_header tr td:nth-child(3){ width:calc(35% - 1px)}
.table_header tr td:last-child{width:calc(15% - 2px);border-right:1px solid #ccc}