.footmessage h4{margin: 0;}



.footmessage span{line-height: 1.5;margin-bottom: 10px;}

.footmessage input,.footmessage textarea{border: 1px solid #9a9a9a;border-radius: 3px;width: 398px;    line-height: 30px;font-weight: normal;}

.footmessage textarea{line-height: 1;height: 50px;}

#footmessage{height: 200px;width: 400px;overflow: hidden}

.footyzm{position: relative}

#footmessage  input::-webkit-input-placeholder{

            color:#b8b7b7;

        }

#footmessage  input::-moz-placeholder{   /* Mozilla Firefox 19+ */

            color:#b8b7b7;

        }

 #footmessage  input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

            color:#b8b7b7;

        }

 #footmessage input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

            color:#b8b7b7;

        }

 #footmessage  textarea::-webkit-input-placeholder{

             color:#b8b7b7;

        }

#footmessage .button:hover{

    background-color:#333;

    color:#fff;



}

.footyzm img{width: 80px;height: 25px;position: absolute;right: 3px;z-index: 1;top: 2px;}



input,

textarea,

button {

    border: none;

    outline: none;

    color: inherit;

    font-size: 14px;

    background: none;

    font-family: inherit;

}

/* flex布局兼容 START */

.flex {

    /* 设置为flex盒子 */

    display: box;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}



.flex_column {

    /* 垂直排列 */

    -webkit-box-orient: vertical;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

}



.flex_wrap {

    /* 允许换行 */

    -webkit-box-lines: multiple;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -o-flex-wrap: wrap;

    flex-wrap: wrap;

}



.flex_center {

    /* 设置为flex盒子 */

    display: box;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;



    /* 水平方向上居中 */

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -o-justify-content: center;

    justify-content: center;



    /* 垂直方向上居中 */

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;



}



.flex_row_center {

    /* 水平方向上居中 */

    -ms-flex-pack: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -o-justify-content: center;

    justify-content: center;

}



.flex_row_start {

    /* 水平方向上居左 */

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -moz-justify-content: flex-start;

    -ms-justify-content: flex-start;

    -o-justify-content: flex-start;

    justify-content: flex-start;

}



.flex_row_end {

    /* 水平方向上居右 */

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

    -moz-justify-content: flex-end;

    -ms-justify-content: flex-end;

    -o-justify-content: flex-end;

    justify-content: flex-end;

}



.flex_row_justify {

    /* 水平方向上等间距排列 */

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    -o-justify-content: space-between;

    justify-content: space-between;

}



.flex_column_center {

    /* 垂直方向上居中 */

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

}



.flex_column_start {

    /* 垂直方向上居上 */

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -moz-align-items: flex-start;

    -ms-align-items: flex-start;

    -o-align-items: flex-start;

    align-items: flex-start;

}



.flex_column_end {

    /* 垂直方向上居下 */

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -moz-align-items: flex-end;

    -ms-align-items: flex-end;

    -o-align-items: flex-end;

    align-items: flex-end;

}



.flex1 {

    /* 占据1份大小 */

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



.flex_rank_1 {

    /* 排列等级 */

    -webkit-box-ordinal-group: 1;

    -moz-box-ordinal-group: 1;

    -ms-flex-order: 1;

    -webkit-order: 1;

    order: 1;

}



.flex_rank_2 {

    /* 排列等级 */

    -webkit-box-ordinal-group: 2;

    -moz-box-ordinal-group: 2;

    -ms-flex-order: 2;

    -webkit-order: 2;

    order: 2;

}



.flex_rank_3 {

    -webkit-box-ordinal-group: 3;

    -moz-box-ordinal-group: 3;

    -ms-flex-order: 3;

    -webkit-order: 3;

    order: 3;

}



/* flex END */



.alert_wrap {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.3);

    z-index: 99999;

}

.alert_wrap input {

    font-size: 16px;

}

.alert_wrap .wrap {

    width: 100%;

    height: 100%;

}



.alert_wrap .apply_title {

    position: relative;

    text-align: center;

    line-height: 88px;

    border-bottom: 1px solid #eee;

}

.alert_wrap .apply_title span {

    font-size: 30px;

    font-weight: bold;

}

.alert_wrap .apply_title .iconfont {

    position: absolute;

    right: 60px;

    font-size: 24px;

    color: #999;

    cursor: pointer;

}

.alert_wrap .apply_title i{

    position: absolute;

    right: 2%;

    top: -22%;

    font-size: 22px;

}

.alert_wrap .alert_content {

    display: none;

    max-width: 1000px;

    width: 60vw;

    height: 868px;

    max-height: 80vh;

    background-color: #ffffff;

    border-radius: 20px;

    overflow: auto;

}

