/* adguide */
body{
  padding-top: 60px;
}
.valid-width {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.circle-style-list li {
  position: relative;
  padding-left: 22px;
}
.circle-style-list li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border: 4px solid #DBDFEA;
  border-radius: 50%;
  position: absolute;
  top: 3.5px;
  left: 0;
}
#toast-container{
  font-size: 18px !important;
}
.normal-use-btn {
  width: 160px;
  height: 40px;
  background: #2872D9;
  border-radius: 4px;
  color: #FFF;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
a.normal-use-btn {
  display: block;
  text-decoration: none;
}
a.normal-use-btn:hover,
.normal-use-btn:hover {
  background-color: #62A4FF;
}

.banner {
  background-color: #CCE4FE;
}
.banner-content .banner-right{
  height: 490px;
}
.banner {
  height: 490px;
}
.slider-banner .banner1 .normal-use-btn {
  margin-top: 46px;
}
.slider-banner .banner1 .banner-right {
  height: 420px;
  position: absolute;
  width: 1560px;
  background-repeat: no-repeat;
  background-size: 103% 100%;
  right: -200px;
  top: 0;
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/banner-minIndex.jpg);
}
.slider-banner .banner2 .banner-right {
  height: 425px;
  position: absolute;
  width: 1560px;
  background-repeat: no-repeat;
  background-size: 103% 100%;
  right: -200px;
  top: -50px;
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/banner_index.png);
  z-index: -1;
}
.banner {
  height: 490px;
}
.banner {
  background-color: #D2E8FF;
}
.content{
  padding-bottom: 92px;
  /* background: linear-gradient(180deg, #FFFFFF 0%, #E5F2FF 100%); */
}
.slider-banner {
  height: 490px;
  width: 100%;
  position: relative;
  background-color: #D2E8FF;
  background-size: cover;
}

.slider-banner .banner {
  background-color: #D2E8FF;
}
.autoBox{
  /* width: 1200px; */
  margin: 0 auto;
}
.slider-banner .banner .banner-content{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 490px;
}

.slider-banner .banner2 {
  padding-top: 48px;
  cursor: pointer;
  
}
.slider-banner .banner2 .banner-left p{
  font-size: 36px;
  font-weight: 500;
  color: #1D2843;
}
.slider-banner .banner2 .banner-left .list{
  width: 490px;
  height: 70px;
  margin-top: 20px;
}
.slider-banner .banner2 .banner-left .list li{
  width: 112px;
}
.slider-banner .banner2 .banner-left .list li img{
  width: 24px;
  height: 24px;
}
.slider-banner .banner2 .banner-left .list li span{
  margin-left: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #253E7B;
}
.slider-banner .boxList {
  position: absolute;
  bottom: 80px;
  left: 50%;
  width: 72px;
  height: 4px;
  border-radius: 50%/50%;
  z-index: 9;
}

.slider-banner .boxList .itemList {
  width: 36px;
  height: 4px;
  background: #FFFFFF;
}
.slider-banner .boxList .itemList:nth-child(1){
  border-radius: 2px 0px 0 2px / 2px 0px 0 2px;
}
.slider-banner .boxList .itemList:nth-child(2){
  border-radius: 0 12px 12px 0 /  0 12px 12px 0;
}

.slider-banner .boxList .active {
  background-color: #2B84FF;
}

.slider-banner .content .btn-group .banner-btn {
  display: inline-block;
  width: 160px;
  height: 40px;
  background: #4D7EF4;
  border-radius: 4px;
  font-size: 16px;
  line-height: 40px;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
  margin-top: 37px;
}

.slider-banner .content .btn-group .banner-btn:hover {
  background: #249cff;
}

