p.title {font-size:16px;color:242424;font-weight:bold;text-align:center;}
.loginWrap .telWrap {overflow:hidden;}
.loginWrap .telWrap .telBox  {display:flex;justify-content:space-between;float:left;width: 75%;padding-right:10px;box-sizing: border-box;}
.loginWrap .telWrap > a {display:block;float:right;width: 25%;background:#cc0001;text-align:center;font-size:14px;color:#fff;font-weight:bold;height: 35px;line-height:  35px;}
.loginWrap .telBox > div {width: 28%;position:relative;}
.loginWrap .telBox > div:after {content:"-";position:absolute;top: 0;right: -14%;height: 35px;line-height:  35px;}
.loginWrap .telBox > div:last-child:after {display:none;}
.loginWrap .telBox select,
.loginWrap .telBox input[type="text"] {width:100%;height:35px;padding:0;font-size:14px;color:#333;border:1px solid #c8c9cc;}
.loginWrap .telBox input[type="number"] {width:100%;height:35px;padding:0;font-size:14px;color:#333;border:1px solid #c8c9cc;}
.btnJoin3 {display:block;width:100%;height:39px;border:1px solid #e1e2e6;line-height:39px;text-align:center;font-weight:bold;font-size:14px;color:#666;text-decoration:none;background-color:#fafafa;margin-top:10px;}

.loginWrap2 {border-top:1px solid #d9d9d9;margin-top:30px;padding-top:30px;}
.loginWrap2 .loginBox {overflow:hidden;}
.loginWrap2 .loginBox .inputWrap {float:left;width:75%;line-height:35px;padding-right:10px;box-sizing:border-box;}
.loginWrap2 .loginBox .inputWrap input[type="text"] {width:100%;height:35px;padding:0;font-size:14px;color:#333;border:1px solid #c8c9cc;margin-bottom:0;}
.loginWrap2 .loginBox .inputWrap input[type="number"] {width:100%;height:35px;padding:0;font-size:14px;color:#333;border:1px solid #c8c9cc;margin-bottom:0;}
.loginWrap2 .loginBox .inputWrap input[type="password"] {width:100%;height:35px;padding:0;font-size:14px;color:#333;border:1px solid #c8c9cc;margin-bottom:0;}
.loginWrap2 .loginBox .inputWrap dl:first-child {margin-bottom:5px;}
.loginWrap2 .loginBox .inputWrap dt {float:left;width:40px;}
.loginWrap2 .loginBox .inputWrap dd {padding-left:50px;}
.loginWrap2 .loginBox .btnLogin3 {display:block;float:right;width: 25%;background:#cc0001;text-align:center;font-size:14px;color:#fff;font-weight:bold;height: 75px;line-height:75px;}







.mileageWrap {padding:10px;}
.mileageWrap .btn {display:block;width:100%;height:39px;border:1px solid #e1e2e6;line-height:39px;text-align:center;font-weight:bold;font-size:14px;color:#666;text-decoration:none;background-color:#fafafa;margin-top:10px;}
.mileageWrap .txtList {margin-top:30px;padding-top:30px;border-top:1px solid #d9d9d9;}
.mileageWrap .txtList p {padding-left:7px;position:relative;line-height:18px;}
.mileageWrap .txtList p:before {content:"-";position:absolute;top:0;left:0;}
.mileageBox {margin-top:30px;padding:10px;border:1px solid #d9d9d9;text-align:center;}
.mileageBox .mileage strong {font-size:30px;color:#cc0001;font-weight:bold;}
.mileageBox .mileage span {font-size:20px;color:#333;font-weight:bold;}




.simpleJoin {padding:10px;}
.simpleJoin .agreeWrap {margin:10px 0;}
.simpleJoin .agreeWrap p {font-size:12px;line-height:25px;}
.simpleJoin .telBox {overflow:hidden;}
.simpleJoin .telBox .telWrap {float:left;width:70%;}
.simpleJoin .telBox .btn {float:right;width:25%;margin-top:0;height:33px;line-height:33px;}
.sticker {font-size:12px;}
.sticker dl {padding:10px 0;line-height:35px;}
.sticker dt {float:left;width:80px;}
.sticker dd {padding-left:80px;}
.sticker dd input {height:35px;}
table.writeForm {width:100%; border-top:1px solid #f37053;word-break:keep-all;}
table.writeForm tbody {vertical-align:middle;}
table.writeForm tbody tr {border-bottom:1px solid #ccc;}
table.writeForm tbody tr th {padding:8px; border-right:1px solid #ccc; vertical-align:middle; background:#f8f8f8; font-size:0.75rem; color:#333;}
table.writeForm tbody tr td {background:#fff; padding:8px ; border-right:1px solid #ccc; vertical-align:middle;font-size:0.75rem; line-height:1.6; color:#333; font-weight: 300; }
table.writeForm tbody tr td:last-child {border-right:0}
table.writeForm select {width:70px;}
table.writeForm .telWrap {display:flex;justify-content:space-between;}
table.writeForm .telWrap div {width:28%;position:relative;}
table.writeForm select,
table.writeForm input {height:35px;}
table.writeForm .telWrap div:after {content:"-";position:absolute;top: 0;right: -14%;height: 35px;line-height:  35px;}
table.writeForm .telWrap div:last-child:after {display:none;}
.simpleJoin .btn {display:block;width:100%;height:39px;border:1px solid #cc0001;line-height:39px;text-align:center;font-weight:bold;font-size:14px;color:#fff;text-decoration:none;background-color:#cc0001;margin-top:10px;}


.popup {position:fixed;top:0;left:0;width:100%;height:100%;padding:20px;background:rgba(0,0,0,0.7);box-sizing:border-box;z-index:999;display:none;}
.popup .innerWrap {height:100%;position:relative;}
.popup .innerWrap .title {height:35px;line-height:35px;font-size:20px;font-weight:bold;color:#fff;text-align:left;padding-bottom:10px;}
.popup .innerWrap .inner {background:#fff;height:70%;overflow-y:auto;padding:10px;font-size:14px;}
.popup .innerWrap .btnClose {position:absolute;top:10px;right:0;}


.checkPop1 {display:none;}
.checkPop2 {display:none;}
.checkPop p {font-size:12px;margin-top:5px;}
.checkPop p span {color:#cc0001;font-weight:bold;}
.checkPop p.title {margin-top:0;font-size:14px;}
.checkPop {position:fixed;top:0;left:0;width:100%;height:100%;padding:20px;background:rgba(0,0,0,0.5);z-index:999;box-sizing:border-box;}
.checkPop .inner {width:100%;max-height:100%;background:#fff;position:relative;}
.checkPop .inner h2 {height:40px;line-height:40px;text-align:center;font-size:16px;color:#fff;background:#333;position:absolute;top:0;left:0;width:100%;z-index:2;}
.checkPop .inner .popContents {padding:20px;box-sizing:border-box;position:relative;max-height:100%;box-sizing:border-box;padding-top:55px;overflow-y:auto;}
.checkPop .inner .telWrap {display:flex;justify-content:space-between;margin-top:10px;}
.checkPop .inner .telWrap input {height:35px;}
.checkPop .inner .telWrap div {width:28%;position:relative;}
.checkPop .inner .telWrap div:after {content:"-";position:absolute;top: 0;right: -14%;height: 35px;line-height:  35px;}
.checkPop .inner .telWrap div:last-child:after {display:none;}
.checkPop .inner .btnClose {position:absolute;top:13px;right:10px;width:15px;z-index:3;}
.checkPop .inner .btnClose img {width:100%;}
.checkPop .inner .btn {display:block;height:39px;border:1px solid #cc0001;line-height:39px;text-align:center;font-weight:bold;font-size:14px;color:#fff;text-decoration:none;background-color:#cc0001;width:80px;margin:20px auto 0 auto;}

.checkPop1 .btn {}

.checkPop2 dl {margin-top:20px;}
.checkPop2 dt {font-size:14px;}
.checkPop2 dd {margin-top:10px;}
.checkPop2 .writeForm thead th {padding:8px;border-right:1px solid #ccc;font-size:0.75rem;line-height:1.6;color:#333;font-weight:300;border-bottom:1px solid #ccc;}
.checkPop2 .writeForm thead th:last-child {border-right:none;}
.checkPop2 .writeForm tbody td {text-align:center;}
.checkPop2 .btn.bottom {position:absolute;bottom:20px;left:50%;transform:translateX(-50%);}


/* desk */
.desk-btn{position:absolute;right:0;top: 8px;display:flex;align-items:center;justify-content:center;}
.desk-btn img{position: relative; top:-5px;}

.deskMainPopup{position:fixed; left:0; top:0; z-index:10001; width:100vw; height:100vh; background:rgba(0,0,0,0.7);  visibility: hidden; opacity:0; transition: all 0.3s ease-out;}
.deskMainPopup.active{visibility: visible; opacity:1;}
.deskMainPopupDiv{position:fixed; left:50%; top:50%; transform: translate(-50%, -50%); }
.deskMainPopup_close{position:absolute; right:10px; top:-40px;; width:30px; height:30px; background:none; border:none; cursor:pointer;}
.deskMainPopup_close:before{position:absolute; left:50%; top:50%; width:2px; height:40px; background-color:#fff; display:block; transform: translate(-50%, -50%) rotate( -45deg );; content:"";}
.deskMainPopup_close:after{position:absolute; left:50%; top:50%; width:2px; height:40px; background-color:#fff; display:block; transform: translate(-50%, -50% ) rotate( 45deg );; content:"";}