@charset "utf-8";


.yuyue {
    width: 325px;
    background-color: #fff;
    padding-bottom: 20px;
    display: block;
}

.yuyue .title {
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    height: 30px;
    background-color: #FDA112;
    padding-top: 90px;
    line-height: 28px;
    color: #fff;
    letter-spacing: 4px;
    position: relative;
}

.yuyue .title img {
    position: absolute;
    top: 20px;
    left: 123px;
}

.yuyue .tels {
    background: #fff;
    border: 1px solid #e4e4e4;
    width: 265px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    margin-top: 18px;
    position: relative;
}

.telss {
    background: #fff;
    width: 275px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    margin-top: 18px;
    position: relative;
}

.yuyue .tels .tel {
    border: 0;
    width: 100%;
    font-size: 14px;
    color: #666;
}

.yuyue .tels .tel::-webkit-input-placeholder {
    font-size: 14px;
    color: #ccc;
}

.yuyue .tels .code {
    display: block;
    font-size: 14px;
    color: #FDA112;
    padding: 5px;
    border: 1px solid #FDA112;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background-color: #fff;
}

.yuyue .tels .active {
    color: #ccc;
    border: 1px solid #ccc;
}

.yuyue .tels p {
    color: red;
    position: absolute;
    top: 45px;
    left: 10px;
    font-size: 12px;
    line-height: 12px;
}

.yuyue .codes {
    background: #fff;
    border: 1px solid #e4e4e4;
    width: 265px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    margin-top: 18px;
    position: relative;
}

.yuyue .codes input {
    border: 0;
    width: 100%;
    font-size: 14px;
    color: #666;
}

.yuyue .codes input::-webkit-input-placeholder {
    font-size: 14px;
    color: #ccc;
}

.yuyue .codes p {
    color: red;
    position: absolute;
    top: 45px;
    left: 10px;
    font-size: 12px;
    line-height: 12px;
}