.slider-banner .content .btn-group .banner-btn+.banner-btn {
  margin-left: 12px;
}
.titleBox{
  width: 100%;
  height: 595px;
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/index-list39.png);
  background-size: 100% 100%;
}
.titleBox .autoBox{
  width: 1200px;
  margin: 0 auto;
}
.titleBox .autoBox p{
  font-size: 28px;
  color: #1D2843;
  text-align: center;
  margin: 60px 0 46px 0;
}
.titleBox .autoBox .contentBox{
  position: relative;
  top: 66px;
}
.titleBox .autoBox .contentBox .bg-box{
  width: 300px;
  height: 284px;
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/index-list36.png);
  background-size: 100% 100%;
  position: relative;
  left: -74px;
}
.titleBox .autoBox .contentBox .bg-box img{
  position: absolute;
  width: 282px;
  height: 107px;
  top: 82px;
  left: -2px;
  z-index: 999;
}
.index-list11{
  width: 190px;
  height: 304px;
  z-index: 1000;

}
/* .image1{
    -webkit-animation: list1 1s ease;
    animation: list1 1s ease;
}
@-webkit-keyframes list1 {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
@keyframes list1 {
  0%,50%{
    opacity: 0
  }
 75%,100% {
    opacity: 1
  }
}
.image2{
  -webkit-animation: list2 2s ease;
  animation: list2 2s ease;
}
@-webkit-keyframes list2 {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
@keyframes list2 {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
.image3{
  -webkit-animation: list3 3s ease;
  animation: list3 3s ease;
}
@-webkit-keyframes list3 {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
@keyframes list3 {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
} */
.index-list12{
  width: 188px;
  height: 188px;
  margin-left: 204px;
  margin-top: -8px;
  z-index: 999;
}
.titleBox .autoBox .contentBox .center-box{
  position: absolute;
  width: 445px;
  height: 439px;
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/index-list37.png);
  background-size: 100% 100%;
  margin-left: 380px;
  z-index: 100;
}
.titleBox .autoBox .contentBox .center-box img{
  width: 303px;
  height: 232px;
  margin-top: 46px;
}
.titleBox1{
  width: 100%;
  height: 600px;
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/index-list14.png);
  background-size: 100% 100%;
}
.titleBox1 .autoBox{
  width: 1200px;
  margin: 0 auto;
}
.titleBox1 .autoBox p{
  font-size: 28px;
  color: #1D2843;
  text-align: center;
  padding: 60px 0 51px 0;
}
.titleBox1 .autoBox .topBox{
  width: 100%;
  height: 166px;
  padding: 40px 108px 20px 82px;
  background: #FFF;
  box-shadow: 0px 0px 20px rgba(49,109,185,0.1400);
  border-radius: 4px;
  margin-bottom: 30px;
}
.titleBox1 .autoBox .topBox img{
  width: 106px;
  height: 106px;
}
.titleBox1 .autoBox .topBox .right{
  margin-left: 50px;
}
.titleBox1 .autoBox .topBox .right p{
  padding: 0;
  margin-top: -30px;
  margin-bottom: 11px;
  font-weight: 500;
  font-size: 20px;
  color: #1D2843;
  text-align: left;
}

.titleBox1 .autoBox .topBox .right span{
  font-size: 16px;
  color: #585E6C;
  line-height: 24px;
}
.titleBox1 .autoBox .bottomBox{
  width: 100%;
}
.titleBox1 .autoBox .bottomBox .item{
  width: 380px;
  height: 168px;
  background: #FFF;
  box-shadow: 0px 0px 20px rgba(49,109,185,0.1400);
  border-radius: 4px;
  padding: 33px 29px 28px 29px;
}
.titleBox1 .autoBox .bottomBox .item img{
  width: 64px;
  height: 64px;
}
.titleBox1 .autoBox .bottomBox .item .right{
  width: 240px;
  margin-left: 18px;
}
.titleBox1 .autoBox .bottomBox .item .right p{
  font-size: 18px;
  font-weight: 500;
  color: #1F232C;
  text-align: left;
  padding: 0;
  margin-bottom: 8px;
  margin-top: 6px;
}

