html{height: 100%;}
body{line-height:23px;   height: 100%; margin:0 auto; font-family:"Microsoft YaHei","Hiragino Sans GB",Arial,Verdana,sans-serif;font-size: 13px; width:100%; }
ul,li,img,span,p,font,strong,em,ol,h1,h2,h3,h4,h5,h6,dl,dt,dd,input,tboby,form{margin:0; padding:0; border:0; list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
table{border-collapse:collapse;border-spacing:0;}
input,button, select, textarea{outline: none;border: none;background: none;}
li{list-style:none;}
a{text-decoration:none;color:#000;}
img{ vertical-align:middle;}
a img{border:none;}
p{color: white}
*{margin: 0;padding: 0}
.wrap{
    position: absolute;
    width: 640px;
    height: auto;
}
.p1{
    position: absolute;
    top: 0;
    width: 640px;
    height: auto;
}

.bg1{
   position: absolute;
    top: 0;
    left: 0;
    background: url("http://s.flyfinger.com/picRepo/linkedin/motherDay/img/bg1.png")no-repeat;
    width: 640px;
    height: 793px;

  }
.bg2{
    position: fixed;
    bottom: 924px;
     background: url("http://s.flyfinger.com/picRepo/linkedin/motherDay/img/bg2.jpg")no-repeat;
     width: 640px;
     height: 925px;

 }
.imgAll{
    position: fixed;
    top: 0;
    left: 0;
    background: #000000;
    width: 100%;
    height: 100%;
    display: none;
}

.imgQ{
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
}
.bg3{
    position: fixed;
    bottom: 0px;
    background: url("http://s.flyfinger.com/picRepo/linkedin/motherDay/img/bg2.jpg")no-repeat;
    width: 640px;
    height: 925px;

}
.p1_btn{

    position: fixed;
    bottom:42px;
    width: 397px;
    height: 95px;
    left: 50%;
    margin-left: -198.5px;
    background: url("http://s.flyfinger.com/picRepo/linkedin/motherDay/img/button.jpg")no-repeat;


    /*text-align: center;*/
    /*line-height: 83px;*/
    /*font-size:38px;*/
    /*font-weight: bold;*/
    /*letter-spacing: 10px;*/
    /*color: black;*/
    /*background: #b8e5de;*/
    /*padding-left: 5px;*/
    /*border:5px solid #000000 ;*/
}
#p7_btn{

    position: fixed;
    bottom:42px;
    width: 259px;
    height: 95px;
    left:305px;
    background: url("http://s.flyfinger.com/picRepo/linkedin/motherDay/img/Group7.jpg")no-repeat;


}

.p1_btn2{
    position: fixed;
    bottom:145px;
    background: url("http://s.flyfinger.com/picRepo/linkedin/motherDay/img/Group.png")no-repeat;
    width: 132px;
    height: 132px;
    right: 10px;
}
.p1_cen{
    position: absolute;
    width: 510px;
    height: auto;
    top: 685px;
    left: 50%;
    margin-left: -255px;
    padding-bottom: 200px;
}
.p1_cen_top{
    width: 500px;
    height: 70px;
    background: white;
    border:3px solid #000000 ;
    -webkit-box-shadow: #121212 0px 0px 10px;
}
.btnxin{
    float: left;
    width: 247px;
    height: 70px;
    font-size: 32px;
    text-align: center;
    line-height: 70px;
    border-right:3px solid #000000 ;
    background: white;
    color: black;
    font-weight: bold;


}
.btnre{
    float: left;
    width: 250px;
    height: 70px;
    font-size: 32px;
    text-align: center;
    line-height: 70px;
    background: white;
    color: black;
    font-weight: bold;
}
.click{
    background: #a2a2a2;
    color: #dadada;
}
.p1_cen_cen{
    width: 502px;
    height: auto;
    margin-top: 27px;
    background: white;
    border:3px solid #000000 ;
    -webkit-box-shadow: #121212 0px 0px 10px;
    padding-bottom: 5px;
    word-wrap: break-word
}
.p1_cen_txt{
    width: 438px;
    height: auto;
    margin-top: 30px;
    color: black;
    font-size: 25px;
    line-height: 40px;
    margin-left: 34px;
    word-wrap: break-word;

}
.pic{
    height: 145px;
    margin-top: 30px;
    margin-left: 30px;
    /*-webkit-box-shadow: #121212 0px 0px 10px;*/

}
.user_con{
    width: 438px;
    height: 67px;
    margin-top: 30px;
}
.userImg{
    width: 67px;
    height: 67px;
    margin-left: 34px;
    border-radius: 50% 50%;
    float: left;

}
.userName{
    color: #000000;
    margin-left: 21px;
    margin-top: 13px;
    line-height: 48px;
    font-size: 30px;
    float: left;
    width: 300px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p1_cen_bot{
    width: 505px;
    height: 70px;
    margin-top: 26px;

}



.btnZ{
    float: left;
    width: 249px;
    height: 72px;
    border-right:3px solid #000000 ;
    border-top:3px solid #000000 ;
    background: white;
    color: black;

}
.btnP{
    float: left;
    width: 250px;
    height: 71px;
    background: white;
    color: black;
    border-top:3px solid #000000 ;

}
.btnZ img{
    margin-top: 20px;
    margin-left: 86px;
    float: left;
}

.btnZ span{
   margin-top: 27px;
   margin-left: 10px;
    font-size: 20px;
    float: left;

}
.btnP img{
    margin-top: 20px;
    margin-left: 86px;
    float: left;
}

.btnP span{
    margin-top: 27px;
    margin-left: 10px;
    font-size: 20px;
    float: left;

}







.p2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 100% 100%;

}
.p2_bg2{
    position: absolute;
    background: url("http://s.flyfinger.com/picRepo/linkedin/motherDay/img/bg2.jpg")no-repeat;
    width: 640px;
    height: 925px;
    left: 0;
    bottom: 0;

}
.p2_bg1
{
    position: absolute;
    top: 0;
    left: 0;
    background: url("http://s.flyfinger.com/picRepo/linkedin/motherDay/img/bg2.png")no-repeat;
    width:640px;
    height: 708px;
}
.p2_con{
    position: absolute;
    width: 510px;
    height: 685px;
    background: white;
    top: 140px;
    left: 50%;
    margin-left: -255px;
    -webkit-box-shadow: #121212 0px 0px 10px;
    border:3px solid #000000 ;

}
.hongzi{
    position: absolute;
    top: 405px;
    color: red;
    left: 24px;
    font-size: 22px;

}
.hongzi2{
    position: absolute;
    top: 542px;
    color: red;
    left: 24px;
    font-size: 22px;

}
.p2_shuru{
     width: 430px;
    height: 350px;
    margin-top: 40px;
    margin-left: 40px;
    /*background: darkblue;*/
    resize: none;
    color: #000000;
    font-size: 25px;
}
.shangchuancon{
    width: 125px;
    height: 125px;
    margin-left: 35px;
    margin-top: 45px;
    position: relative;
}
.shangImg{
    position: absolute;
    top: 0;
    left: 0;
    width: 125px;
    height: 125px;
}
#file{
    position: absolute;
    top: 0;
    left: 0;
    width: 125px;
    height: 125px;
    opacity: 0;
}


