/************基础样式************/

body{margin:0;padding:0;font:14px Arial,'Microsoft Yahei';background-color: #223162;}
div,form,ul,li,dl,dt,dd,img,input,span,h1,h2,h3,h4,h5,font,p{margin:0;padding:0;border:0;list-style:none;}
ul,li{padding:0px;margin:0px;list-style-type:none; }
input{height:34px;line-height:34px;padding-left:5px;background:none;outline:none;font-family:Arial,"Microsoft YaHei";font-size:16px;color:#fff;float:left;}
.clear{clear:both;font-size:0px;line-height:0px;width:0px;height:0px;visibility:hidden;}
a{color:#ddcafb;text-decoration:none;}
a:hover{color:#ddcafb;text-decoration:none;}
h2{}
body{margin:0;padding:0;font:14px Arial,'Microsoft Yahei';color:#000;}
.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}
a {cursor:pointer; width:100%; height:100%;}
.footer ul,li{ list-style:inherit;}

/* [class*="col"] { border: 1px solid red; } */ /* debug ??? */
[class*="section_"] { padding-top: 5em;  }
[class*="section_"]:nth-child(odd) { background: none !important; }
[class*="section_"]:nth-child(even) { background:  none !important; }

#rshares{width:74px; border:1px solid #373e61; position:fixed; top:50%; margin-top:-150px;right:2px;  z-index:9}
#rshares i{ display:block;}
#rshares .dialogue-btn{/*border-top:1px solid #373e61; */background-color:#baba00 !important; color: #1e1e1e !important;}
#rshares a,#rshares .dialogue-btn{width:; height:; background:#1b1b1b; display:block;padding:5px 0 5px 0; border-bottom:1px solid #212121; text-decoration: none; font-size:14px;color:#baba00;transition: all 0.36s ease-out 0s; text-align:center}
#rshares a:hover{color:#1e1e1e; background:#baba00;}

.hide-floor{display: none; list-style: none; position: absolute; top:100px; left: -178px ;  transition:all .4s;}
#rshares .dialogue-btn:hover .hide-floor{display: block;}
#rshares .dialogue-btn:hover .hide-floor li{float: left; display: inline-block; }
#rshares .dialogue-btn:hover .hide-floor li a{display: block; padding:10px 0; width: 69px; height: 83px; }
#rshares .dialogue-btn .hide-floor li a img{margin-bottom:5px; width:32px;}

#rshares .dialogue-btn span,#rshares a span{font-size: 0.7rem; margin-bottom: 5px; display: block;}
#rshares .dialogue-btn span{margin-bottom: 11px;}
#rshares .gotop{ padding:8px 0; }	


.hyimg img{ width:100%;}

/*头部*/
.header{height:78px; top:0;position:fixed;width:100%; z-index: 9999;}


/*banner*/
.banner{top: 0; background: initial !important; position: relative;}
.banner img{ /*width:100%;*/ }
.ad{margin:0 auto;text-align:center; width:1200px;}
.banner .inner{width: 7.5rem;height:7rem; margin: 0 auto;background:url(../images/bg.jpg) no-repeat top center !important; overflow: hidden;background-size: cover !important;}

/* 输入手机号注册抢领 */
.banner-box__warp{margin-bottom: .4rem; width: 7.5rem; height: 6rem; margin: auto;}
.banner-box{position:relative; width: 7.1rem; margin: 0 auto;}
.banner-phone{position:absolute; top: -1rem; left:0; right:0; width: 100%;  margin: 0 auto; border-radius: 15px; overflow: hidden;}
.banner-phone-wrapper{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.banner-phone-wrapper .regindex{width:100%; background-color: #5D26C1;}
.tel-outbox{width: 5.36rem; margin: auto;}
.phone-title{width: 100%; height: 1.06rem; background:url(../images/bbox_bg.png) no-repeat;background-size: cover;}
.phone-title span img{width: 0.41rem;height: 0.19rem;display: block;}
.banner-phone-wrapper h2{margin-top: .07rem; padding:0 !important; height: .66rem; line-height: .66rem; color: #333 !important; text-align: center; font-weight:600 !important; font-size: 0.36rem !important;opacity:1 !important;}
.tel-box{width: 100%;margin: 0 auto; padding-bottom: 0.31rem;border-radius: .12rem;display: flex;flex-direction: column;}
.input-sec{margin-top: 0.3rem;width: 100%;position: relative;}
.tel-box input::placeholder{color: #b2b2b2;}
.tel-box .register_text{width: 100%; height:0.72rem; padding:0.23rem 0 0.23rem 0.5rem;box-sizing: border-box;color: #282828;font-size: 0.3rem;font-weight: 500;border: 0;background-color: #EEEEEE;border-radius: .12rem;}
.tel-box .register_text2{width: 100%; height:0.72rem; padding:0.23rem 0 0.23rem 0.5rem;box-sizing: border-box;color: #282828;font-size: 0.3rem;font-weight: 500;border: 0;background-color: #EEEEEE;border-radius: .12rem;display: block;}
.tel-box .getcode{height: 100%;width: 2.11rem; background:#ffe3a9;color: #333333 !important;opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;font-size: 0.3rem;display: flex;text-align: center;justify-content: center;align-items: center;position: absolute;right: 0;top: 0;border-radius:0 .12rem .12rem 0; border: 0;}
.banner-checked{display: flex;align-items: center;justify-content: center;padding-bottom: 0.5rem;}
.banner-checked span{font-size: 0.22rem;color: #909090;padding-left: 0.05rem;font-weight: bold;}
.banner-checked span>span{color: #333333;}
.banner-checke input:checked{border: 0;}
.banner-button {display: flex;justify-content: center;align-items: center;background:#ffe3a9;border-radius:1rem; height:.72rem; width:100%;opacity:.8;}
.banner-button input{ height:100%; color: #333; background:initial; width:100%; border:0; font-size:.32rem; font-weight: 600; cursor: pointer;}
.banner-phone-wrapper p{font-size: 12px;color: #FFFFFF !important;font-weight: bold;text-align: center;padding-top: 0.3rem;padding-bottom: 0.4rem; opacity: .6;}
.tel-img img{width: 0.53rem;height: 0.42rem;display: block;}
.phone-bottom{height: 0.38rem;}
.banner-checked span>span a{color: #ffd99b !important; opacity: .6;}
#reg_agreement{width: .2rem; height: .2rem;}


.title{display: flex;justify-content: center;align-items: center; padding:.6rem 0;}
.title h2{color: #fff;font-size: .44rem;padding: 0 .2rem;font-weight: bold;}
.title img{width: .2rem;height: .2rem;}

.partwrapper .part1text{color: #333333;font-size: .22rem;margin-top: .2rem;text-align: center;margin-bottom: .2rem;}
.rp{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: .5rem;}
.rpitem{width: 3.74rem;height: 2.08rem;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;font-weight: bold;transition: all 0.4s;}
.rpitem:nth-of-type(1){background: url(../images/rp01.png) no-repeat;background-size: 100% 100%;}
.rpitem:nth-of-type(2){background: url(../images/rp02.png) no-repeat;background-size: 100% 100%;}
.rpitem:nth-of-type(3){background: url(../images/rp03.png) no-repeat;background-size: 100% 100%;}
.rpitem:hover{transform: translateY(-6px);}
.rpitem h2{color: #fffd67;font-size: .28rem;font-weight: bold;margin-top: .3rem;}
.rpitem p:nth-of-type(1){color: #fff;font-size: .26rem;margin-top: .1rem;}
.rpitem p:nth-of-type(2){color: #fff;font-size: .22rem;margin-top: .8rem;}
.rpitem p:nth-of-type(2) span,.rpitem p:nth-of-type(3) span,.rpitem p:nth-of-type(4) span{color: #fffd67;}
.rpitem p:nth-of-type(3){color: #fff;font-size: .22rem;}
.rpitem img{width: .2rem;height: .2rem;display: block;margin: .08rem auto;}
.rpitem p:nth-of-type(4){color: #fff;font-size: .22rem;}

.hdbtn{width: 1.45rem;height: .42rem;border-radius: .24rem;display: flex;justify-content: center;align-items: center;color: #ffffff;font-size: .2rem;background-color: #ff821b;margin: 0 auto;margin-bottom: .5rem;cursor: pointer;}
.modal{z-index: 9999 !important;}
#exampleModalLong td{vertical-align: middle;}

h2{font-size: .2rem; font-weight:400 !important;}
p{font-size:.16rem; line-height:1.5;}

.part3{position: relative; margin:0 auto .4rem; width: 7.5rem; padding:0 .1rem;}
.part3 .part3-content{flex-wrap: wrap; min-height:4.82rem;}
.part3 .inner{padding: .6rem 0; width:41%; height: 5.06rem; text-align:center; background-color: #FFFFFF;  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); position: relative; z-index: 10;}
.part3 .inner:first-child{border-radius: .16rem 0 0 .16rem;}
.part3 .inner:last-child{border-radius:0 .16rem .16rem 0  ;}
.part3 .part3-content:before{
	content: ""; margin: auto; width: 30%; height: 4rem;
	position: absolute; top: 0; bottom: 0; left: 0rem;
  background-color: #fff;
  z-index: 9; border-radius: .08rem;
}
.part3 .part3-content:after{
	content: ""; margin: auto; width: 30%; height: 4rem;
	position: absolute; top: 0; bottom: 0; right: 0rem;
  background-color: #fff;
  z-index: 9; border-radius: .08rem;
}
.part3 .inner__center{position: relative; z-index: 100; height: 5.06rem;}
.part3 .inner__center .img1{display: block;height: 100%;}
.part3 .inner__center .img2{display: none; width: 100%;}
.part3 .inner .title__mei{margin-bottom: .32rem;}
.part3 .inner .title__mei h2{color:#3e60bf !important;  }
.part3 .inner p{ padding:0 .32rem; text-align:left;}
.part3 .inner p span{ color:#2766E5; font-weight:bold;}

.part1{margin:0 auto .4rem; width: 7.5rem; padding:0 .2rem;}
.part2{margin: auto; width: 7.5rem; padding:0 .2rem;}
.part2 .yyui_tab_card > .yyui_tab_content_this{padding-bottom: .6rem;}
/*选项卡_card卡片样式****************************************************************************/
.yyui_tab_card{ background-color:#fff;border-radius:.14rem ;font-size:.14rem;}
.yyui_tab_card > ul{ }
.yyui_tab_card > ul > .yyui_tab_title{box-sizing:border-box;color:#333333; cursor:pointer; display:inline-block; letter-spacing:0px;
}
.yyui_tab_card > ul > .yyui_tab_title_this{box-sizing:border-box;color:#333333;  }
.yyui_tab_card > .yyui_tab_content{ display:none; background-color:#ffffff; }
.yyui_tab_card > .yyui_tab_content_this{ display:block; box-sizing:border-box;}

.gdbody{}
.gdtab1{ display:flex;}
.gdtab1 li{ width:50%; text-align:center; height:.88rem; line-height:.88rem; font-size:.24rem;}
.gdtab1 li.yyui_tab_title_this{ background:#fff !important;}
.gdtab1 li.yyui_tab_title{ background:#B2C4EF !important;}

.gdcontent{display: flex;  padding:.32rem;}
.gdtab2{  margin-right:.8rem;}
.gdtab2 li{ display:block !important;text-align:center;margin-bottom:.3rem; padding:.1rem 0px !important; border-radius:.16rem;width:1.6rem;}
.gdtab2 li.yyui_tab_title_this{ background:#5d7bec; color:#fff;border-radius:.16rem !important;}
.gdtab2 li.yyui_tab_title{ background:#e1e1e1 !important;}
.gdcontent2{ }
.gdcontent img{width: 100%; }
.gdms{ padding:.5rem; padding-bottom:.16rem; font-size:.18rem;}
.gdms1{ margin:0 .50rem 0 .50rem; padding:.3rem; background:#dee8fd; border-radius:.16rem;}


.gdtip{margin:.4rem auto; width: 7.5rem; padding:0 .2rem;}
.gdtip p{color: #fff;}

@media (min-width: 1200px){
	.container { max-width: 1140px ;}
}
	
	
@media (max-width: 750px){
	.gdcontent{display: flex; flex-direction: column;}
	.gdtab2{margin: 0 0 .24rem; width: 100%; display: flex; justify-content: center; }
	.gdtab2 li{margin: auto .08rem;}
	h2{font-size: .4rem;}
	p{font-size:.28rem;}
	
	.part3 .part3-content:after,
	.part3 .part3-content:before,
	.part3 .inner__center .img1{display: none;}
	.part3 .inner__center{width: 100%;height: initial;}
	.part3 .inner__center .img2{display: block; width: 100%;}
	.part3 .inner:first-child{border-radius: .16rem .16rem 0 0 ;}
	.part3 .inner:last-child{border-radius:0 0 .16rem .16rem ;}
	.part3 .inner{width: 100%; height: initial;}
	.part3 .inner:first-child{}
	.part3 .part3-content{flex-direction: column;}

	.title h2{font-size: .44rem !important;}
	.gdtab1 li{font-size: .32rem;}
	.gdtab2 li{padding:.1rem !important; width: 1.4rem !important; font-size: .24rem;}
	.gdtab2content,
	.yyui_tab_title_this,
	.yyui_tab_title ,
	.gdms1 p,
	.gdms{font-size: .32rem; line-height: 1.5 ;}
	.gdtip p{font-size: .28rem;}
	}


@keyframes opacity-alt2 {
	0% {transform: scale(0);}
	100% {transform: scale(1);}
	}


@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(25px, 0, 0);
	}

	75% {
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		transform: translate3d(10px, 0, 0);
	}

	100% {
		transform: none;
	}
}