.titleBox1 .autoBox .bottomBox .item .right span{
  line-height: 24px;
  color: #585E6C;
  font-weight: 400;
  font-size: 16px;
}
.titleBox2{
  width: 100%;
  height: 656px;
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/index-list30.png);
  background-size: 100% 100%;
}
.titleBox2 .autoBox{
  width: 1200px;
  margin: 0 auto;
}
.titleBox2 .autoBox p{
  font-size: 28px;
  color: #FFF;
  text-align: center;
  padding: 60px 0 70px 0;
}
.titleBox2 .autoBox .contentBox{
  width: 100%;
}
.titleBox2 .autoBox .contentBox .circleBox{
  width: 317px;
  height: 317px;
  background-size: 100% 100%;
  padding: 107px 75px 76px 75px;
  cursor: pointer;
}
.titleBox2 .autoBox .contentBox .num1{
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/imgNumber1.png);
}
.titleBox2 .autoBox .contentBox .num1:hover{
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/imgNum1.png);
}
.titleBox2 .autoBox .contentBox .num2{
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/imgNumber2.png);
}
.titleBox2 .autoBox .contentBox .num2:hover{
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/imgNum2.png);
}
.titleBox2 .autoBox .contentBox .num3{
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/imgNumber3.png);
}
.titleBox2 .autoBox .contentBox .num3:hover{
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/imgNum3.png);
}
/* .titleBox2 .autoBox .contentBox .circle1{
  -webkit-animation: cir1 1s ease;
  animation: cir1 1s ease;
}

@-webkit-keyframes cir1 {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
@keyframes cir1 {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
.titleBox2 .autoBox .contentBox .circle2{
  -webkit-animation: cir2 2s ease;
  animation: cir2 2s ease;
}

@-webkit-keyframes cir2 {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
@keyframes cir2 {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
.titleBox2 .autoBox .contentBox .circle3{
  -webkit-animation: cir3 3s ease;
  animation: cir3 3s ease;
}

@-webkit-keyframes cir3 {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
@keyframes cir3 {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
} */



.titleBox2 .autoBox .contentBox .circleBox p{
  width: 166px;
  height: 52px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #253E7B;
  text-align: center;
  padding: 0;
}
.titleBox2 .autoBox .contentBox .circleBox:hover p{
  color: #FFF;
}
.titleBox2 .autoBox .contentBox .circleBox:hover span{
  color: #FFF;
}
.titleBox2 .autoBox .contentBox .circleBox span{
  width: 170px;
  height: 70px;
  font-size: 14px;
  line-height: 22px;
  color: #585E6C;
  text-align: center;
}
.titleBox2 .autoBox .contentBox .imgBox{
  width: 122px;
  height: 317px;
}
.titleBox2 .autoBox .contentBox .imgBox img:nth-child(2){
  width: 61px;
  height: 12px;
}
.titleBox2 .normal-use-btn {
  margin: 59px auto 0;
}
.marBtn{
  margin: 0 auto;
  margin-top: 59px;
}
.titleBox3{
  width: 100%;
  height: 912px;
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/index-list28.png);
  background-size: 100% 100%;
}
.titleBox3 .autoBox{
  width: 1200px;
  margin: 0 auto;
}
.titleBox3 .autoBox p{
  font-size: 28px;
  color: #1D2843;
  text-align: center;
  padding: 60px 0 46px 0;
}
.titleBox3 .autoBox .contentBox{
  width: 100%;
  height: 510px;
  margin: 46px 0 42px;
  position: relative;
}

/* .titleBox3 .autoBox .contentBox .conter{
  -webkit-animation: conter 1s ease;
  animation: conter 1s ease;
}

@-webkit-keyframes conter {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
@keyframes conter {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
.titleBox3 .autoBox .contentBox .list{
  -webkit-animation: imgType 2s ease;
  animation: imgType 2s ease;
}

@-webkit-keyframes imgType {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
@keyframes imgType {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
} */
.titleBox3 .autoBox .contentBox img{
  position: absolute;

}
.titleBox3 .autoBox .contentBox img:nth-child(1){
  position: inherit;
}
.titleBox3 .autoBox .contentBox img:nth-child(2){
  width: 207px;
  height: 185px;
  top: -50px;
  left: 240px;
}
.titleBox3 .autoBox .contentBox img:nth-child(3){
  width: 207px;
  height: 185px;
  top: -50px;
  right: 236px;
}
.titleBox3 .autoBox .contentBox img:nth-child(4){
  width: 207px;
  height: 185px;
  bottom: 25px;
  right: -15px;
}
.titleBox3 .autoBox .contentBox img:nth-child(5){
  width: 207px;
  height: 185px;
  bottom: -56px;
  margin-left: 15px;
}
.titleBox3 .autoBox .contentBox img:nth-child(6){
  width: 207px;
  height: 185px;
  bottom: 22px;
  left: -12px;
}
.titleBox3 .normal-use-btn {
  margin: 100px auto 0;
}
.titleBox4{
  width: 100%;
  height: 266px;
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/index-list29.png);
  background-size: 100% 100%;
}
.titleBox4 .autoBox{
  width: 1200px;
  margin: 0 auto;
  padding-top: 59px;
}
.titleBox4 .autoBox .left{
  margin-top: -30px;
  /* -webkit-animation: lefter 1s ease;
  animation: lefter 1s ease; */
}

