/*全局样式*/

*{padding:0;margin:0;}

div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}

img,input{border:none;vertical-align:middle;}

body{

  width: 100%;

  font-family:"微软雅黑";font-size:12px;color:#000000;word-wrap:break-word;behavior:url("csshover.htc");

  /* overflow-x: hidden; */
/*IE*/
-ms-overflow-style:none;
/*火狐*/
overflow:-moz-scrollbars-none;
 
}
/*谷歌*/
::-webkit-scrollbar{
    display:none;
}
/* html{overflow-y:scroll;} */

ul,ol{list-style-type:none;}

input{outline:none;border:none;box-shadow:none;}

h3{font-size:14px;}

button{border:none;cursor:pointer;background-color:transparent;outline: none;}

select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;}

.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}

.clearfix:after{content:"";display:block;clear:both;}

.clearfix{zoom:1;}

a {text-decoration:none;}

a:link,a:visited{text-decoration:none;}

a:hover,a:active{text-decoration:none;}





.group {position: relative;}

.layer {position: absolute;}

.group-bg {width: 100%;height: 100%;}



.flex {display: flex;}

.aligncenter {align-items: center;}



.swiper-container {

  width: 100%;

  height: 100%;

}



.color1 {

  color: #708FBA;

}

.color2 {

  color: #777777;

}

.color3 {

  color: #333333;

}

.color4 {

  color: #387173;

}

.color5 {

  color: #010101;

}

.borderl {

  border-left: 2px solid #AAAAAA;

}

.bordert {

  border-top: 2px solid #AAAAAA;

}

.borderr {

  border-right: 2px solid #AAAAAA;

}

.borderb {

  border-bottom: 2px solid #AAAAAA;

}

.f14 {

  font-size: 14px;

}

.f15 {

  font-size: 15px;

}

.f16 {

  font-size: 16px;

}

.f17 {

  font-size: 17px;

}

.f18 {

  font-size: 18px;

}

.f19 {

  font-size: 18px;

}

.f20 {

  font-size: 18px;

}

.f21 {

  font-size: 21px;

}

.f22 {

  font-size: 22px;

}

.f23 {

  font-size: 23px;

}

.f24 {

  font-size: 24px;

}

.f25 {

  font-size: 25px;

}

.f26 {

  font-size: 26px;

}

.f27 {

  font-size: 27px;

}

.f28 {

  font-size: 28px;

}

.f29 {

  font-size: 29px;

}

.f30 {

  font-size: 30px;

}

.f31 {

  font-size: 31px;

}

.f32 {

  font-size: 32px;

}

.f33 {

  font-size: 33px;

}

.f34 {

  font-size: 34px;

}

.f35 {

  font-size: 35px;

}

.f36 {

  font-size: 36px;

}

.f37 {

  font-size: 36px;

}

.f38 {

  font-size: 36px;

}

.f40 {

  font-size: 40px;

}

.f42 {

  font-size: 42px;

}

.f44 {

  font-size: 44px;

}



.f46 {

  font-size: 46px;

}

.f48 {

  font-size: 60px;

}

.f50 {

  font-size: 50px;

}

.f80 {

  font-size: 80px;

}



.fadeIn {

  animation: FadeIn 1s ease 0s 1 forwards;

}

.fadeInr {

  animation: FadeInR 1s ease 0s 1 forwards;

}

.fadeInl {

  animation: FadeInL 1s ease 0s 1 forwards;

}

.fadeInt {

  animation: FadeInT 1s ease 0s 1 forwards;

}

.fadeInb {

  animation: FadeInB 1s ease 0s 1 forwards;

}

.scale {

  animation: scale 0.8s linear 0s 1 forwards;

}

@keyframes scale {

  0% {

    opacity: 0;

    transform: scale(0.7);

  }

  100% {

    opacity: 1;

    transform: scale(1);

  }

}



.fadeT {

  animation: fadeT 1s ease 0s 1 forwards;

}

@keyframes fadeT {

  0% {

    opacity: 0;

    transform: translateY(-100px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

.fadeB {

  animation: fadeB 1s ease 0s 1 forwards;

}

@keyframes fadeB {

  0% {

    opacity: 0;

    transform: translateY(100px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}



@font-face{

  font-family: 'BodoniBT';

  src : url('../fonts/BodoniBT-Bold.otf');

}

@font-face{

  font-family: 'fangzhengqingke';

  src : url('../fonts/fangzhengqingke.ttf');

}
#showBigImg img{
    object-fit: none;
    width: 700px;
    height: 544px;
}.code canvas{width: 60%;
 margin: 20px 20% 30px 20%;}
 @media screen and (max-width: 440px) {
	#showBigImg img{width: 100%;object-fit: contain;}
	.righttext{display: none;}
	.tipwrap{background-color: transparent !important;}
}