/*/union/css/guide.css*/
.main {font-size: 0;margin-bottom: 30px;}.guide_title {width: 100%;height: 38px;background: #fafafa;margin-top: 30px;margin-bottom: 30px;}.guide_title_ico {width: 43px;float: left;height: 38px;margin: 0 auto;margin-right: 10px;background: #fc8900;}.guide_title_ico img {display: block;height: 100%;margin: 0 auto;}.guide_title > span {font-size: 18px;color: #181818;line-height: 38px;}.hide_guide {float: right;margin-right: 10px;font-size: 0;}.hide_guide span {font-size: 14px;line-height: 38px;color: #4c4c4c;float: right;}.hide_guide .checkbox {width: 16px;height: 16px;display: block;margin-top: 11px;float: left;line-height: 38px;box-sizing: border-box;background: #fff;border: 1px solid #efefef;position: relative;cursor: pointer;margin-right: 10px;}body .hide_guide .checkbox.current {background-image: url("//p.yunshuren.com/union/images/checkin.png");}body.up .hide_guide .checkbox.current {background-image: url("//p.yunshuren.com/union/images/checkin.png");}body.ali .hide_guide .checkbox.current {background-image: url("//papu.yunshuren.com/union/images/checkin.png");}.hide_guide .checkbox.current {background-repeat: no-repeat !important;background-size: 100% !important;}.hide_guide .checkbox input {opacity: 0;position: absolute;display: block;width: 100%;height: 100%;cursor: pointer;}.guide_ul {width: 100%;display: inline-block;}.guide_ul .guide_item_list:first-child {margin-left: 0;}.guide_item_list {float: left;width: 360px;height: 355px;position: relative;box-sizing: border-box;border: 1px solid #f4a03c;margin-left: 22px;}.guide_item_ico {width: 100%;background: #fc8900;height: 134px;box-sizing: border-box;padding-top: 7px;}.guide_item_ico img {display: block;width: 120px;margin: 0 auto;}.guide_step {width: 100%;text-align: center;font-size: 0;height: 96px;}.guide_step div {display: inline-block;vertical-align: middle;height: 36px;width: 170px;box-sizing: border-box;padding: 1px;margin-top: 30px;text-align: center;background: #cc6e00;border-radius: 999px;padding-right: 18px;}.step_num {width: 34px;height: 34px;border-radius: 999px;font-size: 30px;color: #fff;background: #ffab46;float: left;line-height: 34px;text-indent: 0;}.step_text {font-size: 18px;color: #fff;line-height: 34px;}.guide_intro {width: 100%;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #414141;}.guide_link {position: absolute;bottom: 14px;right: 20px;background: #fc9900;border: 1px solid #f4ae5b;box-sizing: border-box;width: 100px;height: 28px;line-height: 28px;text-align: center;color: #fff;font-size: 14px;}.step_show {display: none;float: right;width: 34px;height: 34px;border-radius: 999px;background: #616161;}.step_show img {display: block;width: 100%;}.guide_item_list.hover_style:hover {box-shadow: 0 0 20px #f5c994;}.guide_item_list.complete .guide_step div {background: #c3c3c3;padding-right: 0;padding-left: 18px;}.guide_item_list.complete .step_num {display: none;}.guide_item_list.complete .guide_link {display: none;}.guide_item_list.complete .step_show {display: block;}@media all and (max-width: 768px) {.main {width: 100%;}.guide_title {width: 100%;height: 0.6rem;margin-top: 0.3rem;margin-bottom: 0.3rem;}.guide_title_ico {width: 0.6rem;height: 0.6rem;margin-right: 0.1rem;}.guide_title > span {font-size: 0.26rem;color: #181818;line-height: 0.6rem;}.hide_guide {float: right;margin-right: 0.1rem;font-size: 0;}.hide_guide .checkbox {width: 0.3rem;height: 0.3rem;margin-top: 0.15rem;margin-right: 0.1rem;}.hide_guide span {font-size: 0.24rem;line-height: 0.6rem;}.guide_ul .guide_item_list:first-child {margin-left: 0.075rem;}.guide_item_list {float: none;margin: 0 0.075rem;width: auto;display: block;height: 3.8rem;margin-bottom: 0.3rem;overflow: hidden;}.guide_item_ico {height: 1.2rem;padding-top: 0.1rem;}.guide_item_ico img {width: 1rem;}.guide_step {height: 1.15rem;}.guide_step div {height: 0.5rem;width: 2.3rem;padding: 0.02rem;margin-top: 0.35rem;border-radius: 999px;padding-right: 0.25rem;}.step_num {width: 0.46rem;height: 0.46rem;border-radius: 999px;font-size: 0.3rem;color: #fff;background: #ffab46;float: left;line-height: 0.46rem;text-indent: 0;}.step_text {font-size: 0.25rem;color: #fff;line-height: 0.46rem;}.step_show {width: 0.46rem;height: 0.46rem;margin-right: 0.02rem;}.guide_intro {padding: 0 0.2rem;font-size: 0.22rem;color: #414141;}.guide_link {position: absolute;bottom: 0.2rem;right: 0.2rem;width: 1.25rem;height: 0.35rem;line-height: 0.35rem;box-sizing: content-box;text-align: center;color: #fff;font-size: 0.2rem;}.guide_item_list.complete .guide_step div {padding-left: 0.25rem;}.guide_item_list.hover_style:hover {box-shadow: none;}}@media all and (max-width: 360px) {.guide_link {padding-top: 2px;}.step_text {line-height: 0.47rem;}}