*{ margin:0px; padding:0px; font-family:Microsoft Yahei; box-sizing:border-box}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
img,input{ border:0px;}
ul li{ list-style:none;}
em,i{ font-style:normal;}
.left{ float:left;}
.right{ float:right;}
.main{ margin:0 auto;}
body{ margin:0 auto; max-width:640px;position:relative;}
input[type="submit"],input[type="reset"],input[type="button"],button,input[type="text"]{-webkit-appearance: none;border-radius:0px; outline:none; border:0px;}
select{ border:0px;background:none;border-radius:0px;}
html,body{ height:100%}


.main{ float:left; width:100%; min-height:100vh; background-size:cover;background:url(../images/x1.png) no-repeat top center;background-attachment: fixed;background-size: 100% 100%;} /**/
.banner,.banner img{ float:left; width:100%}
.td_one{ float:left; width:100%; padding:20px 30px;}
.td_one li{ float:left; width:100%; color:#fff; font-size:14px; line-height:30px; padding-bottom:8px;}
.td_one li img{ float:left; margin-bottom:15px; width:100%}

.t_btn{ float:left; width:100%; padding:10px 0;}
.t_btn .btn{ float:left; width:100%; background:#009BFC; color:#fff; line-height:40px; font-size:15px; cursor:pointer; border-radius:100px; font-weight:bold;}

/* 登录 */
.dl_main{ float:left; width:92%; margin-left:4%; background:#fff; padding:20px; border-radius:8px;margin-top:40px;}
.dl_one{ float:left; width:100%; margin-top:10px; }
.dl_one th{ width:75px; vertical-align:top; text-align:left; font-size:14px; font-weight:normal; line-height:42px; padding-bottom:10px;}
.dl_one td{ padding-bottom:10px;}
.dl_one td p{ float:left; width:100%; overflow:hidden; border:1px solid #9B9B9B; height:40px; border-radius:4px; position:relative;}
.dl_one td p .txt{ border:0px; width:100%; line-height:40px; padding-left:10px; font-size:14px;}
.dl_one td p .txt::-webkit-input-placeholder {color:#A1A1A1;}
.dl_one td p .txt:-moz-placeholder {color:#A1A1A1;}
.dl_one td p .txt::-moz-placeholder {color:#A1A1A1;}
.dl_one td p .txt:-ms-input-placeholder {color:#A1A1A1}
.dl_one td p .img_yzm{ position:absolute; z-index:1; top:5px; right:5px; height:28px; width:35%}
.dl_one td p .btn_yzm{ position:absolute; z-index:1; top:5px; right:5px; height:28px; background:#C2C1C3; color:#fff; font-size:12px;  border-radius:40px; overflow:hidden; width:38%; color:#333}

/* 个人信息 */
.type_ul{ float:left; width:100%; height:30px; background:url(../images/bg_01.png) repeat-x left center; display:flex;justify-content: space-between; margin-bottom:10px;}
.type_ul li{ width:31%; height:26px; background:#F9E172; border-radius:100px; font-size:12px; line-height:26px; color:#211713;}
.type_ul i{ float:left; width:26px; height:26px; text-align:center; line-height:26px; font-size:16px; background:#FED635; border-radius:100px;  color:#fff; margin-right:6px;}
.type_ul .sel i{ background:#05547D;}

.xx_main,.wj_main{ float:left; width:92%; margin-left:4%; background:#fff; padding:15px; border-radius:10px; margin-bottom: 30px;}

.xx_tishi{ float:left; width:100%; padding-bottom:10px;}
.xx_tishi .top{ float:left; width:100%; font-size:12px; color:#E50011; line-height:40px;}
.xx_tishi .bottom{ float:left; line-height:16px; border-left:3px solid #211713; padding-left:8px; font-size:16px; font-weight:bold; color:#211713;}

.xx_one{ float:left; width:100%; margin-bottom:10px; font-size:14px;}
.xx_one .tb{ float:left; width:100%;}
.xx_one .tb th{ position:relative; width:100px; font-size:14px;  color:#000000; font-size:14px; text-align:left;  padding-top:12px;}
.xx_one .tb th i{ color:red; font-size:16px; font-weight:bold; color:#E50011; padding-left:5px; font-family:宋体;}
.xx_one .tb td{ padding-top:12px;}
.xx_one .tb td .txt{ float:left; width:100%; border:1px solid #9B9B9B; height:40px; line-height:40px; padding-left:4%; font-size:14px; border-radius:4px;}
.xx_one .tb select{ float:left; width:31.5%; height:42px; line-height:42px; font-size:14px; padding-left:10px; border:1px solid #9B9B9B;border-radius:6px;-webkit-appearance: none; background:url(../images/bg_02.png) no-repeat right center; background-size:15px; margin-right:2.5%; outline:none;}
.xx_one .tb .sel_qu{ margin:0; float:right;}
.xx_one .tb .sel_xingZhi{ width:101%}
.xx_one .tb td .txt::-webkit-input-placeholder {color:#9E9E9F;}
.xx_one .tb td .txt:-moz-placeholder {color:#9E9E9F;}
.xx_one .tb td .txt::-moz-placeholder {color:#9E9E9F;}
.xx_one .tb td .txt:-ms-input-placeholder {color:#9E9E9F}
.xx_one .tb label input{ float:left; width:16px; height:16px; margin-right:5px; margin-top:3px;}
.xx_one .tb label{ float:left; min-width:30%; padding:5px 0}

/* 上传名片 mp */
.mp_main{ float:left; width:92%; margin:20px 4%; background:#fff; border-radius:10px; padding:15px; margin-bottom:40px}
.mp_one{ float:left; width:100%; padding:10px; background:#EEEFEF; margin:5px 0;}
.mp_one img{ float:left; width:100%}
.mp_two{ float:left; width:100%; text-align:center; font-size:12px; color:#595757; line-height:24px; padding:5px 0; font-weight:bold;}
.mp_three{ float:left; width:100%; display:flex;justify-content: space-between; padding:5px 0}
.mp_three .btn{float:left; width:46%; background:#009BFC; color:#fff; line-height:40px; font-size:15px; cursor:pointer; border-radius:100px; font-weight:bold;}

/* 问卷 */
.wj_bg{ background:url(../images/bg2.png) no-repeat top center; background-size:cover}


.wj_ul{ float:left; width:100%; padding:0 4x;}
.wj_ul li{ float:left; width:100%; padding-top:10px;}
.wj_ul .top{ float:left; width:100%; color:#0F183C; font-size:14px; font-weight:bold}
.wj_ul .bottom{ float:left; width:100%; padding:10px 0;}
.wj_ul .bottom p{ float:left; width:100%; line-height:26px; font-size:14px; margin-bottom:3px;}
.wj_ul .bottom label{ display:flex;align-items:center;}
.wj_ul .bottom label span{flex-shrink: 0}
.wj_ul .bottom label input{ width:14px; height:14px; margin-right:5px;flex-shrink: 0}
.wj_ul .bottom .txt{ width:50%; border-bottom:1px solid #333; height:24px; line-height:24px; font-size:14px; margin-left:5px;}

/* 回执 */
.hz_main{float:left; width:92%; margin-left:4%; background:#fff; padding:15px; border-radius:10px; margin-bottom:40px;}
.hz_one{ float:left; width:100%; border:1px solid #000; border-radius:5px; padding:12px; padding-bottom:10px;}
.hz_one .left{ float:left; width:60%;}
.hz_one .left h1{ float:left; width:100%; font-size:16px; font-weight:bold; line-height:30px;}
.hz_one .left h2{ float:left; width:100%; font-size:14px; line-height:24px;}
.hz_one .right{ float:left; width:40%; text-align:right;}
.hz_one .right img{ width:80px;}

.hz_two{ float:left; width:100%; padding:15px 0; display:flex;justify-content: space-between;}
.hz_two a{ width:32%; height:30px; line-height:30px; border-radius:5px; color:#fff; font-size:14px; font-weight:bold; background:#A3D9E8; display:inline-block; text-align:center;}
.hz_two .a2{ background:#717ABA}
.hz_two .a3{ background:#EB6682}

.hz_three{ float:left; width:100%; border:2px solid #231815; border-radius:6px; padding:10px 15px;}
.hz_three dl{ float:left; width:100%}
.hz_three dl dd{ float:left; width:50%; font-size:13px; font-weight:bold; line-height:34px;}
.hz_three .up{ float:left; width:50%; background:#A5D4AD; color:#fff; font-size:15px; text-align:center; line-height:22px; margin-top:6px; font-weight:bold;  border-radius:4px;}
.hz_three .ok{ background:#AACD06}
.hz_three .bottom{ float:left; width:100%; font-size:12px; line-height:18px; padding-top:5px;}

.hz_four{ float:left; width:100%; font-size:12px; padding-top:5px; line-height:20px;}
.hz_four .top{ font-size:14px; float:left; width:100%; line-height:30px;}

/* 弹框 */
.tan{ width:100%; background:#fff; border-radius:10px; padding:25px; float:left;}
.tan .top{ float:left; width:100%; text-align:center; padding-bottom:10px; font-size:16px; font-weight:bold;}
.tan .t_btn{ padding:15px 0;}
.tan .desc{ float:left; width:100%; padding:10px 0; font-size:14px; line-height:24px;}





/* 以下 4-7*/
.txt::-webkit-input-placeholder {color:#BDBEBE;}
.txt:-moz-placeholder {color:#BDBEBE;}
.txt::-moz-placeholder {color:#BDBEBE;}
.txt:-ms-input-placeholder {color:#BDBEBE}
/* 人工审核 sh */
.sh_nei{ float:left; width:92%; margin-left:4%; background:#fff; border-radius:8px; padding:15px;  margin-bottom:40px;}
.sh_one{ float:left; width:100%; border-bottom:1px dashed #F0F0F0; padding-bottom:15px; line-height:28px;display:flex;justify-content: space-between;align-items:center; padding-top:5px;}
.sh_one .left{ font-size:14px;display:flex;align-items:center;}
.sh_one .left strong{ font-size:18px; padding-left:5px; font-weight:normal}
.sh_one .saomiao{ background:url(../images/bg_03.png) no-repeat 12px center #05537D; background-size:15px; padding-left:35px; color:#fff; font-size:14px; padding-right:15px; border-radius:3px}
.sh_two{ float:left; width:100%; margin-top:10px; margin-bottom:5px;}
.sh_two th{ font-weight:normal; font-size:14px; text-align:left; padding:9px 0; width:110px}
.sh_two td{ padding:9px 0;}
.sh_two .up{ width:60%; background:#A5D4AD; color:#fff; line-height:30px; border-radius:5px; font-size:14px; font-weight:bold; display:inline-block; text-align:center;}
.sh_two .txt{ float:left; width:100%; height:32px; line-height:32px; border:1px solid #A0A0A0; padding-left:10px; font-size:14px; border-radius:5px;}
.sh_two .txt_date{ width:60%; background:url(../images/bg_04.png) no-repeat right center; background-size:15px;}
.sh_two .txt_time{ width:35%; float:right; background:url(../images/bg_04.png) no-repeat right center; background-size:15px;}

/* 展商登录 */
.lu_title{ width:100%; float:left; background:url(../images/bg_05.png) no-repeat center center; background-size:80%; line-height:60px; color:#fff; font-size:22px; letter-spacing:3px; text-align:center;}
.lu_main{ margin-top:10px}
.lu_one{ float:left; width:100%; padding-bottom:5px;}
.lu_one li{ float:left; width:100%; margin:10px 0; border:1px solid #939392; border-radius:5px; line-height:40px; height:40px; display:flex; align-items: flex-start; overflow:hidden}
.lu_one span{flex-shrink: 0; padding-left:25px; margin-left:15px; color:#05547D; font-size:14px; margin-right:15px;}
.lu_one .txt{ float:left; width:100%; height:40px; line-height:40px; font-size:14px; padding-left:15px; background:url(../images/bg_08.png) no-repeat left center; background-size:auto 20px; outline:none}
.lu_one .s_name{ background:url(../images/bg_06.png) no-repeat left center; background-size:15px;}
.lu_one .s_pwd{ background:url(../images/bg_07.png) no-repeat left center; background-size:15px;}

/* 回执 */
.hui_banner{ float:left; width:100%; padding:20px; padding-bottom:15px;}
.hui_banner img{ height:20px;}
.hui_main{ padding-top:0px; padding-bottom:0}
.hui_main .hz_three{ margin-bottom:0px;}
.hui_main .hz_three dl dd{ width:70%}
.hui_main .hz_three dl dd span{ font-size:12px; color:#05537D; font-weight:normal; border-left:1px solid #05537D; margin-left:10px; padding-left:10px;}
.hui_main .hz_three .up{ background:#A5D4AD; width:28%; font-weight:normal; font-size:13px; float:right;}
.hui_main .hz_three .up2{ background:#E87846}
.hui_main .hz_three .ok{ background:#AACD06}
.hui_main .hz_three .time{ font-size:12px; line-height:24px; padding-bottom:5px; margin-top:-5px}
.hui_main .hz_three .time span{ font-size:15px;}

/* 特殊证件登记个人信息 */
.xx_title{ float:left; width:112.6%; height:42px; background:url(../images/bg_09.png) no-repeat left center; margin-left:-20px; box-sizing:inherit; background-size:100% 100%; padding-left:20px; line-height:35px;display:flex;}
.xx_title span{flex-shrink: 0; font-size:14px; font-weight:bold;}
.xx_title select{ float:left; width:100%; background:url(../images/bg_04.png) no-repeat 93% center; background-size:15px; height:35px; line-height:35px; font-size:16px;-webkit-appearance: none; padding-left:5px; font-weight:bold; outline:none}
.xx_one .tb th{ width:86px}

/* 报名成功弹框 */
.tan_ok{ float:left; width:100%; background:#fff; padding:25px;}
.tan_ok .top{ display:flex;justify-content: center;align-items:center; line-height:30px; padding-bottom:15px; color:#05537D; font-size:20px; font-weight:bold;}
.tan_ok .top img{ height:30px; margin-right:15px;}
.tan_ok .bottom{ float:left; width:100%; font-size:15px; line-height:26px; color:#0F0604;}
.tan_ok .bottom span{ color:#05537D;}

/* */
.tan_wen{ float:left; width:100%; background:#fff}
.tan_wen .title{ font-size:16px; background:#05547D; color:#fff; padding-left:20px; line-height:44px;}
.tan_wen .nei{ float:left; width:100%; padding:15px;}
.tan_wen .time{ float:left; text-align:center; line-height:30px; width:100%; background:url(../images/bg_10.png) repeat-x left center; background-size:100% 1px;}
.tan_wen .time span{ background:#fff; padding:0 10px; font-size:14px; color:#757575;}
.tan_wen ul{ float:left; width:100%}
.tan_wen ul li{ float:left; width:100%; padding-bottom:8px}
.tan_wen label{ float:left; width:100%; display:flex; padding:5px 15px; line-height:22px;}
.tan_wen label input{ width:15px; height:15px;flex-shrink: 0; margin-right:10px; margin-top:5px;}
.tan_wen label span{ display:inline-block; font-size:14px;}




.tan_wen .nei{
 float: left;
 width: 100%;
 padding: 15px;
 max-height: 500px;
 overflow: auto;
}



/* 新回执 1-20*/
.h_main{ display: block; min-height: 100vh; width: 100%; background: url(../images/x2.png) no-repeat left top; background-size: 100% 100%; padding:20px 15px;}
.h_one,.h_one img{ display: block; width: 100%; position: relative;}
.h_one .zi{ position: absolute; bottom: 14px; right:10px; width: 70%; color: #fff; text-align: center; font-size: 15px; line-height: 22px; letter-spacing: 3px; font-weight: bold;}
.h_one .zi span{ letter-spacing: 0; padding: 0 5px;}
.h_info{ background: #fff; border-radius: 10px; margin-top: 15px; padding: 20px;}
.h_two{ font-size: 13px; line-height: 24px;}
.h_two .tit{ font-size: 16px; padding-bottom: 5px;}
.h_three{ padding: 20px 0; text-align: center;}
.h_three .name{ font-size: 20px; line-height: 30px;}
.h_three .ma{ display: flex; margin: 10px 0; padding: 10px; justify-content: center; align-items: center; background: url(../images/x4.gif) no-repeat center center; background-size: auto 100%;}
.h_three .ma img{ height: 140px;}
.h_three .job{ font-size: 15px; line-height: 20px;}
.h_four{ display: flex; justify-content: space-between; align-items:flex-start; padding-top: 10px;}
.h_four .left{ width: 68%;}
.h_four img{ width: 100%; display: block; margin-bottom: 6px;}
.h_four .left dl{ display: flex; justify-content: space-between; align-items: center;}
.h_four .left dd{ font-size: 12px; line-height: 22px; color: #000; opacity: 0.5; zoom: 0.8;}
.h_four .right{ width: 28%;}

/* 弹分享 */
.tan_fx{ display: block; width: 100%;}
.tan_fx .nei{ display: block; width: 100%; background: url(../images/x9.png) no-repeat; background-size: 100% 100%; padding: 20px 15px;}
.tan_fx .nei .img{ display: block; width: 100%;}
.tan_fx .info{ display: flex; align-items: center; justify-content: space-between; padding-top: 20px;}
.tan_fx .info .left{ width: 70%;}
.tan_fx .info .right{ width: 24%;}
.tan_fx .info img{max-width: 100%; display: block;}
.tan_fx .info .tit{ font-size: 26px; font-weight: bold; display: flex; align-items: flex-end; line-height: 26px; padding-bottom: 10px;}
.tan_fx .info .img{ height:17px; width: auto; margin-left: 8px;}
.tan_fx .bottom{ display: flex; justify-content: space-between; padding-top: 20px;}
.tan_fx .bottom img{ width: 47%;}
.layui-layer{box-shadow: none !important;}

/* 邀请好友 1-20 */
.yq_main{ position: relative; background: url(../images/x15.png) no-repeat left top; background-size: 100% 100%; display: block; width: 100%; padding-bottom: 5px;}
.yq_banner,.yq_banner img{ display: block; width: 100%;}
.yq_banner img{ margin-bottom: 25px;}
.ya_fu{ width: 80px; position: absolute; top: 5px; right: 0; z-index: 100;}
.ya_fu a{ display: block; width: 100%; text-align: center; color: #fff; line-height: 28px; border-radius:30px 0 0 30px;background-color:rgba(0,0,0,0.4); font-size: 13px; margin-top: 10px;}

.p_main{ padding: 15px 0;}
.p_one{ background: url(../images/x16.png) no-repeat; background-size: 100% 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px; margin: 0 15px 15px 15px;}
.p_one .left{ width: 85px; flex-shrink: 0; position: relative;}
.p_one .tx{ width: 85px; height: 85px; border-radius: 100px; padding: 2px; overflow: hidden; background: url(../images/x18.png) no-repeat; background-size: 100% 100%;}
.p_one .tx img{ width: 100%; height: 100%; object-fit: cover; border-radius: 100px;}
.p_one .guan{ position: absolute; top: -5px; right: 9%; width:40px;}
.p_one .biao{ width: 90%; margin-left: 5%; margin-top: -10px;}
.p_one .name{ text-align: center; color: #686868; font-size: 15px; line-height: 20px; font-weight: normal;}
.p_one .right{ width: 100%; padding-left: 20px;}
.p_one .top{ font-size: 14px;color: #686868; line-height: 26px;}
.p_one .top span{ color: #009BFC;}
.p_one .btn_yq{ height: 32px; margin-top: 10px;}


.p_two{ background: #fff; margin: 15px; border-radius: 10px; overflow: hidden;}
.p_two table{ width: 100%; border-collapse: collapse;  border: none;background: #E2F6FF;}
.p_two .top{ background: url(../images/x21.png) no-repeat; background-size: 100% 100%;}
.p_two th{ color: #fff; text-align: center; padding: 10px 0 6px 0;}
.p_two th img{ height: 15px;}
.p_two td{ text-align: center; line-height: 24px; font-size: 14px; color: #333; padding: 5px 0;}
.p_two .num{ color: #72A4D6; font-size: 14px; font-weight: bold;}
.p_two .num img{ height: 24px; margin-bottom: -4px;}
.p_two tr:nth-child(2n){ background: #fff;}
.p_two .tishi{ text-align: center; font-size: 13px; opacity: 0.6; line-height: 50px;}

/* 奖品 */
.jp_main{ background: #F6F6F6; display: block; width: 100%; min-height: 100vh;}
.jp_title{ padding:20px 15px; display: block;}
.jp_title img{ height: 40px;}
.jp_list{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 25px;}
.jp_list li{ width: 46%; padding-bottom: 25px;}
.jp_list .nei{ position: relative; width: 100%; display: block; background: #fff; border-radius: 8px;}
.jp_list .pimg{ width: 100%; height: 110px; display: flex; justify-content: center; align-items: center;}
.jp_list .pimg img{ max-width: 100%; max-height: 100%;}
.jp_list .num{ position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 40px; background: #FFC200; font-size: 18px; color: #000;}
.jp_list h3{ background: #009BFC; text-align: center; color: #fff; font-size: 16px; font-weight: bold; border-radius: 8px; line-height: 30px;}

