/* CSS Document */ * { font-family: "Microsoft YaHei"; margin: 0; padding: 0; } body, p, h1, h2, h3, ul, li, a { margin: 0; padding: 0; } .clear { clear: both; } a { text-decoration: none; } a img { border: 0; } ul li { list-style: none; } input, button, textarea, select { outline: none; } @media screen and (max-device-width: 320px) { body { -webkit-text-size-adjust: none } } @media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none } } @media screen and (max-device-width: 640px) { body { -webkit-text-size-adjust: none } } @media only screen and (-webkit-min-device-pixel-ratio: 2) { body { -webkit-text-size-adjust: none } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: none } } /**************申请入会1*************/ .con_right { width: 846px; /* padding-right: 20px; */ float: right; padding-bottom: 50px; } .sq1 h1 { padding: 10px 0; color: #333; font-size: 16px; font-weight: normal; margin-bottom: 10px; } .sq1_bd { margin-top: 45px; } .k2 { position: relative; margin-bottom: 30px; line-height: 35px; overflow: hidden; zoom: 1; } .k2 p { width: 200px; float: left; text-align: right; color: #333; font-size: 14px; margin-right: 20px; height: 35px; } .k2 span { color: #c40400; margin-right: 10px; } .inp { width: 458px; height: 33px; border: 1px solid #dcdcdc; padding-left: 10px; outline: none; background: #fff; border-radius: 5px; line-height: 33px; } .inp_2 { width: 348px; height: 33px; line-height: 33px; border: 1px solid #dcdcdc; padding-left: 10px; outline: none; background: #fff; border-radius: 5px; } .yzm { display: block; height: 35px; width: 100px; text-align: center; line-height: 35px; color: #fff; background: #c40400; float: right; font-size: 14px; border-radius: 5px; } .jt { outline: none; line-height: 33px; background: #fff url("/memberspqtstccom/images/jt.png") no-repeat; background-position: 453px 13px; color: #999; font-size: 12px; /*很关键:将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none;/*为下拉小箭头留出一点位置,避免被文字覆盖*/ } .sc { width: 100px; height: 35px; position: relative; z-index: 9; opacity: 0; cursor: pointer; margin-right: 15px; } .sc_2 { position: absolute; background: #c40400; border-radius: 5px; display: inline-block; color: #fff; font-size: 14px; width: 100px; height: 35px; line-height: 35px; text-align: center; top: 0; left: 170px; } .tet { width: 458px; height: 233px; padding-left: 10px; border: 1px solid #dcdcdc; border-radius: 5px; } .sub3 { width: 160px; height: 40px; background: #2099cc; color: #fff; border: 0; font-size: 16px; line-height: 40px; cursor: pointer; border-radius: 5px; } .tet_2 { width: 458px; height: 103px; padding-left: 10px; border: 1px solid #dcdcdc; border-radius: 5px; } .scfj p { color: #333; font-size: 14px; width: 112px; text-align: right; } .sc_3 { position: absolute; background: #c40400; border-radius: 5px; display: inline-block; color: #fff; font-size: 14px; width: 100px; height: 35px; line-height: 35px; text-align: center; top: 10px; left: 300px; cursor: pointer; } .sc_4 { position: absolute; background: #c40400; border-radius: 5px; display: inline-block; color: #fff; font-size: 14px; width: 100px; height: 35px; line-height: 35px; text-align: center; top: 52px; left: 300px; cursor: pointer; } .sc_5 { position: absolute; background: #c40400; border-radius: 5px; display: inline-block; color: #fff; font-size: 14px; width: 100px; height: 35px; line-height: 35px; text-align: center; top: 98px; left: 300px; cursor: pointer; } .sub4 { width: 160px !important; height: 40px !important; line-height: 40px; color: #fff; background: #c40400; font-size: 16px; text-align: center; border: 0 !important; cursor: pointer; -webkit-appearance:none; appearance:none; border-radius:5px; float:none !important; margin:0 auto; display:block; } .sub4,.jym{ background:#1f9acd !important; } .jym:hover{ color:#fff; } /**************************申请入会2*********************/ #cvs, #cvs2, #cvs3 { width: 130px; height: 35px; display: block; } #cvs4 { width: 130px; height: 35px; } #cvs img, #cvs2 img, #cvs3 img, #cvs4 img { width: 100%; } .kn{ float:left;} /**************************申请入会3*********************/ .inp_3 { margin-top: 12px; border: 1px solid #d2d2d2; width: 12px; height: 12px; } .span_z { font-size: 14px; color: #666 !important; margin-left: 15px; } .jt_2 { outline: none; background: #fff url("/memberspqtstccom/images/jt.png") no-repeat; background-position: 135px 13px; color: #999; font-size: 12px; /*很关键:将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none;/*为下拉小箭头留出一点位置,避免被文字覆盖*/ } /**************************提交信息*********************/ .tj_box { width: 100%; margin-top: 25px; } .sm { height: 48px; background: #ffe6e5 url("/memberspqtstccom/img/sm.png") no-repeat; border: 1px solid #c40400; line-height: 48px; background-position: 10px 13px; padding-left: 50px; font-size: 14px; color: #666; } .tj_table { margin-top: 15px; } .tj_table table tr { font-size: 12px; height: 58px; color: #666; } .tj_table table tr:first-child { height: 28px; color: #999; line-height: 29px; background: #f0f1f6; border-bottom: 1px solid #e9eaef; } .tj_table table td { padding-left: 20px; } .tj_table table td:last-child { line-height: 49px; text-align: center; width: 145px; } .tj_table table td:last-child a { line-height: 49px; margin-right: 10px; color: #6b88ba; } .qx { display: block; float: right; width: 50px; height: 30px; color: #fff !important; background: #c40400; line-height: 30px !important; border-radius: 2px; margin-top: 8px; text-align: center; } .dzf { margin-top: 15px; } .dzf td:last-child { width: 125px !important; } .jf { margin-left: 40px; display: block; width: 50px; height: 30px; text-align: center; color: #fff !important; background: #c40400; line-height: 30px !important; border-radius: 2px; margin-top: 8px; } /**************************注册设置账号信息*********************/ .zc_box { padding: 25px 38px 80px 38px; } .zc_title { font-size: 18px; color: #333; font-weight: normal; margin-bottom: 30px; } .zc_img { margin-bottom: 30px; } .zc_img img { width: 1123px; height: 74px; } .zc_form { border: 1px solid #e5e5e5; overflow: hidden; zoom: 1; } .zc_input { line-height: 35px; /*margin-left: 137px;*/ width:60%; margin:30px auto; overflow: hidden; zoom: 1; } .zc_input p { width: 25%; float: left; font-size: 14px; color: #333; margin-right: 22px; text-align: right; line-height:35px; } .zc_input p span { color: #c40400; margin-right: 3px; } .zc_input input { float: left; padding-left: 10px; width: 50%; height: 33px; line-height: 33px; border: 1px solid #dcdcdc; outline: nonel; border-radius: 4px; } .zc_input img { width: 56px; height: 31px; display: inline-block; margin-left: 20px; cursor: pointer; } /**************************注册验证账号信息*********************/ .yz_box { /*padding: 40px 215px 45px 220px;*/ width:50%; padding:5% 0; margin:0 auto; } .yz_box h3 { font-size: 24px; color: #348b00; background: url("/memberspqtstccom/images/dg.png") no-repeat; padding-left: 15%; } .jh { font-size: 14px; color: #444; margin-top: 20px; line-height: 30px; font-weight: normal; } .jh a { color: #c40400; } .hg { margin: 0 40px; height: 1px; background: #e5e5e5; } .yz_box h5 { font-size: 18px; color: #333; font-weight: normal; padding-left: 75px; } .yz_box ul { margin-top: 25px; padding-left: 55px; } .yz_box ul li span { float: left; color: #ccc; margin-right: 15px; } .yz_box ul li { color: #333; font-size: 14px; line-height: 30px; } .yz_box ul li a { color: #2674d0; } /**************************注册验证账号信息*********************/ .cont { width: 1200px; margin: 0 auto; padding-top: 35px; padding-bottom: 100px; overflow: hidden; } .logo_img { float: left; } .logo_img img { width: 754px; height: 501px; } .login { float: left; width: 443px; border: 1px solid #f2f2f2; border-radius: 20px; background: #fff; margin-top: 70px; } .login_box { padding: 45px 45px 0 45px; overflow: hidden; zoom: 1; } .login_input { margin-bottom: 30px; } .login_input input { width: 303px; height: 48px; border: 1px solid #e5e5e5; border-radius: 10px; padding-left: 50px; font-size: 16px; outline: none; line-height: 50px; } .user { background: url("/memberspqtstccom/images/user.png") no-repeat; background-position: 17px 15px; } .pasw { background: url("/memberspqtstccom/images/passwd.png") no-repeat; background-position: 17px 15px; } .dl { width: 100% !important; border: 0 !important; background: #c40400; color: #fff; text-align: center; padding: 0 !important; } .jz { width: 14px !important; height: 14px !important; margin-top: 6px; float: left; margin-right: 15px; } .dlfs { padding: 0 45px; height: 64px; border-top: 1px solid #f2f2f2; background: #fcfcfc; line-height: 65px; } .dlfs ul li { float: left; font-size: 14px; color: #666; line-height: 65px; margin-right: 15px; } .dlfs ul li img { vertical-align: middle; margin-right: 10px; } .dlfs ul li a { color: #666; } .foot { width: 1200px; padding: 40px 0; border-top: 1px solid #ccc; border-bottom: 7px solid #a42023; overflow: hidden; zoom: 1; margin: 0 auto; text-align: center; } .foot p { text-align: center; font-size: 14px; color: #666; line-height: 25px; } .foot p a { color: #666; } /**************************找回密码验证身份信息*********************/ .email { background: #fff; border: 0 !important; color: #333; font-size: 16px; } .yan { width:28% !important; background: #e4e4e4; } .jym { width: 20%; height: 35px; display: block; background: #c40400; color: #fff; font-size: 14px; line-height: 35px; text-align: center; border-radius: 2px; float:left; margin-left:2%; } /*wt新增*/ .zc_input select { float: left; padding-left: 10px; width: 51.8%; height: 35px; line-height: 33px; border: 1px solid #dcdcdc; outline: nonel; border-radius: 4px; } /**************************协会构架*********************/ .jg_box { text-align: center; } .gj_title { padding: 10px 0; font-size: 18px; font-weight: bold; text-align: center; color: #c40400; } /**************************协会构架_分会管理*********************/ .fhgl { margin: 20px auto 0; width: 780px; } .gl { background: url("/memberspqtstccom/images/sq.png") no-repeat #dbdbdb; background-position: 20px 20px; height: 50px; width: 780px; border-bottom: 1px solid #b5b5b5; text-align: center; line-height: 50px; font-size: 18px; color: #666; cursor: pointer; } .currentDt_2 { background: url("/memberspqtstccom/images/zk.png") no-repeat #c40400; background-position: 20px 20px; } .currentDd_2 { color: #fff; } .gl_box { display: none; width: 778px; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; } .gl_nr { padding: 15px; } .gl_nr p { font-size: 14px; color: #666; margin-bottom: 10px; } /**************************协会构架_秘书处*********************/ .msc { margin-top: 10px; } .msc li { padding: 20px 0 20px 20px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; zoom: 1; } .msc li:last-child { border-bottom: 0; } .dt_img { float: left; border: 1px solid #c7c7c7; margin-right: 30px; } .dt_img img { width: 527px; height: 274px; } .msc_dz { float: left; padding-top: 15px; } .msc_dz h3 { font-size: 18px; color: #333; margin-bottom: 10px; } .msc_dz p { font-size: 14px; color: #666; margin-bottom: 10px; } /**************************协会构架_顾问委员会*********************/ .gwzj { padding: 25px 25px; } .gezj_title { text-align: center; } .gezj_title h3 { font-size: 18px; color: #c40400; } .gezj_title p { font-size: 14px; color: #999; margin-top: 5px; } .zj { overflow: hidden; zoom: 1; } .zj_title { font-size: 16px; color: #333; padding-bottom: 15px; border-bottom: 1px dashed #dcdcdc; } .zj_list li { width: 195px; float: left; text-align: center; margin-top: 12px; margin-right: 19px; margin-bottom: 20px; } .zj_list li:nth-child(4n+4) { margin-right: 0; } .zj_list li img, .zjs img { width: 100px; height: 130px; border: 1px solid #e5e5e5; } .zj_name { font-size: 16px; color: #333; margin-top: 5px; margin-bottom: 5px; } .zj_js { font-size: 14px; color: #666; text-align: left; } /**************************协会构架_顾问委员会详情*********************/ .zjs { overflow: hidden; zoom: 1; } .zjs img { float: left; margin-left: 20px; margin-right: 20px; } .zjs_box { float: left; width: 680px; } .zjs_box h3 { font-size: 18px; color: #c40400; padding-bottom: 15px; border-bottom: 1px dashed #dcdcdc; } .zjs_box p { font-size: 14px; color: #666; line-height: 30px; margin-top: 5px; } .grjl { margin-top: 20px; } .grjl_title { width: 110px; height: 35px; margin-left: 12px; background: #c40400; color: #fff; line-height: 35px; font-size: 14px; text-align: center; } .grjl p { font-size: 14px; color: #666; line-height: 35px; text-indent: 2em; } /**************************协会构架协会文化列表*********************/ .xhwh { margin-top: 10px; padding: 0 20px; } .xhwh ul li { padding-top: 20px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; overflow: hidden; zoom: 1; } .wh_title { font-size: 16px !important; color: #c40400 !important; margin-bottom: 15px; } .wh_title span { font-size: 14px !important; color: #666 !important; float: right; } .xhwh ul li p { font-size: 14px; color: #666; line-height: 30px; } /**************************协会构架_协会职能*********************/ .zn { margin-top: 20px; } .zn li { padding: 15px 0; font-size: 14px; color: #666; text-align: left; line-height: 25px; } .zn li span { float: left; color: #c40400; margin-right: 10px; } /**************************协会章程*********************/ .xhzc { padding-left: 37px; margin-top: 20px; padding-right: 30px; } .xhzc_title { font-size: 14px; color: #333; font-weight: bold; margin-bottom: 40px; text-align: center; } .xhzc p { font-size: 14px; color: #666; line-height: 25px; margin-bottom: 5px; } .xhzc p span { color: #333; font-weight: bold; margin-right: 5px; } /**************************单位会员*********************/ .dwhy { padding: 0 60px; } .dwhy p { text-align: left; font-size: 14px; color: #666; line-height: 30px; } .gz span { color: #c40400; margin-right: 10px; } .c { margin-left: 30px; } .zm { margin-left: 66px; } .wty { width: 140px; height: 40px; float: right; } .wty a { width: 140px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; border-radius: 5px; color: #fff; background: #c40400; display: block; } /**************************提交信息——提交订单*********************/ .txsh_title { font-size: 18px; color: #333; padding: 15px 0; } .txsh_box { padding: 20px 20px; overflow: hidden; zoom: 1; border: 1px solid #dcdcdc; } .fs_box { border-bottom: 1px solid #dcdcdc; overflow: hidden; zoom: 1; } .fs_box h3 { font-size: 14px; color: #333; padding: 10px 0; } .zfs, .zfs_2 { margin-bottom: 19px; overflow: hidden; zoom: 1; margin-left: 20px; float: left; } .zfs li, .shr { width: 108px; height: 33px; font-size: 14px; color: #747474; line-height: 35px; text-align: center; border: 1px solid #dcdcdc; float: left; margin-right: 10px; cursor: pointer; } .zfs li:last-child { margin-right: 0; } .hit { width: 110px !important; height: 35px !important; background: url("/memberspqtstccom/images/xz.png") no-repeat; border: 0 !important; } .hide { float: left; display: none; } .moree a, .hidee a { line-height: 35px; color: #666; font-size: 14px; margin-left: 20px; cursor: pointer; } .hidee { display: none; } .moree_2 { display: none; } .fp { color: #666; font-size: 14px; } .xg { margin-left: 20px; } .xg a, .xz a { color: #005ea7; } .xz { float: right; } .zfs_2 { width: 100%; } .zfs_2 li { height: 35px; line-height: 35px; list-style: none; margin-bottom: 10px; } .zfs_2 li:last-child { margin-bottom: 0; } .zfs_2 li p { color: #666; font-size: 14px; } .hide_2, .show { width: 70px; height: 20px; float: left; font-size: 12px; color: #666; cursor: pointer; } .hide_2 { background: url("/memberspqtstccom/images/hide.png") no-repeat; background-position: 52px 5px; } .show { background: url("/memberspqtstccom/images/show.png") no-repeat; background-position: 52px 5px; } .show { display: none; } .xq tr { border-right: 1px solid #e9eaef; font-size: 12px; color: #666; height: 60px; } .xq tr:first-child { border-bottom: 1px solid #e9eaef; height: 30px; background: #f0f1f6; color: #999; } .xq td { padding-left: 20px; } .js { width: 100%; height: 80px; background: #f4f4f4; } .js p { text-align: right; margin-right: 45px; font-size: 12px; color: #666; } /************************发票信息*********************/ .bj { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height:100%; background: rgba(0, 0, 0, 0.1); z-index: 1001; } .warp { display: none; position: fixed; top: 10%; left: 25%; width: 750px; background: #fff; border: 5px solid #b0b0b0; z-index: 1002; overflow: auto; } .warp_title { background: #f3f3f3; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 14px; color: #666; } .warp_box { padding-left: 40px; padding-top: 20px; padding-right: 40px; padding-bottom: 60px; overflow: hidden; zoom: 1; } .xzfp { overflow: hidden; zoom: 1; } .xzfp li { float: left; width: 125px; height: 33px; border: 1px solid #dcdcdc; text-align: center; line-height: 35px; font-size: 14px; color: #666; margin-right: 10px; cursor: pointer; } .jg { margin-top: 18px; padding: 10px 0 10px 18px; overflow: hidden; zoom: 1; background: #fffdee; } .jgbox { background: url("/memberspqtstccom/images/jg.png") no-repeat; background-position: 0 -1px; padding-left: 25px; } .jgbox p { font-size: 12px; color: #ff6600; margin-bottom: 3px; } .fp_lj { color: #005ea7 !important; } .fp_lj a { color: #005ea7; margin-left: 2px; margin-right: 2px; } .xzfpfs { margin-top: 15px; } .fpfs { margin-left: 50px; line-height: 35px; font-size: 14px; color: #666; height: 35px; margin-bottom: 17px; } .fpfs span { float: left; } .kp { float: left; margin-left: 20px; width: 130px; background: url("/memberspqtstccom/images/xz_2.png") no-repeat; height: 35px; text-align: center; cursor: pointer; } .mx { float: left; margin-left: 20px; width: 66px; background: url("/memberspqtstccom/images/xz_3.png") no-repeat; height: 35px; text-align: center; margin-bottom: 20px; cursor: pointer; } .fp_img { margin-left: 20px; margin-bottom: 20px; } .jc { margin-left: 90px; font-size: 12px; color: #888; } .input { margin-top: 15px; margin-left: 90px; height: 30px; } .input input { cursor: pointer; } .next, .reset { border: 1px solid #dcdcdc; background: -moz-linear-gradient( top, #fff, #ebebec); height: 30px; line-height: 30px; text-align: center; border-radius: 5px; font-size: 12px; color: #333; } .next { width: 85px; } .reset { width: 60px; margin-left: 10px; } .gs_form{ width:415px; margin-left:70px;} .gs{ margin-bottom:10px; overflow:hidden;} .gs p{ color:#666; width:95px; float:left; line-height:35px; font-size:12px; text-align:right;} .gs p span{ color:#c40400; margin-right:3px;} .gs input{ width:288px; height:33px; border:1px solid #dcdcdc; line-height:35px; margin-left:20px; padding-left:10px;} .bc{ color:#fff; background:#c40400; border:0;} @media screen and (max-width:768px) { .zc_form{ border:0;} .zc_box{ width:100%; padding:0;} .zc_title{ margin:5% 0;} .zc_input{ width:100%; margin:2% 0; } .zc_input p{ width:90%; margin-bottom:2%; margin-right:0; float:none; text-align:left;} .zc_input input { width:95%;} .zc_input select { width:98%;} .yan{ width:60% !important;} .jym{ width:32%;} .sub4{ display:block; margin:10% auto;} .yz_box{ width:85%;} }