@charset "utf-8";
/* CSS Document */

html, body, button, input, legend, table,td, tr, th, div, span, h1, h2, h3, h4, h5, h6, header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu, address, time, canvas, audio, video, p, pre, sup, sub, ul, ol, li, dl, dt, dd, form, label, input, button, textarea, select, fieldset, iframe, img, a,code,small, u, i, center, * {
margin: 0 auto;
padding: 0;
border: 0;
outline: 0;
font-weight: normal;
font-family:'Microsoft YaHei',tahoma,Arial,sans-serif ;
/*防锯齿化*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: gray;
/*默认*/
vertical-align: baseline;
/*透明*/
background: transparent;
overflow:auto;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;}

header, footer, section, article, aside, details, nav, menu,figcaption, figure, hgroup{ display:block;}

div,form,p,img,ul,ol,li,dl,dt,dd {list-style:none;}

button, input, optgroup, select, textarea {font-size: inherit;color: #008a6c;}

table {border-collapse:collapse;border-spacing:0;}

a {color: #ffffff;outline: none;text-decoration:none;}

a:link, a:visited, a:hover, a:active {
color: #008a6c;
outline: none;
text-decoration: none;}

.fl{ float:left; overflow:hidden}
.fr{ float:right; overflow:hidden}

.clear{ clear:both;float: none;}

html, body{
width:100%;
height:auto;
font-family:"Microsoft Yahei";
color: #999;
text-align: center;
margin:0 auto;padding:0;
background:#EDD3A9;
max-width:750px;}

.banner{
    width:100%;
    max-width:750px;
     font-size:0;
     margin: 0 auto;}
     
.banner img{width:100%;max-width:750px;}

.content{background:#EDD3A9;width:100%;margin:0 auto;padding: 0 5vw 5vw;max-width:750px;}

.content .title{
    background: url(http://file.xdf.cn/uploads/200717/1092_200717110127WcSgd9iUePv17DVf.png) no-repeat;
    background-size:100%,100%;
    width:36vw;
    max-width:270px;
    margin: 5vw 25vw 5vw 25vw;
    height:10vw;
    font-size:5vw;
    line-height:10vw;
    text-align:center;
    color:#fff;}
  
.mainls{
        background:#fff;
        width:90vw;
        max-width:675px;
        border-radius:3vw;
        margin: 0 auto;
        color: #666;}

.mainls a{width:90vw; max-width:675px;margin:0 auto;padding:0;background:#EDD3A9;}

.mainls a img{width:100%;}

.mainls  video {
                margin:5vw auto;
                width: 90vw; 
                max-width:675px;                  
                border-radius:3vw;
                background:#EDD3A9;}
          
.mainls .line{
               width: 90vw;
               height:2vw;
               border-top:0.5vw #fff dashed;
               margin: 0 auto;}

.mainls .pic{
           width: 89.5vw;
           max-width:671.25px;
           margin: 0.25vw auto;
           border:0.25vw #999 dashed;
           border-radius:3vw;
           text-align: center;}
          
.footerls{
        background:#EDD3A9;
        margin:0 auto;
        width:100%;
        max-width:750px;
        padding: 3vw 0;
        font-size: 3.5vw;
        text-align: center;
        color: white;
        line-height: 6vw;
        bottom: 0;}

.yyls{
      display:block;
      width: 100vw;
      height:body.offsetHeight;
      overflow:hidden;
      max-width:750px;
      position:absolute;
              left:0;
              top:0;
              background:rgba(0,0,0,0.5);
              display:-webkit-box;
              display:-webkit-flex;
              display:flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
              align-items: center;
              -webkit-box-pack: center;
              -webkit-justify-content:center;
              justify-content:center;
              -webkit-box-orient:vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              flex-direction: column;
              display:none;}
            
.yyls .gb {
            display: block;
            margin:0 0 0 85vw;
            width: 5vw;
            height: 5vw;}
            
.yyls .gb img {width: 100%;}
                
.yyls .sj{
              width: 90vw;
              max-width:675px;
              padding: 2vw;
              border-radius: 2vw;
              background: #fff;
              margin: 0 auto;
              color: #999;}
             
.yyls .sj form{
               width:85vw;
               max-width:637.5px;
               color:#999;
               border: 0.5vw solid #FFED73;
               border-radius: 2vw;
               padding: 2vw 1vw 1vw;}
            
.yyls .sj form .title{
	background:#fff;
                width:100%;
                max-width:637.5px;
                margin:0 auto;
                font-size:5vw;
                line-height: 9vw;
                letter-spacing:0.25vw;
                color:#ec725b;
                font-weight:700;
                text-align:center;}
            
.yyls .sj form p{
            display:inline-block;
            text-align:left;
            width:36vw;
            height:8vw;
            margin: 0vw 1.5vw 0 3vw;
            background: #fff;
            color:#999;
            padding:0;
            border-bottom: 0.25vw solid #008a6c;}
                
.yyls .sj form p .form-control {   
                width: 36vw;
                line-height:7vw;
                font-size: 3.5vw;
                color: #999;}
                
            .yyls .sj form p .form-control1{
                width: 20vw;
                line-height:7vw;
                font-size: 3.5vw;
                color: #999;}
                
            .yyls .sj form p .form-group{
                width: 75%;
                line-height: 7vw;
                font-size: 3.5vw;
                color: #999;
                text-align: left;}
            
            .yyls .sj form p .form-group1{
                    width: 36vw;     
                    line-height: 7vw;
                    font-size: 3.5vw;
                    margin:1vw  0 0;
                    color: #777;
                    text-align: left;}
            
             .yyls .sj form p span{
                    width: 12vw;     
                    line-height: 6vw;
                    font-size: 3.5vw;
                    color:#777;
                    margin:1vw 0 1vw 3vw;}
                       
             .yyls .sj form p span .validatebtn{
                 background:#fff;
                 width:12vw;
                border: 0.5vw solid #eee;
                border-radius: 2vw;
               -webkit-box-shadow: inset 0 0.05vw 0.15vw 0rgba(0, 0, 0, .075);
                box-shadow: inset 0 0.05vw  0.15vw 0 rgba(27, 209, 165,0.5);
                transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                margin:0 auto;
                text-align:center;
                color: #999;
                line-height:6vw; 
                font-size: 3.5vw;
                 font-weight:600;}
            
             .yyls .sj form  .sub{
                    background: #ec725b;
                    color: #fff;
                    outline: none;
                    border-radius: 10vw;
                    border: none;
                    margin: 1vw auto 2vw;
                    display: block;
                    width: 40%;
                    font-size: 5vw;
                    font-weight: 600;
                    line-height: 9vw;
                    text-align: center;
                    white-space: nowrap;
                    touch-action: manipulation;
                    cursor: pointer;
                    user-select: none;
                    font-family: inherit;
                    box-sizing: border-box;}
                
            .yyls .sj form .agree {
                    color: #999;
                    font-size:3vw;
                    margin: 2vw auto 1vw;}
            
            .yy .sj form .agree input{
                    color: #999;
                    font-size: 3vw;
                    letter-spacing: 0.25vw;
                    height: auto;
                    margin-right:1vw;}
                
            .yyls .sj form .agree a {
                        font-size:3vw;
                        color: #999;
                        text-decoration: underline;
                        cursor: pointer;}