@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px; }
div,p,dl,dd,a,b,u,em,input,textarea,button,select,form,section,label,span,td,li,nav,footer,body,ul,i {
    font-family: "Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    word-wrap:break-word;
    word-break:break-all;
    padding:0;
    margin:0;
    list-style:none
}
a:focus,a:active {
    outline:0
}
body,td,input,textarea,option,select,button {
    /*font-family:Helvetica,Arial,sans-serif;*/
    /*font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;*/
    /*font-family:Tahoma, Helvetica, Arial, sans-serif;*/
    /*fon-family:'微软雅黑',Helvetica,Arial,sans-serif;*/
    font-size: 1em;
    -webkit-text-size-adjust:none
}
html{width:100%;height:100%}
body {
    -webkit-user-select:none;
    user-select:none;
    overflow-x:hidden;
    min-width:320px;
    height: 100%;
}
img,video,nav,textarea,input,button {
    border:0;
    vertical-align:bottom
}

a,a:visited {
    text-decoration:none;
    color:#000000;/**/
    -webkit-touch-callout:none
}
h1,h2,h3,h4,h5,h6 {
    font-weight: 300;
}

.boxflex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.box-orient{
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;

    -ms-flex-direction:column;
    -webkit-flex-direction: column;
    flex-direction: column;

    -webkit-box-direction:normal
}
.boxAlignCenter{
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex_value_auto{
    -webkit-box-flex: auto;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: auto;         /* OLD - Firefox 19- */
    -webkit-flex: auto;          /* Chrome */
    -ms-flex: auto;              /* IE 10 */
    flex: auto;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}


.flex_value{
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex_value_2{
    -webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 2;         /* OLD - Firefox 19- */
    -webkit-flex: 2;          /* Chrome */
    -ms-flex: 2;              /* IE 10 */
    flex: 2;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

html {
    font-size: 20px!important;
}
body {
    font-size: 14px!important;
}
@media only screen and (min-width: 320px) {
    html {
        font-size:18.559px!important;
    }
}
@media only screen and (min-width: 330px) {
    html {
        font-size:19.139px!important;
    }
}
@media only screen and (min-width: 340px) {
    html {
        font-size:19.718px!important;
    }
}
@media only screen and (min-width: 350px) {
    html {
        font-size:20.3px!important;
    }
}
@media only screen and (min-width: 360px) {
    html {
        font-size: 20.875px!important;
    }
}
@media only screen and (min-width: 370px) {
    html {
        font-size: 21.459px!important;
    }
}
@media only screen and (min-width: 380px) {
    html {
        font-size: 22.039px!important;
    }
}
@media only screen and (min-width: 390px) {
    html {
        font-size: 22.618px!important;
    }
}
@media only screen and (min-width: 400px) {
    html {
        font-size: 23.2px!important;
    }
}
@media only screen and (min-width: 410px) {
    html {
        font-size: 23.779px!important;
    }
}
@media only screen and (min-width: 420px) {
    html {
        font-size: 24.359px!important;
    }
}
@media only screen and (min-width: 430px) {
    html {
        font-size: 24.939px!important;
    }
}
@media only screen and (min-width: 440px) {
    html {
        font-size: 25.519px!important;
    }
}
@media only screen and (min-width: 450px) {
    html {
        font-size: 26.1px!important;
    }
}
@media only screen and (min-width: 460px) {
    html {
        font-size: 26.679px!important;
    }
}
@media only screen and (min-width: 470px) {
    html {
        font-size: 27.259px!important;
    }
}
@media only screen and (min-width: 480px) {
    html {
        font-size: 27.839px!important;
    }
}
@media only screen and (min-width: 490px) {
    html {
        font-size: 28.418px!important;
    }
}
@media only screen and (min-width: 500px) {
    html {
        font-size:29px!important;
    }
}
@media only screen and (min-width: 510px) {
    html {
        font-size:29.579px!important;
    }
}
@media only screen and (min-width: 520px) {
    html {
        font-size:30.159px!important;
    }
}
@media only screen and (min-width: 530px) {
    html {
        font-size:30.739px!important;
    }
}
@media only screen and (min-width: 540px) {
    html {
        font-size:31.318px!important;
    }
}
@media only screen and (min-width: 550px) {
    html {
        font-size:31.9px!important;
    }
}
@media only screen and (min-width: 560px) {
    html {
        font-size:32.479px!important;
    }
}
@media only screen and (min-width: 570px) {
    html {
        font-size:33.059px!important;
    }
}
@media only screen and (min-width: 580px) {
    html {
        font-size:33.639px!important;
    }
}
@media only screen and (min-width: 590px) {
    html {
        font-size:34.218px!important;
    }
}
@media only screen and (min-width:600px) {
    html {
        font-size:34.8px!important;
    }
}
@media only screen and (min-width:610px) {
    html {
        font-size:35.379px!important;
    }
}
@media only screen and (min-width:620px) {
    html {
        font-size:35.959px!important;
    }
}
@media only screen and (min-width:630px) {
    html {
        font-size:36.539px!important;
    }
}
@media only screen and (min-width: 640px) {
    html {
        font-size:37.118px!important;
    }
}
@media only screen and (min-width:720px) {
    html {
        font-size:41.759px!important;
    }
}

.body{
    min-width: 320px;
    /*max-width: 640px;*/
    margin: 0 auto;
    background-color: #1a191a;
}
.indexbody{
    width: 100%;
    background-color:#e3632f;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(img/bg1.jpg);
    position: relative;
    padding-top: 47%;
    padding-bottom: 3%;
}
.txt{
    width: 100%;
    padding: 0 4%;
    text-align: left;
    color: #ffffff;
    font-size: 0.6rem;
}
.txt h3{
    font-size: 0.6rem;
    font-weight: bold;
    padding: 0.2rem 0;
}
.txt p{
    text-indent: 2em;
    line-height: 1rem;
}
.picture{
    width: 100%;
    height: 3rem;
    margin: 0.5rem 0;
}
.btn{
    width: 100%;
}
.btn a{
    display: block;
    width: 56.66%;
    margin: 0 auto;
}
/*弹框*/
.alert_box{
    background-color: rgba(0,0,0,0.7);
    padding:0 0 0 0;
    width: 100%;
    height: 100%;
    left:0;
    top: 0;
    position:fixed;
    z-index: 200;
}
.alert_bg{
    width:79%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    position:fixed;
    z-index: 220;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%); 	/* IE 9 */
    -moz-transform:translate(-50%, -50%); 	/* Firefox */
    -webkit-transform:translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%, -50%);
    background-color:#ffffff;
    border:3px solid #da622c;
    border-radius:10px;
}
.alert_bg .close{
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    z-index: 230;
    top: -2rem;
    right: 0;
}
.alert_bg .title{
    width: 77%;
    color: #ffffff;
    font-size: 1.2rem;
    margin: 0 auto;
    height: 2.25rem;
    line-height:1.5rem;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(img/titlebg.png);
}
.alert_bg .box{
    width: 100%;
    padding: 1.5rem 0;
}
.alert_bg .box p{
    color: #666666;
    font-size: 0.75rem;
}
.alert_bg .sure{
    display: block;
    width: 68.24%;
    height: 2.9rem;
    line-height: 2.2rem;
    margin: 0.5rem auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(img/sure.png);
    color:#ffffff;
    font-size: 1rem;
}
.hiding{display: none;}  




.top_box{width: 86%; position: fixed; left: 50%; margin-top: 25%;  margin-left: -43%;z-index: 150;}
.top_button{
    width:70%;
    height:2.2rem;
    line-height: 1.8;
    left: 50%;
    position: absolute;
    z-index:152;
    margin-left:-35%;
    margin-top:0;
    background-image: url("img/titlebg.png");
    background-size:100% 100%;
    background-repeat: no-repeat;
    background-position: top center;

}
.top_button p{text-align: center; font-size: 1rem;color: #ffffff;}

.bg_color{
    width: 100%;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    background-color:#f6e8ff;
    border-radius:15px;
    border: 3px solid #e3632f;
    position: relative;
    padding-bottom: 5%;
}

.fix_box{
    width:86%;
    padding: 3.3% 3% 3.3% 3%;
    clear: both;
    margin: 0 auto;
    background-color:#f6e8ff;
    border: 1px solid #79777a;
}

.fix_box span{
    display: block;
    width: 96%;
    font-size: 0.6rem;
    color: #333333;
}

.fix01{ width:86%; clear: both; margin: 0 auto; }
.l_a{
    float:left;
    width:70%;
}
.l_a span{
    display: block;
    padding: 5% 3% 5% 3%;
    width: 96%;
    background-color:#f6e8ff;
    border: 1px solid #79777a;
    color: #ffffff;
    font-size: 0.6rem;
}

.cell_a{display:table-cell; *display:inline-block; width:5000px; *width:auto;right: 0; }
.cell_a b{
    right: 0;
    display: block;
    width: 100%;
    height: 1.6rem;
    line-height: 1.6rem;
    background-color:#e3632f;
    font-size: 0.5rem;
    color: #ffffff;
    text-align: center;
    background-size:100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
}


.top_button01{
    width:70%;
    height: 2.3rem;
    line-height: 2rem;
    clear: both;
    margin: 0 auto;
    background-image: url("img/sure.png");
    background-size:100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
}
.top_button01 span{ display: block; text-align: center; font-size: 0.8rem;color: #ffffff;}

#input::-webkit-input-placeholder {
    color: #666666;
    text-align: left;
}

input{outline:none; color: #000000; background-color: transparent;}
.x{width:8%;position: absolute; right: 1%;margin-top: -12%; z-index:158;}



.c_top{width: 80%;z-index:200;left: 50%;margin-left: -40%;clear: both;position: fixed; margin-top: 40%; padding-bottom: 18%;}

.c_top_lis01{
    width: 100%;
    padding: 0 0 10% 0;
    clear: both;
    background-color: #ffffff;
    border-radius: 20px;
    border: 4px solid #e45616;
}


.c_title{
    width: 70%;
    height: 2rem;
    line-height: 1.4rem;
    margin-left: 15%;
    clear: both;
    background-image: url("img/top_subtitle_bg.png");
    background-size:100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    font-size: 1rem;
    color: #ffffff;
}

.sub_button01{width:70%; margin: 0 auto; clear: both; overflow: hidden;padding: 0 0 0 0; }

.fieldset01 {
    width:80%;
    margin: auto;
    overflow: hidden;
    padding: 1% 0 1% 0;
    background-color: #ffffff;
    border: 1px solid #b9b9b9;
    margin-top: 3%;
    margin-bottom: 5%;
    border-radius: 8px;
}
.fieldset01  span{
    width: 100%;
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    /*border: 1px solid #000000;*/
    text-align: center;
}

.i{outline:none;line-height: 1.5rem; text-align: center; color: #afafaf; background-color: transparent;width: 100%;}
.i::-webkit-input-placeholder {
    color: #afafaf;
    text-align: center;
}

.xx{width:9%;position: absolute; right: 3%; top:-18%;  z-index: 170;}