html body{ margin: 0; padding: 0;  font-family: "微软雅黑"; color: #333; font-size: 14px; background-color: #fff;}
div,ul,li,dl,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0; line-height: 1.5;}
ul{list-style: none;}
.clear{ clear:both; margin: 0; padding: 0; height: 0; font-size: 0;}
a{color: #fff;text-decoration: none;}
img{ border: 0 none; vertical-align: top;}
.clearfix:after{ content: ''; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{ float: right;}
.pr{ position: relative;}
.ps{ position: absolute;}
.center{ text-align: center;}
.dn{ display: none;}
input,select{-webkit-appearance: none; appearance: none; color: #9e9f9f; font-family: "微软雅黑"; box-sizing: border-box; -webkit-box-sizing: border-box;}
.animate,.sanimate{ opacity: 0;}

html,body{ width: 100%; }
.main{position: relative;width: 100%;overflow: hidden;}
.pages{position: relative;overflow: hidden;margin-top: -2px;}
.play{position: absolute;right: 42px;top: 185px;}
.pause{position: absolute;right: 42px;top: 185px;display: none;}
.ship_box{position: absolute;left: 77px;top: 0px;width: 604px;height: 334px;background: url("../images/sp_img.jpg") no-repeat;background-size: 100%;}
.ships{display: block;
    width: 100%;
    margin-top: -3px;}
.more{    position: absolute;
    bottom: 59px;
    left: 80px;
    width: 286px;
    height: 52px;}
#fom{position: absolute;
    top: 566px;
    left: 80px;
    width: 605px;
    height: 404px;}
.sumb{    position: absolute;
    left: 155px;
    bottom: 0;
    width: 288px;
    height: 48px;}
.chenw_b{position: absolute;
    left: 0;
    top: 0px;
    width: 599px;
    height: 55px;}
.xing_b{position: absolute;
    left: 0;
    top: 76px;
    width: 599px;
    height: 55px;}
.ming_b{position: absolute;
    left: 0;
    top: 152px;
    width: 599px;
    height: 55px;}
.phone_b{position: absolute;
    left: 0;
    top: 228px;
    width: 599px;
    height: 55px;}
#fom select{opacity: 0; display: block;width: 597px;overflow: hidden;padding: 8px 18px;color: #757575;font-size: 29px;text-align-last: right;background: none;border: none;border-radius: 0;text-align: right;position: absolute;left: 0;top: 0;}
#fom .chew{    display: block;
    width: 559px;
    overflow: hidden;
    padding: 6px 18px;
    color: #757575;
    font-size: 29px;
    text-align-last: right;
    background: none;
    border: none;
    border-radius: 0;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;}
#fom option{text-align-last: right;text-align: right;}

#fom input{background: none;border-radius: 0;border: none;display: block;width: 597px;font-size: 29px;color: #757575;padding: 0 18px;text-align: right;text-align-last: right;height: 55px;line-height: 55px;}
input::-webkit-input-placeholder {
      color: #757575;
   }
.fx_btn{position: absolute;left: 30px;top: 30px;border-radius: 10px;overflow: hidden;width: 100px;}
.fetx{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.share_img{top: 0; right: 0;position: absolute;width: 100%;}
.tips-box{position: fixed; display: none; top: 0; left: 0; z-index: 999; width: 100%; height:100%; background: rgba(0, 0, 0, .4);}
.tips{ position: absolute; top: 0; left: 0;right: 0;bottom: 0;margin: auto; width: 400px;height: 150px; text-align: center; background: #ebebeb; border-radius: 20px;}
.tips-wz{ font-size: 28px; color: #000; line-height: 1.5; padding: 22px 20px;}
.tips-btn{ border-top: 1px solid #ccc; padding: 12px 0; font-size: 26px; font-weight: bold; color: #0d78ec;}