.p2_btn1{
    position: absolute;
    top:890px;
    width: 195px;
    height: 83px;
    left: 95px;
    text-align: center;
    line-height: 83px;
    font-size:38px;
    font-weight: bold;
    letter-spacing: 10px;
    color: black;
    background: #d8d8d8;
    padding-left: 5px;
    border:5px solid #000000 ;
}
.p3_con{
    position: absolute;
    width: 510px;
    height: 765px;
    background: white;
    top: 80px;
    left: 50%;
    margin-left: -255px;
    -webkit-box-shadow: #121212 0px 0px 10px;
    border:3px solid #000000 ;


}
.p4_con{
    position: absolute;
    width: 510px;
    height: 720px;
    background: white;
    bottom: 240px;
    left: 50%;
    margin-left: -255px;
    -webkit-box-shadow: #121212 0px 0px 10px;
    border:3px solid #000000 ;


}


.p2_btn2{
    position: absolute;
    top:890px;
    width: 195px;
    height: 83px;
    left: 345px;
    text-align: center;
    line-height: 83px;
    font-size:38px;
    font-weight: bold;
    letter-spacing: 10px;
    color: black;
    background: #b8e5de;
    padding-left: 5px;
    border:5px solid #000000 ;
}

.userbg{
    margin-top: 40px;
    margin-left: 26px;
}
.adressM{
    position: absolute;
    bottom: 616px;
    left: 50px;
    width:400px;
    height: 60px;
    background: none;
    border: none;
    text-align: center;
    line-height: 60px;
    font-size:28px ;
    color: #000000;
}
.adressU{
    position: absolute;
    bottom: 458px;
    left: 50px;
    width:400px;
    height: 60px;
    background: none;
    border: none;
    text-align: center;
    line-height: 60px;
    font-size:28px ;
    color: #000000;
}
.zhi{
    position: absolute;
    bottom: 298px;
    left: 50px;
    width:400px;
    height: 60px;
    background: none;
    border: none;
    text-align: center;
    line-height: 60px;
    font-size:28px ;
    color: #000000;
}
.tel{
    position: absolute;
    bottom: 140px;
    left: 50px;
    width:400px;
    height: 60px;
    background: none;
    border: none;
    text-align: center;
    line-height: 60px;
    font-size:28px ;
    color: #000000;
}


