/** lj 2022-03-01 */
.ico-telpop { display: inline-block; vertical-align: middle; background: url('../image/ico-telpop.png') no-repeat; background-size: 3.6rem 1.75rem; }
.ico-telpop1 { width: .7rem; height: .7rem; background-position: 0 0; }
.ico-telpop2 { width: .7rem; height: .7rem; background-position: -0.75rem 0; }
.ico-telpop3 { width: .6rem; height: .6rem; background-position: -1.5rem 0; }
.ico-telpop4 { width: .6rem; height: .6rem; background-position: -2.25rem 0; }
.ico-telpop5 { width: .6rem; height: .6rem; background-position: -3rem 0; }
.ico-telpop6 { width: 1rem; height: 1rem; background-position: 0 -0.75rem; }
.ico-telpop7 { width: 1rem; height: 1rem; background-position: -1.25rem -0.75rem; }

/* popup-telask-bar */
.popup-telask-bar { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 700; visibility: hidden; max-width: 750px; margin-left: auto; margin-right: auto; }
.popup-telask-bar .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .7; }
.popup-telask-bar .pop-conts { position: absolute; right: 0; bottom: -100%; left: 0; z-index: 1; border-radius: .8rem .8rem 0 0; background: #fff; background: linear-gradient(180deg, #fef2d5 0%, #fffaef 5%, #ffffff 11%, #ffffff 100%); padding-top: 3.1rem; transition: bottom .3s ease-in-out; }
.popup-telask-bar.is-show { visibility: visible; }
.popup-telask-bar.is-show .pop-conts { bottom: 0; }
.popup-telask-bar .pop-title { position: absolute; top: .8rem; left: .8rem; font-size: .9rem; font-weight: 600; line-height: 1.3rem; color: #111f34; }
.popup-telask-bar .pop-close { position: absolute; top: .8rem; right: .8rem; } 
.popup-telask-bar .scroll-bar { overflow-y: auto; padding: 0 .8rem 1rem; max-height: 85vh; }
.popup-telask-bar .tips { padding: .3rem .4rem; font-size: .6rem; line-height: 1rem; color: #d97926; background-color: #fffaf0; border-radius: .2rem; }
.popup-telask-bar .ask-info { margin-top: .6rem; background: url('../image/bg01.png') no-repeat; background-size: 100% 100%; padding: .45rem .45rem .85rem; }
.popup-telask-bar .ask-info .info { overflow: hidden; padding: .6rem; background-color: #fff; border-radius: .2rem; line-height: 1.2rem; font-size: .8rem; color: #111f34; }
.popup-telask-bar .ask-info .info .lawyer { /*white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 10rem;*/ color: #414a5d; }
.popup-telask-bar .ask-info .info .lawyer .photo { width: 1.2rem; height: 1.2rem; margin-right: .4rem; float: left; border-radius: 50%; overflow: hidden; }
.popup-telask-bar .ask-info .list { padding-top: .5rem; padding-bottom: .1rem; background: url('../image/bg02.png') right .6rem no-repeat; background-size: 3.6rem 3.6rem; }
.popup-telask-bar .ask-info .list li { font-size: .6rem; color: #666; line-height: .8rem; margin-top: .4rem; padding-left: .2rem; }
.popup-telask-bar .ask-info .list li .ico-telpop { margin-top: -0.15rem; margin-right: .2rem; }
.popup-telask-bar .handle { margin-top: .6rem; background-color: #f7f8fa; padding: .8rem .6rem; border-radius: .4rem; }
.popup-telask-bar .handle .item { margin-top: .6rem; border: 1px solid #f0f2f5; background-color: #fff; padding: 0 .6rem 0 5rem; position: relative; border-radius: .2rem; line-height: 1.9rem; min-height: 1.9rem; }
.popup-telask-bar .handle .item:first-child { margin-top: 0; }
.popup-telask-bar .handle .item .type { position: absolute; top: 0; left: .6rem; line-height: 1.9rem; font-size: .8rem; color: #111f34; }
.popup-telask-bar .handle .item .u-input { position: relative; display: flex; white-space: nowrap; }
.popup-telask-bar .handle .item .u-input input { display: block; width: 100%; line-height: 1.9rem; padding: 0 .2rem; color: #111f34; }
.popup-telask-bar .handle .item .u-input.tel input { color: #868ea3; }
.popup-telask-bar .handle .item .u-input .u-fixation { position: static; padding: 0; line-height: 1.9rem; }
.popup-telask-bar .handle .item .u-input .u-fixation .ico-telpop { margin-top: -0.1rem; }
.popup-telask-bar .handle .handle-tips { margin-top: .6rem; padding-left: .6rem; line-height: .7rem; font-size: .6rem; color: #a6acbd; }
.popup-telask-bar .handle .handle-tips .ico-telpop { margin-right: .2rem; margin-top: -0.15rem; }
.popup-telask-bar .pay-btn { display: block; width: 100%; background: #fea251; background: linear-gradient(270deg, #fea251 0%, #fa7822 100%); box-shadow: 0 .2rem .4rem 0 rgba(255, 134, 56, 0.3); height: 2.6rem; line-height: 2.6rem; border-radius: 1.3rem; font-size: .8rem; color: #fff; text-align: center; font-weight: 600; margin-top: .8rem; }
.popup-telask-bar .check { position: relative; padding: 0 .6rem; line-height: .9rem; margin-top: .8rem; font-size: .6rem; color: #666; }
.popup-telask-bar .check .ico-check { display: inline-block; vertical-align: middle; margin: -0.15rem .2rem 0 0; width: .7rem; height: .7rem; box-sizing: border-box; border: 1px solid #999; border-radius: 50%; overflow: hidden; }
.popup-telask-bar .check.is-this .ico-check { border: 0; background: url('../image/ico-check.png') no-repeat; background-size: 100% 100%; }
.popup-telask-bar .check .check-tips { position: absolute; top: -1.15rem; left: .6rem; padding: 0 .3rem; border-radius: .2rem; border-radius: .2rem; background-color: #ff9b37; font-size: .6rem; color: #fff; white-space: nowrap; }
.popup-telask-bar .check .check-tips:before { content: ''; position: absolute; left: .2rem; bottom: -0.15rem; border-width: .15rem .15rem 0; border-style: solid; border-color: #ff9b37 transparent transparent; }
.popup-telask-bar .check.is-this .check-tips { display: none; }