@charset "UTF-8";

.gong_height{height:100px; background:#fff;}
.sub_cnt_wrap_p{background-color:#f2f2f2; min-width:340px; min-height:500px; padding:40px 15% 100px 15%; position:relative; overflow:hidden;}
.sub_cnt_wrap_p:after {content: '';position: absolute; background: url(/parkingsms/re_new/img/sub_bg_right.png) no-repeat;background-size: 100% auto; width: 479px;height: 500px;opacity: 0.6; right: -250px;top: -140px; }
.sub_cnt_wrap_p:before {content: '';position: absolute; background: url(/parkingsms/re_new/img/sub_bg_left.png) no-repeat; background-size: 100% auto;width: 320px; height: 320px; opacity: 0.6; left: -160px;bottom:-120px;}

.login_top{margin:0 auto; width:700px; background:url(/parkingsms/re_new/img/join_notice.png)  30px top no-repeat; background-size:180px; padding:10px 20px 30px 20px; animation-name:fadeInDown; border-bottom:1px dashed #bbb;}
.login_top p{padding-left:230px; font-size:20px; font-weight:400;  word-break:keep-all; line-height:1.3em;}
.login_top p img{width:270px; padding-bottom:10px;}
.login_wrap{width:700px; margin:0 auto;}
.login_wrap h2{margin-top:30px; text-align:center; padding-top:20px; font-size:30px; font-weight:700; position:relative;}
.login_wrap h2:before{content:''; position:absolute; left:48%; top:0; width:20px; height:5px; background-color:#f4bd00; transform:rotate(225deg)}
.login_wrap p{padding-bottom:5px;}
.login_wrap p input[type="text"],.login_wrap p input[type="password"]{width:100%; padding:14px; height:50px;}
.login_wrap a.btn_login{ text-align:center; width:100%; padding:22px 15px; font-weight:400; display:inline-block; background-color:#333; color:#fff; font-size:20px;}
.login_wrap a.btn_login:hover{background-color:#f4bd00;transition:all .25s ease; color:#000; }
.login_wrap .login_txt{text-align:center; margin-top:20px;}
.login_wrap .login_txt a{position:relative; padding-right:20px;}
.login_wrap .login_txt a:after{position:absolute; right:7px; top:6px; width:1px; height:10px; background:#bbb; content:'';}
.login_wrap .login_txt a:last-child:after{display:none;}
.login_wrap .login_txt a:hover{text-decoration:underline;}

.t_title_wrap{ margin:0 auto; animation-name:fadeInDown; border-bottom:1px solid #ddd; padding-bottom:20px;}
.t_title_wrap h2{text-align:center; padding-top:18px; font-size:35px; font-weight:700; position:relative; }
.t_title_wrap h2:before{content:''; position:absolute; left:49%; top:0; width:20px; height:5px; background-color:#f4bd00; transform:rotate(225deg)}
.t_title_wrap p{text-align:center; padding-top:10px;} 



.join_step{overflow:hidden; width:300px; margin:20px auto 0 auto; }
.join_step ol.ol1{}
.join_step li{float:left; width:32.333%; margin-right:1%; text-align:center;}
.join_step li p{margin:0 auto 10px auto; border:1px solid #a4a4a4; border-radius:100%; padding:10px; height:84px; width:84px; text-align:center;}
.join_step .ol1 li.li01 p{ background:#a4a4a4 url(/parkingsms/re_new/img/join_step01.png) 49% center  no-repeat; background-size:30px auto;}
.join_step .ol1 li.li01 p.on{border:1px solid #ffd321; background:#ffd321 url(/parkingsms/re_new/img/join_step01.png) 49% center  no-repeat;background-size:30px auto;}
.join_step .ol1 li.li03 p{background:#a4a4a4 url(/parkingsms/re_new/img/join_step02.png)  49% center no-repeat; background-size:28px auto;background-size:30px auto;}
.join_step .ol1 li.li03 p.on{border:1px solid #ffd321; background:#ffd321 url(/parkingsms/re_new/img/join_step02.png) 49% center  no-repeat;background-size:30px auto;}
.join_step .ol1 li.li02 p{background:#a4a4a4 url(/parkingsms/re_new/img/join_step03.png) 55% center no-repeat; background-size:38px auto;background-size:40px auto;}
.join_step .ol1 li.li02 p.on{border:1px solid #ffd321; background:#ffd321 url(/parkingsms/re_new/img/join_step03.png) 49% center  no-repeat;background-size:40px auto;}

.join_step .ol2 li:nth-child(1) p{background:#a4a4a4 url(/parkingsms/re_new/img/join_step01.png) 49% center  no-repeat; background-size:30px auto;}
.join_step .ol2 li:nth-child(3) p{background:#a4a4a4 url(/parkingsms/re_new/img/join_step02.png)  49% center no-repeat; background-size:28px auto;}
.join_step .ol2 li:nth-child(2) p{border:1px solid #ffd321; background:#ffd321 url(/parkingsms/re_new/img/join_step03.png) 55% center no-repeat; background-size:38px auto;}

.h3_title1{color:#000; position:relative; font-size:20px; font-weight:500; padding-bottom:5px; padding-left:10px;}
.h3_title1:before{position:absolute; left:0; top:12px; content:''; width:4px; height:4px; background-color:#ffd321; border:1px solid #ffd321; border-radius:4px;}
.overflow_auto_div{margin-top:5px; border:1px solid #c9c9c9; padding:30px; background:#fff; max-height:200px; overflow-y:auto;}
.join_form_div{margin-top:5px; border:1px solid #c9c9c9; padding:30px; background:#fff;}

.agree_box{padding:20px; border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; background:#f9f9f9;}
.agree_box p{text-align:right; font-size:16px; font-weight:400; vertical-align:middle;}
.agree_box p label{font-weight:400;}
.agree_box p input[type="checkbox"]{width:20px; height:20px; vertical-align:middle; margin-top:-3px; border-radius:3px; border:1px solid #333;}

.back_box1{background:url(/parkingsms/re_new/img/box_1_bg.gif) repeat; overflow:hidden; padding:6px; border:1px solid #dfdfdf;}
.dl_blt_01{padding:20px 2%; background:#fff;}
.dl_blt_01 dt{position:relative; padding-left:10px; font-weight:500; font-size:16px; padding-bottom:10px;}
.dl_blt_01 dt:before{content:''; display:block; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#7a7a7a;}
.dl_blt_01 dd{position:relative; padding:0 0 8px 10px;}
.dl_blt_01 dd:before{content:''; display:block; position:absolute; left:0; top:10px; width:4px; height:2px; background-color:#888;}

.ul_01{}
.ul_01 li{position:relative; padding-left:10px;  padding-bottom:10px;}
.ul_01 li:before{content:''; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#7a7a7a;}

p.dot01{position:relative; padding-left:10px;  padding-bottom:10px;}
p.dot01:before{content:''; display:block; position:absolute; left:0; top:8px; width:4px; height:2px; background-color:#7a7a7a;}




.dl_01{}
.dl_01 dt{}
.dl_01 dd{position:relative; padding-left:10px;  padding-bottom:10px;}
.dl_01 dd:before{content:''; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#7a7a7a;}
.dl_01 ul{padding-top:10px; }
.dl_01 ul li{padding-bottom:5px;}

.btn_c{margin-top:20px; margin-bottom:20px; overflow:hidden; text-align:center;}
.btn_l{margin-top:20px; overflow:hidden; text-align:left;}
.btn_r{margin-top:20px; overflow:hidden; text-align:right;}

.btn{display:inline-block; text-align:center; font-size:18px; }
.bTypeA{background:#45464e;color:#fff;padding:15px 40px 18px 40px; }
.bTypeA:hover,.bTypeA:active,.bTypeA:focus{background:#333; color:#fff;}

.bTypeB{display:inline-block; text-align:center; background:#666;color:#fff;padding:10px 20px 13px 20px; }
.bTypeB:hover,.bTypeB:active,.bTypeB:focus{background:#555; color:#fff;}

.table_basic1{border-top:2px solid #000;}
.table_basic1 th{border-bottom:1px solid #ddd; text-align:center; background-color:#f9f9fa; color:#000; font-weight:400; padding:15px; border-right:1px solid #ddd; font-size:16px;}
.table_basic1 th:last-child{border-right:none;}
.table_basic1 td{background:#fff; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px; color:#555;}
.table_basic1 th.backg_red{background:#d80000; color:#fff;}

.table_basic1 td input[type="text"],.table_basic1 td input[type="password"]{width:60%; border:2px solid #000;}
input[type="text"]:disabled{background:#eeec; border-color:#ccc !important;}

.table_basic2{border-top:2px solid #000;}
.table_basic2 th{border-bottom:1px solid #ddd; text-align:center; background-color:#f9f9fa; color:#000; font-weight:400; padding:15px; border-right:1px solid #ddd; font-size:16px;}
.table_basic2 th:last-child{border-right:none;}
.table_basic2 td{background:#fff; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px; color:#555;}
.table_basic2 td:first-child{border-left:none;}
.table_basic2 tr:hover td{background:#f9f9fa;}

.table_basic3{border:2px solid #000;}
.table_basic3 th{border-bottom:1px solid #ddd; text-align:center; background-color:#0855be; color:#fff; font-weight:500; padding:15px; border-right:1px solid #ddd; font-size:16px;}
.table_basic3 th:last-child{border-right:none;}
.table_basic3 td{color:#cf0000; margin-bottom:5px; font-weight:500; font-size:16px; background:#fff; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px; }
.table_basic3 td:first-child{border-left:none;}
.table_basic3 td strong{background:#000; font-size:14px; font-weight:500; width:80px; text-align:center; display:inline-block; padding:3px; color:#fff; margin-right:10px;}
.table_basic3 td span{color:#666; font-size:14px;}

.table_basic4{border:2px solid #000;}
.table_basic4 th{border-bottom:1px solid #ddd; text-align:center; background-color:#d80000; color:#fff; font-weight:500; padding:15px; border-right:1px solid #ddd; font-size:16px;}
.table_basic4 th:last-child{border-right:none;}
.table_basic4 td{color:#cf0000; margin-bottom:5px; font-weight:500; font-size:16px; background:#fff; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px; }
.table_basic4 td:first-child{border-left:none;}
.table_basic4 td strong{background:#000; font-size:14px; font-weight:500; width:120px; text-align:center; display:inline-block; padding:3px; color:#fff; margin-right:10px;}
.table_basic4 td span{color:#666; font-size:14px;}
.table_basic4 td span.color_0{color:#000; font-size:16px;}
.table_basic4 td strong.st_co1{background:#d80000;}

table td{}
.tcen td{text-align:center;}
.tdl{text-align:left !important;}
.tdc{text-align:center !important;}
.tdr{text-align:right;}


.join_finished{width:480px;background:url(/parkingsms/re_new/img/join_end_bg.png) left top no-repeat; background-size:140px; margin:30px auto 0 auto; height:90px;}
.join_finished dl{padding-left:160px;  word-break:keep-all;}
.join_finished dl dt{font-size:18px; font-weight:600; color:#ce0009;}
.join_finished dl dd{padding-top:10px;}

.w700_wrap{width:700px; margin:0 auto; overflow:hidden;}

.common_tab2 {width:100%; height: 100%; display: table; table-layout: fixed; margin:20px 0;}
.common_tab2 li { text-align: center;width: auto;display: table-cell;vertical-align: top;padding-right: 2px;}
.common_tab2 li a {position:relative; float:left;width:100%; background: #45464e;padding:15px 0; font-size:16px; font-weight:500;box-sizing:padding-box; color: #fff;}
.common_tab2 li a:after{display:block;content:'';width:20px;height:13px;background:url(/parkingsms/re_new/img/menu_arrow01.png) no-repeat; background-size:20px auto; position:absolute; top:60%;right:15px;margin:-11px 0 0; transition:all .1s ease; opacity:.8;}
.common_tab2 li a:hover:after, .common_tab2 li a:focus:after{top:65%;opacity:1;} 
.common_tab2 li a:hover{background:#ffd321;}
.common_tab2 li.on a { color:#fff; background:#ffd321; width: 100%;font-weight:500;}

.common_tab2 li:last-child { padding-right:none;}


.service_area_wrap{border-top:2px solid #222;border-bottom:1px solid #222; margin-top:30px; background:#fff;}
.service_area_wrap dl{padding:20px;}
.service_area_wrap dl dt{text-align:center; font-size:23px; font-weight:600; margin-bottom:10px; color:#d13b3b;}
.service_area_wrap dl dd{ text-align:center;padding-bottom:5px; font-size:15px;}
.service_area_wrap p{text-align:center; padding-bottom:20px;}
.service_area_wrap p a{ background:#d13b3b; border:1px solid #bf2525; position:relative; display:inline-block; padding:20px 55px 23px 30px; text-align:center;  color:#fff; font-size:17px; font-weight:400;}
.service_area_wrap p a:after{display:block;content:'';width:26px;height:24px;background:url(/parkingsms/re_new/img/ico_arrow02.png) no-repeat; background-size:; position:absolute; top:19px; right:20px; transition:all .2s ease; opacity:.8;}
.service_area_wrap p a:hover:after, .service_area_wrap p a:focus:after{right:10px; opacity:1;}


.service_area_list{border-top:2px solid #222;border-bottom:1px solid #222; margin-top:10px; background:#fff;}
.service_area_list dl{display:table;border-top:1px solid #ddd;width:100%; position:relative;}
.service_area_list dl:first-child{border-top:0;}
.service_area_list dl dt{width:350px; display:table-cell;height:100px;font-size:17px;color:#000;font-weight:normal;vertical-align:middle;padding:0 0 0 20px;}
.service_area_list dl dt img{border:1px solid #ddd; margin-right:10px;}
.service_area_list dl dd{border-left:1px solid #ddd; display:table-cell;height:100px;vertical-align:middle;padding:0 25px 0 20px;position:relative; font-size:15px;}
.service_area_list dl dd:before{position:relative;}
.service_area_list dl dd .on{background:#f4bd00; border:1px solid #f4bd00;}
.service_area_list dl dd .on:hover, .service_area_list dl dd .on:focus{background:#f4ac00; border-color:#f4ac00; transition:all .2s ease;}
.service_area_list dl dd .btns{position:relative; display:inline-block; padding:10px 40px 13px 20px; text-align:center;  color:#fff; font-size:16px; border-radius:30px; }
.service_area_list dl dd .btns:after{display:block;content:'';width:8px;height:15px;background:url(/parkingsms/re_new/img/ico_arrow01.png) no-repeat; background-size:; position:absolute; top:13px;right:20px; transition:all .2s ease;}
.service_area_list dl dd .btns:hover:after, .service_area_list dl dd .btns:focus:after{right:15px;}
.service_area_list dl dd .out{background:#666; border:1px solid #555;}
.service_area_list dl dd .out:hover, .service_area_list dl dd .out:focus{background:#444; border-color:#444; transition:all .2s ease;}



.attention_wrap{border-top:2px solid #000;border-bottom:1px solid #000; width:100%; background:#fff; margin:0 auto;overflow:hidden;}
.attention_wrap ul{}
.attention_wrap li{padding-left:12px; padding:30px 30px 30px 80px; border-bottom:1px solid #ddd; position:relative; font-size:16px;}
.attention_wrap li:before{position:absolute; left:20px; top:25px; position:absolute;display:block;text-align:center;line-height:36px;font-size:18px;color:#fff; background-color:#d13b3b; font-weight:bold;border:1px solid #d13b3b;border-radius:50%;width:38px;height:38px; content:'!'; font-weight:bold; }
.attention_wrap strong{color:#ce0009; font-weight:400;}




.service_list {border-top:2px solid #222;border-bottom:1px solid #222; margin-top:10px; background:#fff;}
.service_list dl{display:table;border-top:1px solid #ddd;width:100%; position:relative;}
.service_list dl:first-child{border-top:0;}
.service_list dl dt{position:relative;display:table-cell;height:116px;font-size:17px;color:#000;font-weight:normal;width:260px;vertical-align:middle;padding:0 0 0 110px;}
.service_list dl dd{display:table-cell;height:116px;vertical-align:middle;padding:0 25px 0 0;position:relative; font-size:15px;}
.service_box .note{display:block;font-size:15px;color:#ce0009;line-height:22px; position:relative; word-break:keep-all;}
.service_list dl dt:before{content:''; display:block;width:63px;height:67px;position:absolute;top:30px; left:30px;}
.service_list dl dt.s_01:before{background:url(/parkingsms/re_new/img/icon_guide1.png) no-repeat; background-size:63px auto}
.service_list dl dt.s_02:before{background:url(/parkingsms/re_new/img/icon_guide2.png) no-repeat; background-size:63px auto;}
.service_list dl dt.s_03:before{background:url(/parkingsms/re_new/img/icon_guide3.png) no-repeat; background-size:63px auto;}
.service_list dl dt.s_04:before{background:url(/parkingsms/re_new/img/icon_guide4.png) no-repeat; background-size:63px auto;}
.service_list dl dt.s_05:before{background:url(/parkingsms/re_new/img/icon_guide5.png) no-repeat; background-size:63px auto;}


.rule{border-top:2px solid #222;border-bottom:1px solid #222; margin-top:20px; background:#fff; padding:5%;overflow:hidden;}
.section1_wrap{margin-top:20px;}
.section1_wrap .term_title{margin-top:15px; color:#000; font-weight:bold; font-size:17px; padding-bottom:5px;}
.section1_wrap dl{margin-top:0; margin-left:5px; }
.section1_wrap dt{margin-top:15px; font-weight:500; font-size:15px;}
.section1_wrap dd{padding:10px 0 0 10px;  position:relative; margin-left:5px;}
.section1_wrap dd:before{content:''; position:absolute; left:0; top:18px; width:4px; height:2px; background-color:#777;}
.section1_wrap dd ul{padding:10px 0 0 0;}
.section1_wrap dd ul li{}
.section1_wrap dd.ddn{padding-left:0;}
.section1_wrap dd.ddn:before{display:none;}
.section1_wrap ol{margin-top:0; margin-left:5px;}
.section1_wrap ol li{padding:10px 0 0 10px;  position:relative; margin-left:5px;}
.section1_wrap ol li:before{content:''; position:absolute; left:0; top:18px; width:4px; height:2px; background-color:#777;}
.section1_wrap a{color:#ce0009}



.result_wrap{border-top:2px solid #222;border-bottom:1px solid #222; margin-top:30px; background:#fff;}
.result_wrap dl{padding:20px;}
.result_wrap dl dt{text-align:center; font-size:23px; font-weight:600; margin-bottom:10px; color:#d13b3b;}
.result_wrap dl dd{ text-align:center;padding-bottom:5px; font-size:15px;}
.result_wrap p{text-align:center; padding-bottom:20px;}
.result_wrap p a{ background:#d13b3b; border:1px solid #bf2525; position:relative; display:inline-block; padding:20px 55px 23px 30px; text-align:center;  color:#fff; font-size:17px; font-weight:400;}
.result_wrap p a:after{display:block;content:'';width:26px;height:24px;background:url(/parkingsms/re_new/img/ico_arrow02.png) no-repeat; background-size:; position:absolute; top:19px; right:20px; transition:all .2s ease; opacity:.8;}
.result_wrap p a:hover:after, .result_wrap p a:focus:after{right:10px; opacity:1;}

.color_r{color:#d80000}
.font16{font-size:16px;}


.paging {overflow:hidden; width:100%; text-align:center;clear:both; position:relative; padding-top:40px;}
.paging a {padding:8px 15px 5px 15px; height:38px; display:inline-block;font-size:14px; text-decoration:none;font-weight:normal;vertical-align:middle; border:1px solid #dadde0;background-color:#fff; cursor:pointer;}
.paging strong{vertical-align:middle;display:inline-block; font-weight:400; color:#fff;background:#666;border:1px solid #666; height:38px; padding:8px 15px 5px 15px; }
.paging a:hover,
.paging a:focus {background-color:#f7f8f9; border-color:#dadde0;}
.paging a img{vertical-align:middle; width:12px;} 

.round_box{display:inline-block; padding:3px 15px; border:1px solid #ddd; background:#f9f9f9; font-size:13px; text-align:center; border-radius:15px;}
.box_open{display:inline-block; padding:3px 15px 4px 15px; border:1px solid #ddd; background:#f9f9f9; font-size:13px; text-align:center; border-radius:3px; margin-right:5px;}
.box_open:hover,.box_open:focus{background:#ddd; border:1px solid #bbb;}

.step_notice{margin-top:10px; border-bottom:1px solid #ddd; margin-bottom:10px; overflow:hidden;padding:0 0 7px 0;}
.step_notice ul{overflow:hidden;}
.step_notice li{width:24%; position:relative; float:left; text-align:center;padding:7px 3px 8px 0; font-weight:400;}
.step_notice li:after{content:''; display:block; position:absolute; right:-3px; top:9px; background:url(/parkingsms/re_new/img/ico_arrow01_1.png) right center no-repeat; width:8px;height:15px;}
.step_notice li.on{color:#000; text-decoration:underline; font-weight:500;}
.step_notice li:last-child:after{background:none; }
.step_notice li:first-child{width:28%;}


.step_notice1{margin-top:10px; border-bottom:1px solid #ddd; margin-bottom:10px; overflow:hidden;padding:0 0 7px 0;}
.step_notice1 ul{overflow:hidden;}
.step_notice1 li{width:25%; position:relative; float:left; text-align:center;padding:7px 3px 8px 0; font-weight:400;}
.step_notice1 li:after{content:''; display:block; position:absolute; right:-3px; top:9px; background:url(/parkingsms/re_new/img/ico_arrow01_1.png) right center no-repeat; width:8px;height:15px;}
.step_notice1 li.on{color:#000; text-decoration:underline; font-weight:500;}
.step_notice1 li:last-child:after{background:none; }

.num_con{background:#fff url(/parkingsms/re_new/img/icon_phone.png) 95% no-repeat; background-size:100px auto; padding:20px; margin-top:10px; overflow:hidden; border-top:2px solid #000; border-bottom:1px solid #ddd;}
.num_con dt{padding-bottom:10px;}
.num_con dt p{display:inline-block; background:#ffea00;font-size:20px; font-weight:600; color:#000; }
.num_con dd{position:relative; padding-left:10px; padding-bottom:6px;}
.num_con dd:before{content:''; display:block; position:absolute; left:0; top:8px; width:4px; height:1px; background-color:#7a7a7a;}


.num_con1{background:#fff; padding:20px; margin-top:10px; overflow:hidden; border-top:2px solid #000; border-bottom:1px solid #ddd;}
.num_con1 dt{padding-bottom:10px;}
.num_con1 dt p{display:inline-block; background:#ffea00;font-size:20px; font-weight:600; color:#000; }
.num_con1 dd{position:relative; padding-left:10px; padding-bottom:6px;}
.num_con1 dd:before{content:''; display:block; position:absolute; left:0; top:8px; width:4px; height:1px; background-color:#7a7a7a;}

.carj_n1{font-size:18px; color:#d80000; }
.carj_n2{font-size:16px; color:#000; }
.carj_last_cnt{margin-top:5px; background:#fff; padding:30px 0; text-align:center; border:2px solid #d80000;}
.carj_last_cnt strong{font-size:17px; color:#d80000;}

.arrow_b{text-align:center; padding:10px 0;}
/*==============================================================================*/


@media only screen and (max-width: 1400px){	
.sub_cnt_wrap_p{padding:40px 5% 100px 5%;} 

}

@media only screen and (max-width: 1200px){	
.gong_height{height:65px; background:#fff;}
.join_top_step{width:100%;}

.sub_cnt_wrap_p:after,.sub_cnt_wrap_p:before{display:none;}


}

@media only screen and (max-width: 870px){	
.t_title_wrap h2{text-align:center; padding-top:20px; font-size:25px; font-weight:700; position:relative; }
.t_title_wrap h2:before{content:''; position:absolute; left:48%; top:0; width:20px; height:5px; background-color:#f4bd00; transform:rotate(225deg)}

.table_basic1 td input[type="text"],.table_basic1 td input[type="password"]{width:90%;}
.attention_wrap{width:100%;}

.service_list dl dt:before{left:20px; top:45px; }
.service_list dl dt{height:150px;font-size:15px;padding:0 0 0 90px; width:230px;}
.service_list dl dd{height:150px;}

}


@media only screen and (max-width: 767px){	
.gong_height{height:60px; background:#fff;}

.login_top{width:100%; background:url(/parkingsms/re_new/img/join_notice.png)  10px top no-repeat; background-size:160px; padding:0px 20px 20px 20px;}
.login_top p{padding-left:180px; font-size:18px;line-height:1.3em;}
.login_top p img{width:250px; padding-bottom:10px;}
.login_wrap{width:100%;}
.w700_wrap{width:100%;}

.join_top_step p img{width:95%;}

.overflow_auto_div{max-height:150px;}
.attention_wrap{}



.service_list dl dt{text-align:center; height:150px;padding:95px 0 0 0; width:150px; font-size:15px;vertical-align:top;}
.service_list dl dd{height:150px; padding:0 10px 0 ;}
.service_box .note{word-break:normal;}
.service_list dl dt:before{top:35px; left:45px;}
.service_list dl dt.s_01:before{background:url(/parkingsms/re_new/img/icon_guide1_m.png) no-repeat; background-size:63px auto}
.service_list dl dt.s_02:before{background:url(/parkingsms/re_new/img/icon_guide2_m.png) no-repeat; background-size:63px auto;}
.service_list dl dt.s_03:before{background:url(/parkingsms/re_new/img/icon_guide3_m.png) no-repeat; background-size:63px auto;}
.service_list dl dt.s_04:before{background:url(/parkingsms/re_new/img/icon_guide4_m.png) no-repeat; background-size:63px auto;}
.service_list dl dt.s_05:before{background:url(/parkingsms/re_new/img/icon_guide5_m.png) no-repeat; background-size:63px auto;}

.service_area_list dl dt{text-align:center; width:200px; padding:0 20px 0 20px;}
.service_area_list dl dt img{text-align:center; margin-right:0; display:block;}
.service_area_list dl dd .btns{font-weight:400;}
.service_area_list dl dd .btns:after{background:url(/parkingsms/re_new/img/ico_arrow01_m.png) no-repeat; background-size:100% auto;}
.service_area_wrap p a:after{background:url(/parkingsms/re_new/img/ico_arrow02_m.png) no-repeat; background-size:100% auto;}
.service_area_wrap p a{font-weight:500;}

.num_con{background:#fff;}
}




@media only screen and (max-width:640px){
.gong_height{height:50px; background:#fff;}

.login_top{width:100%; background:url(/parkingsms/re_new/img/join_notice.png) 10px top no-repeat; background-size:140px; padding:0px 20px 20px 20px;}
.login_top p{padding-left:160px; font-size:18px;line-height:1.3em;}
.login_top p img{width:220px; padding-bottom:10px;}
.overflow_auto_div{padding:5%;}
.join_form_div{padding:5%;}
.agree_box{padding:3% 5%;}

.btn{font-size:16px; }
.dl_blt_01{padding:5%;}
.table_basic1 td input[type="text"],.table_basic1 td input[type="password"]{width:100%;}
.sub_cnt_wrap_p{padding:40px 5% 70px 5%;} 

.table_basic1 th{font-size:15px; padding:10px;}
.table_basic1 td{padding:10px;}
.table_basic2 th{font-size:15px; padding:10px;}
.table_basic2 td{padding:10px;}
table td{font-weight:400;}

.service_list dl dt:before{top:38px; left:26px;}
.service_list dl dt{height:170px; padding:100px 0 0 10px; width:100px;}
.service_list dl dd{height:170px; padding-left:20px;}

.attention_wrap li:before{top:30px;}
.service_area_wrap{margin-top:20px;}
.service_area_wrap dl dt{font-size:20px;}

.result_wrap dl dt{text-align:center; font-size:20px;}
.table_basic3 td{padding:7px;}
.table_basic3 td strong{display:block;}
.table_basic4 td{padding:7px;}
.table_basic4 td strong{display:block;}
.table_basic4 td span{display:block;}
.carj_last_cnt{padding:20px 0;}

}

@media only screen and (max-width:450px){
.join_finished{width:100%;background:url(/parkingsms/re_new/img/join_end_bg.png) left 10px no-repeat; background-size:100px; margin:15px auto 0 auto; height:80px;}
.join_finished dl{padding-left:110px; word-break:keep-all;}
.join_finished dl dt{font-size:17px; font-weight:500;} 
.join_finished dl dd{padding-top:5px;}




.h3_title1{font-size:18px;}

.common_tab2 li a:after{background:url(/parkingsms/re_new/img/menu_arrow.png) no-repeat; width:15px;height:10px; background-size:15px auto; top:65%;}
.common_tab2 li { text-align:left;}
.common_tab2 li a{font-size:15px; padding-left:10px;}
.common_tab2 li a:hover:after, .common_tab2 li a:focus:after{top:70%;}

.service_list dl dt:before{top:65px; left:26px;}
.service_list dl dt{height:; width:100px; padding:125px 0 0 10px;}
.service_list dl dd{height:220px; padding-left:20px;}

.service_area_list dl dt{text-align:center; width:160px; padding:0 15px 0 15px;}
.service_area_list dl dt img{width:130px;}

.step_notice li{width:50%;}
.step_notice li:nth-child(2):after{background:none; }
.step_notice li:first-child{width:50%;}

.step_notice1 li{width:50%;}
.step_notice1 li:nth-child(2):after{background:none; }


}


@media only screen and (max-width:420px){

.login_top{width:100%; background:url(/parkingsms/re_new/img/join_notice.png) 0 top no-repeat; background-size:120px; padding:0px 20px 20px 20px;}
.login_top p{padding-left:115px; font-size:16px;line-height:1.3em;}
.login_top p img{width:170px; padding-bottom:10px;}

}