.submit {
    font-size: 18px;
    border-radius: 4px;
    width: 275px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto !important;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
    background-image: linear-gradient(208deg, #12C370 11.12%, #0A9378 82.84%);
    border: 0;
    color: #fff;
}

.yy_tip {
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 12px;
    margin-top: 10px;
}

.yuyue .close {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}

.yuyue .close:hover {
    background-color: #FDA112;
    color: #fff;
}

.yuyue .close i {
    text-align: center;
    line-height: 20px;
    height: 20px;
    font-size: 20px;
}

/*评价*/
.show_pingjia {
    width: 360px;
    height: 440px;
    background-color: #fff;
}

.show_pingjia .content {
    width: 360px;
    height: 440px;
    background-color: #fff;
    position: absolute;
}

.show_pingjia .content .title {
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 56px;
    height: 56px;
    border-bottom: 1px solid #e4e4e4;
}

.show_pingjia .content .fenlei {
    padding: 0 20px;
}

.show_pingjia .content .fenlei .zhuanye {
    position: relative;
    margin-top: 20px;
    padding-left: 76px;
	min-height: 41px;
}

.show_pingjia .content .fenlei .jingdu {
    position: relative;
    padding-left: 76px;
	min-height: 41px;
}

.show_pingjia .content .fenlei .taidu {
    position: relative;
    padding-left: 76px;
	min-height: 41px;
}

.show_pingjia .content .fenlei span {

    font-size: 12px;
    color: #ccc;
}

.show_pingjia .content .fenlei p {
    position: absolute;
    top: 10px;
    left: 0px;
    font-size: 14px;
    color: #000;
    line-height: 22px;
}



.show_pingjia .content .fenlei .star .dot {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

.show_pingjia .content .explain {
    position: relative;
    padding-left: 76px;
    margin: 0 20px;
    margin-top: 20px;
}

.show_pingjia .content .explain p {
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 14px;
    color: #000;
    line-height: 16px;
}

.show_pingjia .content .explain span {
    position: absolute;
    left: 85px;
    top: 60px;
    font-size: 12px;
    color: red;
}

.show_pingjia .content .explain textarea {
    width: 222px;
    border: 1px solid #e4e4e4;
    height: 58px;
    resize: none;
    outline: none;
    padding: 0 10px;
    font-size: 12px;
    color: #333;
}

.show_pingjia .content .explain textarea {
    font-size: 12px;
    color: #333;
}

.show_pingjia .content .tel {
    position: relative;
    padding-left: 76px;
    margin: 0 20px;
    margin-top: 20px;
}

.show_pingjia .content .tel p {
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 14px;
    color: #000;
    line-height: 42px;
}

.show_pingjia .content .tel input {
    width: 222px;
    border: 1px solid #e4e4e4;
    height: 40px;
    outline: none;
    padding: 0 10px;
    font-size: 12px;
    color: #333;
}

.show_pingjia .content .tel span {
    position: absolute;
    left: 85px;
    top: 42px;
    font-size: 12px;
    color: red;
}



.show_pingjia .content .close {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 50px;
}

.show_pingjia .content .close i {
    font-size: 28px;
    color: #999;
    cursor: pointer;
}

.show_pingjia .content .close i:hover {
    color: #333;
}

.show_pingjia .tips {
    width: 420px;
    height: 285px;
    background-color: #fff;
    position: absolute;
    display: none;
}

.show_pingjia .tips .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-top: 30px;
}

.show_pingjia .tips .icon img {
    width: 100%;
    height: 100%;
}

.show_pingjia .tips .titles {
    margin-top: 20px;
    font-size: 18px;
    color: #000;
    text-align: center;
}

.show_pingjia .tips p {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top: 10px;
}

.show_pingjia .tips .tip_gb {
    margin: 0 auto;
    margin-top: 20px;
    width: 148px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #C09748;
    font-size: 14px;
    color: #C09748;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

/**/
@media (max-width:686px) {
	.libao{
	    display: none;
	}
}
.libao{
    width: 850px;
    height: 468px;
    background:url('shouye.png') no-repeat;
    position: relative;
}
.libao .close{
    position: absolute;
    top: -21px;
    right: 0;
    width: 42px;
    height: 42px;
    cursor:pointer;
}
.libao .close i{
    font-size: 42px;
    color:#fff;
    font-weight:700;
}
.libao .lb_expect{
    padding-top: 185px;
}
.libao .lb_expect .left{
    width: 50%;
    float: left;
}
.libao .lb_expect .left .title{
    font-size: 24px;
    color: #C09748;
    letter-spacing: 2px;
    text-align: center;
    line-height: 24px;
}
.libao .lb_expect .left p{
    font-size: 14px;
    color: #000;
    text-align: center;
    letter-spacing: 2px;
    line-height: 14px;
    margin-top: 10px;
}
.libao .lb_expect .left p span{
    color: #C09748;
}
.libao .lb_expect .left .citys{
    padding-left: 50px;
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #000;
    position: relative;
}
.libao .lb_expect .left .citys span{
    color:#C09748;
}
.libao .lb_expect .left .citys .city{
    width: 118px;
    height: 28px;
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 125px;
    padding-left: 10px;
}
.libao .lb_expect .left .citys .city span{
    color:#000;
}
.libao .lb_expect .left .citys .city i{
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 14px;
}
.libao .lb_expect .left .citys .city ul{
    position: absolute;
    top: 27px;
    left: -1px;
    z-index:99;
    width: 118px;
    padding-left: 10px;
    border:1px solid #e4e4e4;
    background-color: #fff;
    display: none;
}
.libao .lb_expect .left .citys .city ul li{
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color:#333;
    cursor:pointer;
}
.libao .lb_expect .left .tels{
    padding-left: 50px;
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #000;
    position: relative;
}
.libao .lb_expect .left .tels span{
    color:#C09748;
}
.libao .lb_expect .left .tels input{
	display: inline-block !important;
    margin-left: 8px;
    height: 30px;
    width: 198px;
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding-left: 10px;
}
.libao .lb_expect .left .tels p{
    color:red;
    position: absolute;
    top: 30px;
    left: 135px;
    font-size: 12px;
    margin-top: 2px;
    letter-spacing: 0px;
}
.libao .lb_expect .left .tels .t_code {
    display: block;
    font-size: 12px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    width: 80px;
    position: absolute;
    top: 0px;
    right: 104px;
    border: 0;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background-color: #C09748;
}
.libao .lb_expect .left .code{
    padding-left: 50px;
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #000;
    position: relative;
}
.libao .lb_expect .left .code span{
    color:#C09748;
}
.libao .lb_expect .left .code input{
	display: inline-block !important;
    margin-left: 22px;
    height: 30px;
    width: 198px;
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding-left: 10px;
}
.libao .lb_expect .left .lingqu{
    width: 85px;
    height: 30px;
    margin:0 auto;
    margin-top: 20px;
    background: #C09748;
    border-radius: 4px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor:pointer;
}
.libao .lb_expect .left .lb_tip{
    font-size: 12px;
    color: #C09748;
    text-align: center;
    line-height: 12px;
    margin-top: 20px;
}
.libao .lb_expect .right{
    width: 50%;
    float: left;
}
.libao .lb_expect .right .lb_head{
    width: 298px;
    height: 160px;
    margin:0 auto;
    background:url('shouye_ky.png') no-repeat;
}
.libao .lb_expect .right ul{
    padding: 0 55px;
    padding-top: 25px;
}
.libao .lb_expect .right ul li{
    font-size: 12px;
    color: #483603;
    height: 20px;
    line-height: 20px;
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.libao .lb_expect .right ul li .tubiao{
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 8px;
}
.libao .lb_expect .right ul li .tubiao img{
    width: 100%;
    height: 100%;
}
.libao .lb_success{
    padding-top: 185px;
    display: none;
}
.libao .lb_success .left{
    width: 50%;
    float: left;
}
.libao .lb_success .left .title{
    font-size: 24px;
    color: #489D62;
    letter-spacing: 2px;
    text-align: center;
    line-height: 24px;
    padding-top: 20px;
}
.libao .lb_success .left p{
    font-size: 14px;
    color: #000;
    letter-spacing: 2px;
    line-height: 14px;
    margin-top: 14px;
    text-align: center;
}
.libao .lb_success .left .chakan{
    font-size: 14px;
    color: #C09748;
    letter-spacing: 2px;
    line-height: 14px;
    text-align: center;
    margin-top: 14px;
}
.libao .lb_success .left .tel{
    width: 60px;
    height: 60px;
    margin:0 auto;
    margin-top: 16px;
}
.libao .lb_success .left .tel img{
    width: 100%;
    height: 100%;
}
.libao .lb_success .left .lb_tip{
    margin-top: 18px;
    font-size: 12px;
    color: #C09748;
    letter-spacing: 0;
    line-height: 12px;
    text-align: center;
}
.libao .lb_success .right{
    width: 50%;
    float: left;
}
.libao .lb_success .right .title{
    padding-top: 20px;
    font-size: 24px;
    color: #489D62;
    letter-spacing: 2px;
    text-align: center;
    line-height: 24px;
}
.libao .lb_success .right p{
    text-align: center;
    margin-top: 10px;
    padding: 0 42px;
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 24px;
}
.libao .lb_success .right .erweima{
    width: 120px;
    height: 120px;
    margin:0 auto;
    margin-top: 10px;
}
.libao .lb_success .right .erweima img{
    width: 100%;
    height: 100%;
}
.layui-layer{
	box-shadow:1px 1px 50px rgba(0, 0, 0, 0) !important;
}
.layui-layer-border{
	border: 0;
}