.alert_wrap .alert_content .text {

    font-size: 20px;

}

.alert_wrap .alert_content .text i {

    color: #f22424;

}

.alert_wrap .alert_content .check {

    position: relative;

}

.alert_wrap .alert_content .row {

    height: 50px;

}

.alert_wrap .alert_content .row input::-webkit-input-placeholder {

    color: #aaa;

}

.alert_wrap .alert_content .row input:-moz-placeholder {

    color: #aaa;

}

.alert_wrap .alert_content .row input:-ms-input-placeholder {

    color: #aaa;

}

.alert_wrap .alert_content .row input::placeholder {

    color: #aaa;

}

.alert_wrap .form_main {

    padding: 24px 60px;

}

.alert_wrap .form_main .row {

    margin-top: 10px;

    padding: 0 20px;

    height: 50px;

    line-height: 50px;

    border-radius: 5px;

    border: solid 1px #eeeeee;

}

.alert_wrap .form_main .item .texten{

    padding:10px 20px;

    height: 120px;

    line-height: 0.1;

}

.alert_wrap .form_main .item .texten textarea{

    height: 80px;

    line-height: 1.5;

    font-size: 16px;

}



.alert_wrap .form_main .item {

    width: 100%;

    margin-bottom: 2.2rem;

}

.alert_wrap .form_main .inp {

    margin-top: 22px;

}

.alert_wrap .form_main .btn {

    display: block;

    margin-top: 32px;

    text-align: center;

}



.alert_wrap .form_main .btn button {

    width: 166px;

    height: 51px;

    color: #fff;

    font-size: 18px;

    background-color: #000;

    border-radius: 25px;

    cursor: pointer;

}

.alert_wrap .form_main .btn button:hover {

    opacity: 0.8;

}

.alert_wrap .form_main .qr_code {

    margin-top: 50px;

    text-align: center;

}

.alert_wrap .form_main .txt {

    margin-top: 18px;

    color: #666;

    text-align: center;

}

.alert_wrap .form_main .tip {

    margin-top: 55px;

    color: #aaa;

    font-size: 20px;

    text-align: center;

}

.alert_wrap .form_main .click {

    cursor: pointer;

}

.alert_wrap .form_main .click input {

    cursor: pointer;

}

.alert_wrap .form_main .select {

    position: absolute;

    top: 100%;

    left: -1px;

    width: calc(100% + 2px);

    text-align: center;

    line-height: 50px;

    border: 1px solid #eee;

    border-top: none;

    border-bottom: none;

    border-radius: 0 0 10px 10px;

    background-color: #fff;

    z-index: 9;

    display: none;

}

.alert_wrap .form_main .select li {

    border-bottom: 1px solid #eee;

}

.alert_wrap .form_main .select li:hover {

    background-color: #eee;

    cursor: pointer;

}

/* aside_nav START */

.aside_nav {

    position: fixed;

    z-index: 10000;

    width: 60px;

    right: 5px;

    top: 50%;

}

.aside_nav .item {

    width: 100%;

    height: 60px;

    position: relative;

    text-align: center;

    background: #666;

    border: 1px solid #fff;

    margin-bottom: 5px;

    border-radius: 5px;

    -webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    -o-transition: all 0.35s;

    transition: all 0.35s;

}

.aside_nav .item:hover {

    background: #000;

    z-index: 10;



}

.aside_nav .item:hover .item_explain {

    right: 80px;

    opacity: 1;

    visibility: visible;

    z-index: 10;

}

.aside_nav .item:not(:first-child) {

    margin-top: 1px;

}

.aside_nav .item .item_icon {

    font-size: 22px;

    line-height: 60px;

    color: #fff;

    cursor: pointer;

}

.aside_nav .item .item_explain {

    background: #ffb500;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0px;

    margin: auto;

    line-height: 50px;

    white-space: nowrap;

    padding: 0 15px;

    border-radius: 5px;

    color: #fff;

    font-size: 18px;

    -webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    -o-transition: all 0.35s;

    transition: all 0.35s;

    visibility: hidden;

    opacity: 0;

    z-index: -1;

}

.aside_nav .item .item_explain .explain_picture {

    width: 100px;

    height: 100px;

    position: absolute;

    right: 0;

    top: 0;

    margin-top: -25px;

}

.aside_nav .explain_picture p{position: relative;bottom: -93px;color:#000;}

.aside_nav .picture_container{width: 100px;height: 140px}

.aside_nav .picture_container:nth-child(2){

    position: absolute;top: 0; left: -120px;}

.aside_nav .item .item_explain .explain_picture{margin-top:0;}