/********** ***********************************************/
.p3_btn1{
    position: absolute;
    bottom:42px;
    width: 195px;
    height: 83px;
    left: 50%;
    margin-left: -97.5px;
    text-align: center;
    line-height: 83px;
    font-size:38px;
    font-weight: bold;
    letter-spacing: 0px;
    color: black;
    background: #d8d8d8;
    padding-left: 5px;
    border:5px solid #000000 ;
}
.p4_txt1{
    width: 510px;
    height: auto;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-top: 45px;
}
.p4_txt2{
    width: 510px;
    height: auto;
    text-align: center;
    font-size: 25px;
    margin-top: 30px;

}
.p4_txt3{
    width: 510px;
    height: auto;
    text-align: center;
    font-size: 25px;
    margin-top: 15px;

}
.p4_txt4{
    width: 510px;
    height: auto;
    text-align: center;
    font-size: 25px;
    margin-top: 15px;

}
.p4_txt5{
    width: 510px;
    height: auto;
    text-align: center;
    font-size: 25px;
    margin-top: 15px;

}
.p4_txt6{
    width: 510px;
    height: auto;
    text-align: center;
    font-size: 25px;
    margin-top: 50px;

}
.p4_txt7{
    width: 510px;
    height: auto;
    text-align: center;
    font-size: 25px;
    margin-top: 15px;

}
.p5_cen{
    position: absolute;
    width: 510px;
    height: auto;

    top: 60px;
    left: 50%;
    margin-left: -255px;
    padding-bottom: 200px;
}
.p5_cen_top{
    width: 500px;
    height: auto;
    margin-top: 27px;
    background: white;
    border:3px solid #000000 ;
    -webkit-box-shadow: #121212 0px 0px 10px;
    padding-bottom: 5px;
}
.p5_cen_bot{
    width: 500px;
    height: auto;
    margin-top: 27px;
    background: white;
    border:3px solid #000000 ;
    -webkit-box-shadow: #121212 0px 0px 10px;
    padding-bottom: 15px;
}
.p5_cen_bot-top{
    height: 69px;
    width: 500px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: 32px;
    line-height: 69px;
    border-bottom:3px solid #000000 ;


}
.p5_ping{
    width: 500px;
    height: auto;

}
.xian{
    width: 500px;
    height: 1px;
    background: #000000;
    margin-top: 25px;
}
/**********                         *******/

.fuchengall{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
.fuchengcon{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 100px;
    margin-top: -50px;
    margin-left: -75px;
    opacity: 0.5;
    background:#000000 ;
    border-radius:20px;

}
.fuchengtxt{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 100px;
    margin-top: -50px;
    margin-left: -75px;
    text-align: center;
    line-height: 100px;
    color: white;
    font-size: 20px;
}
.p5_btn1{
    position: fixed;
    bottom:42px;
    width: 195px;
    height: 83px;
    left: 95px;
    text-align: center;
    line-height: 83px;
    font-size:38px;
    font-weight: bold;
    letter-spacing: 10px;
    color: black;
    background: #d8d8d8;
    padding-left: 5px;
    border:5px solid #000000 ;
}
.p5_btn2{
    position: fixed;
    bottom:42px;
    width: 195px;
    height: 83px;
    left: 345px;
    text-align: center;
    line-height: 83px;
    font-size:38px;
    font-weight: bold;
    letter-spacing: 10px;
    color: black;
    background: #b8e5de;
    padding-left: 5px;
    border:5px solid #000000 ;
}

.p5_btnZ{
    float: left;
    width: 247px;
    height: 72px;
    border-right:3px solid #000000 ;
    border-top:3px solid #000000 ;
    background: white;
    color: black;


}
.p5_btnP{
    float: left;
    width: 250px;
    height: 70px;
    background: white;
    color: black;
    border-top:3px solid #000000 ;

}
.p5_btnZ img{
    margin-top: 20px;
    margin-left: 86px;
    float: left;
}

.p5_btnZ span{
    margin-top: 27px;
    margin-left: 10px;
    font-size: 20px;
    float: left;

}
.p5_btnP img{
    margin-top: 20px;
    margin-left: 86px;
    float: left;
}

.p5_btnP span{
    margin-top: 27px;
    margin-left: 10px;
    font-size: 20px;
    float: left;

}
/***************************p6***********************************/
.p6_shuru{
    width: 430px;
    height: 500px;
    margin-top: 40px;
    margin-left: 40px;
    /*background: darkblue;*/
    resize: none;
    color: #000000;
    font-size: 25px;
}
/***************************p6***********************************/


.p7_cen{
    position: absolute;
    width: 510px;
    height: auto;

    top: 140px;
    left: 50%;
    padding-bottom: 200px;
    margin-left: -255px;
}
.p7_cen_top{
    width: 500px;
    height: 100px;
    background: white;
    border:3px solid #000000 ;
    -webkit-box-shadow: #121212 0px 0px 10px;
}

.p7_userImg{
    margin-left: 30px;
    float: left;
    margin-top: -45px;
    width: 115px;
    height: 115px;
    border-radius: 50% 50%;
    border:3px solid #000000 ;

}
.p7_userName{
    margin-left: 30px;
    float: left;

    height: 100px;
     line-height: 100px;
    font-size: 30px;
    width: 300px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#p5_txtcon2{
    font-size: 23px;
}
#p5_username2{
    font-size: 28px;
}
.p4_code{
    width: 280px;
    position: absolute;
    top: 450px;
    left: 123px;
}
.p4_code2{
    width: 640px;
    position: fixed;
    top: 100px;
    left: 0px;
    opacity: 0;
}
#p7_btn1{
    position: fixed;
    bottom:43px;
    width: 195px;
    height: 83px;
    left: 75px;
    text-align: center;
    line-height: 83px;
    font-size:38px;
    font-weight: bold;
    letter-spacing: 10px;
    color: black;
    background: #d8d8d8;
    padding-left: 5px;
    border:5px solid #000000 ;


}

