html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
img{border: none;margin:0px;padding:0px;}
a:link, a:visited{text-decoration: blink;}
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }

.showCom{position: fixed;left: 0;top:0;width: 100%;height: 100%;display: none;z-index: 23;}
.model{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.65);z-index: 3;}
.showCn{width: 720px;padding:15px;max-height: 70%;overflow-y: scroll;z-index: 4;position: absolute;left:calc((100% - 750px)/2);top:15%;font-size: 16px;color: #FFFFFF;line-height: 24px;}


.showCn::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    /*background-color: #F5F5F5;*/
    border-radius: 10px;
}

.showCn::-webkit-scrollbar
{
    width: 10px;
    /*background-color: #F5F5F5;*/
    border-radius: 10px;
}

.showCn::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-image: -webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.44, rgb(122,153,217)),
    color-stop(0.72, rgb(73,125,189)),
    color-stop(0.86, rgb(28,58,148)));
}
.showCn img{display: block;margin: 0 auto;max-width: 100%;}
.showCn p{text-align: justify;text-indent: 2em;}
.closeIco{position: absolute;top:calc(20% - 120px);left: calc((100% - 750px)/2);width: 40px;height: 40px;background: url("../img/close.png") no-repeat center;background-size: cover;z-index: 4;border: 1px solid #FFFFFF;border-radius: 100%;cursor: pointer;}

.tubCom{width: 780px;position:absolute;bottom:50px;left:calc((100% - 900px)/2);height: auto;padding: 10px 60px;background: rgba(73,83,126,0.8);border-radius: 60px;}
.fuwa{display: block;width: 100px;position: absolute;left: 50px;top:-70px;cursor: pointer;}
.tubswiper{width: 100%;margin:0 auto;height: auto;overflow: hidden;}
.tubswiper .swiper-slide{position: relative;width: 120px;cursor: pointer;}
.tubswiper .swiper-slide img{display: block;width: 100%;height: 80px;}
.tubswiper .swiper-slide span{display: block;width: 100%;position: absolute;left: 0;bottom: 0;height: 24px;background: rgba(0,0,0,0.7);color: #FFFFFF;font-size: 12px;text-align: center;line-height: 24px;}
.showTip{width: 218px;padding:20px 30px;height: 194px;position: absolute;left: 60px;top: -304px;background: url("../img/tip.png") no-repeat center;background-size: cover; font-size: 12px;color: #333333;display: none;}
.showTip p{width: 80%;margin:20px auto 0 13%;height: auto;overflow: hidden;text-align: justify;}
.showTip a{display: block;width: 30px;height: 30px;position: absolute;top:0px;right: -30px;background: url("../img/close.png") no-repeat center;background-size: 100%;border: 1px solid #FFFFFF;border-radius: 100%;cursor: pointer;}
@media screen and (max-width: 750px) {
    .showCn{width: calc(100% - 60px);left: 15px;}
    .closeIco{top:20px;left: 30px;width: 30px;height: 30px;}
    .tubCom{width: 100%;padding: 10px;left: 0;border-radius: 0;bottom:60px;}
    .fuwa{left: 0;width: 80px;top: -58px;}
}