/* @-webkit-keyframes lefter {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
}
@keyframes lefter {
  0%,50%{
    opacity: 0
  }
  75%,100% {
    opacity: 1
  }
} */

.titleBox4 .autoBox .left p{
  color: #FFFFFF;
  font-weight: 400;
  font-size: 22px;
}
.titleBox4 .autoBox img{
  width: 324px;
  height: 206px;
  /* -webkit-animation: righter 2s ease;
  animation: righter 2s ease; */
}
/* @-webkit-keyframes righter {
  0%,50%{
    -webkit-transform: translateY(220px);
    opacity: 0
  }
  75%,100% {
    -webkit-transform: translateY(0px);
    opacity: 1
  }
}
@keyframes righter {
  0%,50%{
    transform: translateY(220px);
    opacity: 0
  }
  75%,100% {
    transform: translateY(0px);
    opacity: 1
  }
} */
.titleBox4 .autoBox p:nth-child(1){

}
.titleBox4 .autoBox p:nth-child(2){
  margin: 14px 0 35px 0px;
}
.titleBox4 .normal-use-btn {
  margin: 0 0 0 520px;
}

.titleBox5{
  width: 100%;
  height: 800px;
  background-color: #FFF;
  background-size: 100% 100%;
}
.titleBox5 .autoBox{
  width: 1200px;
  margin: 0 auto;
}
.titleBox5 .autoBox p{
  font-size: 28px;
  color: #1D2843;
  text-align: center;
  padding: 60px 0 46px 0;
}
.titleBox5 .autoBox .contentBox{
  width: 100%;
  position: relative;
}
.titleBox5 .autoBox .contentBox .imgShow{
  /* background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/index-list33.png);
  background-size: 100% 100%; */
  width: 600px;
  height: 539px;
}
.titleBox5 .autoBox .contentBox .right{
  /* margin-left: 58px; */
}
.titleBox5 .autoBox .contentBox .right li{
  /* margin-bottom: 32px; */
  padding: 19px 15px 18px 40px;
  cursor: pointer;
}
.titleBox5 .autoBox .contentBox .right li p{
  height: 26px;
  padding: 0;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  background: #A7C1E5;
  border-radius: 13px 13px 0px 13px;
  color: #FFF;
}
.titleBox5 .autoBox .contentBox .right li .imgShow{
  position: absolute;
  width: 600px;
  height: 539px;
  left: 0;
  top: 0;
  background-size: 100% 100%;
}
.titleBox5 .autoBox .contentBox .right li:nth-child(1) p{
  width: 119px;
}
.titleBox5 .autoBox .contentBox .right li:nth-child(2) p{
  width: 135px;
}
.titleBox5 .autoBox .contentBox .right li:nth-child(3) p{
  width: 172px;
}
.titleBox5 .autoBox .contentBox .right li:nth-child(4) p{
  width: 119px;
}
.titleBox5 .autoBox .contentBox .right li.active p{
  background-color: #2872D9;
}
.titleBox5 .autoBox .contentBox .right li.active{
  border: 1px solid #C9CEFF;
  box-shadow: 0px 0px 20px rgba(49,109,185,0.1400);
  border-radius: 12px;
}
.titleBox5 .autoBox .contentBox .right li span{
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #253E7B;
  margin: 9px 0 8px 0;
}
.titleBox5 .autoBox .contentBox .right li i{
  width: 462px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #585E6C;
}
.titleBox6{
  width: 100%;
  height: 760px;
  background-image: url(//static.3wt.net.cn/static/3wt.net.cn/images/newIndex/index-background1.png);
  background-size: 100% 100%;
}
.titleBox6 .autoBox{
  width: 1200px;
  margin: 0 auto;
}
.titleBox6 .autoBox p{
  font-size: 28px;
  color: #1D2843;
  text-align: center;
  padding: 60px 0 50px 0;
}
.titleBox6 .autoBox .contentBox{

}
.titleBox6 .autoBox .contentBox .topBox{
  width: 100%;
}
.titleBox6 .autoBox .contentBox .topBox li{
  width: 374px;
  height: 326px;
  background-color: #FFF;
}
.titleBox6 .autoBox .contentBox .topBox li img{
  width: 100%;
  height: 180px;
  display: block;
}
.titleBox6 .autoBox .contentBox .topBox li .center{
  width: 100px;
  height: 40px;
  border-bottom: 4px solid #ECEDF6;
  font-size: 18px;
  font-weight: 500;
  color: #1D2843;
  margin: 15px auto 0;
  text-align: center;
}
.titleBox6 .autoBox .contentBox .topBox li .bottom{
  width: 100%;
  padding: 12px 30px 21px;
}
.titleBox6 .autoBox .contentBox .topBox li .bottom .item{

}
.titleBox6 .autoBox .contentBox .topBox li .bottom .item p{
  color: #1D2843;
  padding: 0;
  font-size: 20px;
  text-align: center;
}
.titleBox6 .autoBox .contentBox .topBox li .bottom .item p span{
  color: #1D2843;
}
.titleBox6 .autoBox .contentBox .topBox li .bottom .item span{
  color: #585E6C;
  font-size: 14px;
  text-align: center;
}
.titleBox6 .autoBox .contentBox .bottomBox{
  width: 100%;
  margin-top: 28px;
}
.titleBox6 .autoBox .contentBox .bottomBox .item{
  width: 572px;
  height: 198px;
  background: #FFF;
  border-radius: 4px;
  padding: 23px 44px 31px 44px;
}
.titleBox6 .autoBox .contentBox .bottomBox .item .top{
  border-bottom: 1px solid #EDEDEE;
  padding-bottom: 7px;
}
.titleBox6 .autoBox .contentBox .bottomBox .item .top p{
  font-size: 18px;
  line-height: 28px;
  color: #1D2843;
  padding: 0;
}
.titleBox6 .autoBox .contentBox .bottomBox .item .top img{
  width: 174px;
  height: 36px;
}
.titleBox6 .autoBox .contentBox .bottomBox .item .bottom{
  font-size: 14px;
  line-height: 28px;
  color: #1D2843;
  margin-top: 23px;
}
.titleBox7{
  width: 100%;
  height: 516px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F2F5FF 100%);
}
.titleBox7 .autoBox{
  width: 1200px;
  margin: 0 auto;
}
.titleBox7 .autoBox p{
  font-size: 28px;
  color: #1D2843;
  text-align: center;
  padding: 60px 0 50px 0;
}
.titleBox7 .autoBox .contentBox{
  width: 100%;
  height: 291px;
  border: 1px solid #ECEDF6;
  border-radius: 4px;
  padding: 40px 48px 37px;
  /* background: linear-gradient(180deg, #FFFFFF 0%, #F2F5FF 100%); */
  background:#FFF;
}
.titleBox7 .autoBox .contentBox .item{
  width: 320px;
  height: 100%;
}
.titleBox7 .autoBox .contentBox .item .title{
  margin-bottom: 14px;
}
.titleBox7 .autoBox .contentBox .item .title .left{

}
.titleBox7 .autoBox .contentBox .item .title a{
  color: #8A889A;
  font-size: 14px;
}
.titleBox7 .autoBox .contentBox .item .title a:hover{
  color: #2872D9;
}
.titleBox7 .autoBox .contentBox .item .title .left img{
  width: 24px;
  height: 24px;
}
.titleBox7 .autoBox .contentBox .item .title .left p{
  padding: 0;
  font-size: 20px;
  color: #1D2843;
  margin-left: 2px;
}
.titleBox7 .autoBox .contentBox .item ul{
width: 100%;
}
.titleBox7 .autoBox .contentBox .item ul a{
width: 100%;
margin: 9px 0;
}
.titleBox7 .autoBox .contentBox .item ul a p{
  display: block;
  width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  font-size: 14px;
  color: #1D2843;
  text-align: left;
}
.titleBox7 .autoBox .contentBox .item ul a:hover p{
  color: #2872D9;
}
.titleBox7 .autoBox .contentBox .item ul a:hover span{
  color: #2872D9;
}
/* .titleBox7 .autoBox .contentBox .item ul a p:hover{
  color: #2872D9;
}
.titleBox7 .autoBox .contentBox .item ul a span:hover{
  color: #2872D9;
} */
.titleBox7 .autoBox .contentBox .item ul a span{
  display: block;
  width: 320px;
  font-size: 12px;
  color: #585E6C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 26px;
}
.titleBox8 .normal-use-btn {
  margin: 0 0 0 520px;
}
.generalBtn{
  width: 160px;
  height: 40px;
  background: #2872D9;
  border-radius: 4px;
  color: #FFF;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-size: 18px;
}