.question_layout{display:none;position:fixed;bottom:10px;right:32px;width:400px;box-shadow:0px 0px 20px 4px rgba(88,91,91,0.3);border-radius:5px;background:#fff;z-index:999}.question_layout .close{width:15px;height:15px;position:absolute;top:33px;right:27px;cursor:pointer}.question_layout .close img{width:100%;height:100%}.question_layout .title{font-size:18px;font-weight:bold;padding:33px 45px 0 20px}.question_layout .tip{font-size:13px;border-top:1px solid #ccc;padding:10px 0;margin:0 20px;line-height:20px}.question_layout .tip a{color:#4285F4;cursor:pointer;border-bottom:1px solid #4285F4}.question_layout .next{padding:5px 20px 10px;font-size:12px;display:none;float:right;cursor:pointer;color:#000}.question_layout .content{width:100%;margin-top:10px}.question_layout .content .face-select{padding:20px 12.5px 10px}.question_layout .content .face-select .face{display:flex;justify-content:space-between}.question_layout .content .face-select .face .unit{width:50px;height:50px;border-radius:50%;cursor:pointer;background-size:70%;background-repeat:no-repeat;background-position:7.5px}.question_layout .content .face-select .face .unit:nth-of-type(1){background-image:url("../img/common/face1.png")}.question_layout .content .face-select .face .unit:nth-of-type(2){background-image:url("../img/common/face2.png")}.question_layout .content .face-select .face .unit:nth-of-type(3){background-image:url("../img/common/face3.png")}.question_layout .content .face-select .face .unit:nth-of-type(4){background-image:url("../img/common/face4.png")}.question_layout .content .face-select .face .unit:nth-of-type(5){background-image:url("../img/common/face5.png")}.question_layout .content .face-select .text{display:flex;justify-content:space-between;font-size:12px;font-weight:bold;margin-top:10px;padding:0 7.5px}.question_layout .content .select{margin:10px 0 5px}.question_layout .content .select .unit{cursor:pointer;padding:10px 0}.question_layout .content .input{padding:0 20px}.question_layout .content .input input{border-top:1px solid #aaa;width:100%;height:40px}.question_layout .thanks{padding:0px 20px 10px;font-weight:700;line-height:4}@media screen and (min-width: 750px){.question_layout .content .face-select .face .unit:hover{background-color:#e7e7e7}.question_layout .content .face-select .face .unit:hover:nth-of-type(1){background-image:url("../img/common/face1_l.png")}.question_layout .content .face-select .face .unit:hover:nth-of-type(2){background-image:url("../img/common/face2_l.png")}.question_layout .content .face-select .face .unit:hover:nth-of-type(3){background-image:url("../img/common/face3_l.png")}.question_layout .content .face-select .face .unit:hover:nth-of-type(4){background-image:url("../img/common/face4_l.png")}.question_layout .content .face-select .face .unit:hover:nth-of-type(5){background-image:url("../img/common/face5_l.png")}.question_layout .content .select .unit{padding:10px 0 10px 20px}.question_layout .content .select .unit:hover{background-color:#f5f5f5}}@media screen and (max-width: 750px){.question_layout{right:0;width:calc(100% - 32px);margin:0 16px}.question_layout .tip{font-size:3.2vw}.question_layout .content .input{padding:0}}