.citys{
    position: absolute;
    width: 170px;
    height: 45px;
    left: 50%;
    margin-left: -181px;
    bottom: 450px;
    background: blue;
    font-size: 28px;
    color: black;
    border: none;
    background: none;
    opacity: 0;
}
.city{
    position: absolute;
    width: 190px;
    height: 45px;
    left: 50%;
    margin-left: 13px;
    bottom: 450px;

    background: blue;
    font-size: 28px;
    color: black;
    border: none;
    background: none;
    opacity: 0;
}
.ctps{
    position: absolute;
    width: 225px;
    height: 45px;
    left: 50%;
    margin-left: -214px;
    bottom: 440px;
    font-size: 28px;
    color: black;
    text-align: center;
}

.ctp{
    position: absolute;
    width: 200px;
    height: 45px;
    left: 50%;
    margin-left: 5px;
    bottom: 440px;

    font-size: 28px;
    color: black;
    text-align: center;
}
.co{
    color: #a6a6a6;
    /*   font-size: 30px;
      line-height: 25px;
      margin-left: -34px*/
}
.co2{
    color: #a6a6a6;
    font-size: 23px;
    margin-top: -15px;
}

.citys2{
    position: absolute;
    width: 170px;
    height: 45px;
    left: 50%;
    margin-left: -181px;
    bottom: 283px;
    background: blue;
    font-size: 28px;
    color: black;
    border: none;
    background: none;
    opacity: 0;
}
.city2{
    position: absolute;
    width: 190px;
    height: 45px;
    left: 50%;
    margin-left: 13px;
    bottom: 283px;

    background: blue;
    font-size: 28px;
    color: black;
    border: none;
    background: none;
    opacity: 0;
}
.ctps2{
    position: absolute;
    width: 225px;
    height: 45px;
    left: 50%;
    margin-left: -214px;
    bottom: 283px;
    font-size: 28px;
    color: black;
    text-align: center;
}

.ctp2{
    position: absolute;
    width: 200px;
    height: 45px;
    left: 50%;
    margin-left: 5px;
    bottom: 283px;

    font-size: 28px;
    color: black;
    text-align: center;
}

.p4_img1{
     position: absolute;
     top: 80px;
     left: 50%;
     margin-left: -263px;
    display: none;
 }
.p4_img2{
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -263px;
    display: none;
}

/***************************������ʾ***********************************/
#landscape{
    display: none;
}
@-webkit-keyframes rotation {
    10% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    50%, 60% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }
    90% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    100% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
}

@keyframes rotation {
    10% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    50%, 60% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }
    90% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    100% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
}

#orientLayer {
    display: none;
}

@media screen and (min-aspect-ratio: 13/8) {
    #orientLayer {
        display: block;
    }
}

.mod-orient-layer {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 9997
}

.mod-orient-layer__content {
    position: absolute;
    width: 100%;
    top: 45%;
    margin-top: -75px;
    text-align: center
}

.mod-orient-layer__icon-orient {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC");
    display: inline-block;
    width: 67px;
    height: 109px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -webkit-animation: rotation infinite 1.5s ease-in-out;
    animation: rotation infinite 1.5s ease-in-out;
    -webkit-background-size: 67px;
    background-size: 67px
}

.mod-orient-layer__desc {
    margin-top: 20px;
    font-size: 15px;
    color: #fff
}