*{padding: 0; margin: 0; outline: 0; list-style: none; border: none; box-sizing: border-box;}
a{ text-decoration: none;}
img{border: 0; vertical-align: middle;}
i,em{font-style: normal;}
body{ background: #F2F2F2;}

/*--------通用样式-------*/

.clear{ clear: both;}
.fl{ float: left;}
.fr{ float: right;}
.textr{ text-align: right;}
.green{color: #ff5000 !important;}
.red{color: #e20f0f !important;}
.blue{ color: #3a91f2 !important;}
.page-container{ padding: 10px; /*background: #fff;*/}
.bg1{background: #c7f7ce;color: #000 !important;}
.bg2{background: #a3c8f7;color: #000 !important;}
.bg3{background: #3a91f2;color: #000 !important;}
.bg4{background: #ed6c6c;color: #000 !important;}
.bg5{background: #bf876d;color: #000 !important;}
.bg6{background: #c1c1c1;color: #000 !important;}
.bg7{background: #f20dd8;color: #000 !important;}
/*顶部-开始*/

.nav_header{ font-size: 17px; height: 50px; line-height: 50px; text-align: center; color: #fff;z-index: 98; position: relative; top: 0;
    /*background: -webkit-linear-gradient(right, #51d8d8 0%, #51d8d4 100%);*/
    background: linear-gradient(-90deg, #a131d0 0%, #a131d0 100%);
   border-bottom: 1px solid #aaad8f;  }
   
.nav_header .header_l{ position: absolute; top: 0; left: 10px; z-index: 999999999999}
.nav_header .header_l a{font-size: 17px;color: #3d3d3d;color: #fff;}
.nav_header .header_l a i{ font-size: 24px; color: #fff;}
.nav_header .header_r{ position: absolute; top: 0; right: 10px;}
.nav_header .header_r a{font-size: 17px; height: 50px; line-height: 50px; color: #fff text-align: center; display: block;}
.nav_header .header_r a i{ font-size: 28px; }
.nav_header .ui-title{font-size: 17px; color: #fff;}
.nav_header .ui-title img{ height: 45px; vertical-align: middle;}

.nav_header.greenbg .ui-title{font-size: 18px; color: #fff;}
.nav_header.greenbg .header_l a{color: #fff;}
.nav_header.greenbg .header_r a{ color: #fff ;}


.header_r a img{ position: absolute;
    width: 22px;
    top: -5px;
    right: -5px;}
.header_r a p{ 
        position: absolute;
    width: 60px;
    top: -20px;
    right: -15px;
    color: #fff;
    font-size: 14px;
}

/*顶部-结束*/
/**/

.form-submit{ width: 100%; padding: 10px; overflow: hidden; clear: both;}
.form-submit-btn{ width: 90%; margin: 0 auto; height: 42px; line-height: 42px; font-size: 14px; color: #fff; text-align: center; background: #6d9fb0; border-radius: 4px; display: block; margin-bottom: .5rem;}
.form-submit-btn:disabled{ background: #afd8fa;}
.form-submit-btn.green-btn{ background: #05c677; margin-top: 20px;}
.form-submit-btn.red-btn{ background: #fc8973;}
.form-submit-btn.red-btn:disabled{ background: #fea290;}
.form-submit-btn1{ width: 90%; margin: 10px auto; height: 42px; line-height: 42px; font-size: 14px; color: #fff; text-align: center; background: #6d9fb0; border-radius: 4px; display: block; margin-bottom: .5rem;}
.submit {    width: 90%;
    margin: 0 auto;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #6d9fb0;
    border-radius: 4px;
    display: block;
    margin-bottom: .5rem;
   
    overflow: hidden;
    clear: both;
}
.picbtn  {    
    width:20%;
    margin: 0 auto;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #6d9fb0;
    border-radius: 4px;
    display: block;
    margin-bottom: .5rem;
   
    overflow: hidden;
    clear: both;
}
/**/


/*-----------底部菜单 s-----------*/

.hfooter{ height: 46px;}
.phofooter{ height: 45px; width: 100%; background: #fff; position: fixed;bottom: 0; z-index: 102; box-shadow: 1px 4px 8px 2px #dbdbdb;}
.phofooter ul{ height: 100%; margin: 0; padding: 0;}
.phofooter ul li{ width:25%;float: left; text-align: center; height: 100%; position: relative;}
.phofooter ul li a{ background: none; font-size: 12px; color: #848484;}
.phofooter .phonnav a{ color: #FF5000 ;}
.phofooter .phonnav a i{  background: -webkit-linear-gradient(right, #FF5000 0%, #FF8400 100%);
    background: linear-gradient(-90deg, #FF5000 0%, #FF8400 100%);
    -webkit-background-clip: text;
    color: transparent;}
.phofooter .phofootnav img{ display: block; width: 25px; margin: 0 auto; margin-top: 8px;}
.phofooter .phofootnav i{ display: block; width: 25px; font-size: 20px; margin: 0 auto; margin-top:5px;}
.phofooter .erweima{ position: absolute; top: -14px;}
.phofooter .erweima img{ width: 60px; margin-left: 0;}

/*-----------底部菜单 e----------*/

::-webkit-input-placeholder{ color: #999;}
::-webkit-input-placeholder{color: #999;}
::-moz-placeholder{color: #999;}
:-moz-placeholder{color: #999;}