/*
 *  http://qietu.com

/*reset*/
 html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}



/*common*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/*文字两侧对齐*/
.justify {
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
	.justify:after{
		content:".";
		display: inline-block;
		width:100%;
		overflow:hidden;
		height:0;
	}
}

  a{ color:#5d5d5e; transition: all 0.3s ease-in-out 0s;}
  a:hover{ color:#3e6ed4;}
 
body{font-family: "Microsoft YaHei",sans-serif;}

.css3{
	/*transition: all 0.3s ease-in-out 0s;*/
	
	-webkit-transform:translate3d(0, -20px, 0);
	-ms-transform:translate3d(0, -20px, 0);
	transform:translate3d(0, -20px, 0);
	
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	-webkit-transition-duration:1000ms;
	transition-duration:1000ms;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	
	-webkit-transition-delay:800ms;
	transition-delay:800ms
}
.css3.animated{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}

body,select,input,view,text,button,textarea{
    font-family:'PingFang SC','microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
}
body{
    background-color: #19009e; color: #ffffff; font-size: 26px; padding-bottom: 195px;
}
.wrapper{
    width: 1220px; margin: 0 auto;
}
a:hover{
    text-decoration: none;
}
.qnds-header{
    background: url(../images/qnds-banner.jpg) no-repeat center/cover; height: 750px; display: flex; justify-content: center; 
    /*align-items: center;*/
   padding-top: 180px;
}
.qnds-header__title{
text-align: center;
}
.qnds-header__subtitle{
	text-align: center; margin-top: 50px; font-size: 32px;
}

.qnds-header__btn{
    margin-top: 50px;text-align: center;
}
.qnds-header__btn a{
    display: inline-block; font-size: 26px;color: #fff; padding: 0 65px; background-color: #ff00ff; border-radius: 35px; 
    height: 60px; line-height: 60px;
}

.qnds-header__btn a:hover{
    background-color: #dd00dd;
}
.common-title{
    margin-top: 95px; text-align: center; font-size: 40px; margin-bottom: 50px; font-weight: bold;
}
.common-title::after{
    content: ""; display: block; margin: 0 auto; width: 210px;height: 10px; border-radius: 10px; background: url(../images/qnds-titbg.png) no-repeat center/cover; margin-top: 25px;
}
.qnds-aobut__body{
    line-height: 1.7; margin-bottom: 40px;text-align: justify;
    font-size: 24px;
}
.qnds-set__body{
 display: flex; gap:15px; margin-bottom: 40px; flex-wrap: wrap;
}
.qnds-set__body .card{
background:#007aff;
  border-radius: 22px;padding: 40px 15px; width:600px; position: relative;
}
.qnds-set__body .card:nth-child(2){
     background: #5b00f4 !important;
}
.qnds-set__body .card:nth-child(3){
     background: #0000ff !important;
}
.qnds-set__body .card:nth-child(4){
     background: #ff00ff !important;
}
.qnds-set-icon{
    position: absolute; right: 20px; top:16px;
}
.qnds-set-title{
    font-size: 36px; color: #ffffff;margin-bottom: 25px; font-weight: bold; line-height: 1.5;position: relative; z-index: 1;
}

.qnds-set-desc{
    font-size: 24px; line-height: 1.7;text-align: justify;position: relative; z-index: 1;
}

.qnds-plan__body{
   margin-bottom: 40px; padding-top: 30px; background: #8022ff url(../images/qnds-plan-bg.png) no-repeat center/cover; border-radius: 26px; padding: 75px 30px;
}
.qnds-plan__body ul{
     position: relative;
}
.qnds-plan__body ul::before{
    position: absolute; left: 300px; top: 0; bottom: 0;border-left: 2px solid #ffffff; content: "";
}
.qnds-plan__body .time{
   text-align: right;  font-size: 36px; width: 270px; flex-shrink: 0; margin-right: 80px;
}
.qnds-plan__body .tit{
    font-size:36px ; color: #1700a1; background: #fff; height: 46px; line-height: 46px; border-radius:46px ;  width: 205px;text-align: center; flex-shrink: 0; margin-right: 16px;
}
.qnds-plan__body .tip{
    font-size: 24px; line-height: 1.4;
}
.qnds-plan__body li{
     position: relative; display: flex; align-items: center; padding: 16px 0; margin-bottom: 50px;
}
.qnds-plan__body li:last-child{
    margin-bottom: 0;
}
.qnds-plan__body li::before{
    content: "";width: 30px; height: 30px; border-radius: 50%;  display: block;
    position: absolute ; left: 300px; top: 50%; margin-top: -15px; margin-left: -15px; border: 7px solid rgba(192,155,255,0.56); background: #fff;
}
.qnds-condition__body,
.qnds-rule__body{
 display: flex; gap:15px; margin-bottom: 40px; flex-wrap: wrap;
}
.qnds-condition__body .card,
.qnds-rule__body .card{
background:#3400ec;
  border-radius: 22px;padding: 40px 25px; width:600px; position: relative;
}
.qnds-rule__body .card{
    font-size: 24px; display: flex ; line-height: 1.7;
}
.qnds-rule-num{
width: 26px; height: 26px; border-radius: 26px; background-color: #f200ff; flex-shrink: 0; text-align: center; line-height: 26px; font-size: 17px;  margin-right: 13px; margin-top: 6px;
}
.qnds-condition-title{
    font-size: 36px; color: #ffffff;margin-bottom: 25px; font-weight: bold; line-height: 1.5;position: relative; z-index: 1; 
}
.qnds-condition-desc{
    font-size: 24px; line-height: 1.7;text-align: justify;position: relative; z-index: 1;
}
.qnds-condition-desc p{
    position: relative;padding-left: 24px;
}
.qnds-condition-desc p::before{
    content: ""; width: 8px; height: 8px; border-radius: 50%;  display: block;
    position: absolute ; left: 0; top: 18px; background-color: #fff;
}
.qnds-award__body{
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
	
}
.qnds-award__item{
	padding: 45px 20px 45px 20px;
	border-radius: 26px;
	 background: #fff;
	 width: 100%;
}
.qnds-support__body{
     display: flex; gap:15px; margin-bottom: 40px; flex-wrap: wrap;
}
.qnds-support__body .card{
    border-radius: 22px;
    padding: 20px 15px;
    width: 395px;
    background-color: #0000ff; background-position: center; background-size: cover; background-repeat: no-repeat;
}
.qnds-support__body .card:nth-child(1){
background-image: url(../images/qnds-support-bg1.png);
}
.qnds-support__body .card:nth-child(2){
background-image: url(../images/qnds-support-bg2.png);
}
.qnds-support__body .card:nth-child(3){
background-image: url(../images/qnds-support-bg3.png);
}
.qnds-support__body .card:nth-child(4){
background-image: url(../images/qnds-support-bg4.png);
}
.qnds-support__body .card:nth-child(5){
background-image: url(../images/qnds-support-bg5.png);
}
.qnds-support__body .card:nth-child(6){
background-image: url(../images/qnds-support-bg6.png);
}
.qnds-support-title{
    font-size: 32px; margin-bottom: 10px;font-weight: bold;
}
.qnds-support-desc{
    font-size: 22px; text-align: justify; letter-spacing: 1px;
}
.qnds-award__body  .img{
text-align: center; width: 275px; margin: 0 auto; position: relative;
}
.qnds-award__body .img img{
    display: inline-block;
}
.qnds-award__body  .img i{
    display: inline-block;
	width: 54px; height: 54px; line-height: 54px;
	text-align: center; color: #fff;
	background: #ff00ff;
	font-size: 22px; border-radius: 54px;
	margin-left: 15px;
	vertical-align: middle;
	position: absolute; right: -20px; top: 0;
}
.qnds-award__body .btn{
    font-size: 26px;background-color: #ff00ff; height: 45px; line-height: 45px; width: 275px; text-align: center; margin: 25px auto 0 auto; border-radius: 26px;
}
.qnds-award__body .qnds-award__item:nth-child(2) .btn{
	background-color: #2200ff;
}
.qnds-award__body .qnds-award__item:nth-child(3) .btn{
	background-color: #37b0ff;
}
.qnds-award__body p{
    text-align: center; font-size: 26px; color: #2d009b; margin-top: 20px;
}
.qnds-award__msg {
	text-align: center; margin-bottom: 20px; font-size: 34px;
}
.qnds-award__msg strong{
	color: #ff00ff;
}
.qnds-adv__body{
	padding: 60px 45px;
	border-radius: 22px; background: #0e0074; line-height: 1.7;
	color: #fff;
}

.qnds-adv__body blockquote{
	background: #0e0074;
	 position: relative;
	 padding: 30px;
	 border-radius: 30px 0 30px 0;
	 margin-bottom: 30px;
	 font-size: 24px; line-height: 42px;
}

.qnds-cotnact__body{ 
	background: #0e0074;
	color: #fff;
	border-radius: 22px;
	padding: 70px 60px 50px;
	display: flex;
	justify-content: space-between;
	
}
.qnds-cotnact__body .txt{
	font-size: 28px;
	line-height: 85px;
	margin-top: -25px;

}
.qnds-cotnact__body .img img{
	width: 200px;
	border-radius: 10px;
}



/*-----*/
.qnds-header{ background-color: #110205;}
	.wow{visibility: hidden;}
	.qnds-plan__body li::after{top: -22px;}
	.qnds-plan__body li:hover::after{transition: all 0.2s; top: -24px;}


@media (max-width:1250px) {
    /* ========== 原来1250断点全部代码放这里 ========== */
    .wrapper{
        width: 90%;
    }
    body{
        padding-bottom: 50px;font-size: 20px;
    }
    .qnds-header{
        height: 650px;
    }
    .qnds-header__title img{

    }
    .qnds-header__btn{
        margin-top: 60px;
    }
    .qnds-header__btn a{
        font-size: 18px; padding: 0 40px; height: 40px; line-height: 40px;
    }
    .common-title{
        font-size: 22px;margin-top:65px;    margin-bottom: 35px;
    }
    .common-title::after{
        width: 80px; height: 4px;margin-top: 12px;
    }
    .qnds-set-title{
        font-size: 18px;margin-bottom: 15px;
    }
    .qnds-set-desc{
		font-size: 16px; line-height: 1.7;
    }
   
    .qnds-set__body{
        flex-wrap: wrap;
    }
    .qnds-set__body .card{
        padding: 20px 20px; border-radius: 16px; width: 49%;
    }
    
    .qnds-award__body .tit{
        font-size: 20px;
    }
    .qnds-award__body{
    	display: block;
    }
    .qnds-award__item{
        padding: 20px 20px; border-radius: 16px; margin-bottom: 15px;
    }
    .qnds-award__body .img{
        width: 160px;
    }
   .qnds-award__body .img img{
    height: 50px;
   }
   .qnds-award__body .btn{
    font-size: 18px; height: 40px; line-height: 40px; width:160px; margin-top: 15px;
   }
   .qnds-award__body .img i{
    font-size: 16px; width: 36px; height: 36px; line-height: 36px; right: -46px;
   }
   .qnds-award__body p{
    font-size: 18px; margin-top: 10px;
   }
   .qnds-support__body .card{
    border-radius: 16px; width: 100%;
   }
   .qnds-support-title{
    font-size: 20px; margin-bottom: 8px;
   }
   .qnds-support-desc{
    font-size: 16px;
   }
   .qnds-set-icon img{
    width: 50px;
   }
   .qnds-condition__body .card, .qnds-rule__body .card{
    border-radius: 16px; width: 100%; padding: 20px 15px;
   }
   .qnds-rule-desc{
     font-size: 16px;   
    }
    .qnds-rule-num{
        width: 20px; height: 20px; line-height: 20px; font-size: 14px; margin-right: 5px; margin-top: 3px;
    }
   .qnds-condition-title{
    font-size: 20px; margin-bottom: 10px;
   }
   .qnds-condition-desc p{
    font-size: 16px; padding-left: 16px;
   }
   .qnds-condition-desc p::before{
    width: 5px; height: 5px; top: 11px;
   }
    .qnds-adv__body{
          padding: 25px 20px; border-radius: 16px; font-size: 16px;
    }
    .qnds-adv__body blockquote{
    	padding: 15px; font-size: 16px; line-height: 1.8;
    border-radius: 20px 0 20px 0;

    }
    .qnds-adv__body blockquote i{
    	    width: 30px;
    height: 30px;
    left: -30px;
    font-size: 14px;
    }
    .qnds-adv__body .tit{
        height: 45px; line-height: 45px;
    }
    .qnds-adv__body .desc{
        font-size: 18px; margin-top: 22px;
    }
    .qnds-adv__body li{
        margin-bottom: 40px;
    }
    .qnds-cotnact__body{
        padding: 25px 20px; border-radius: 16px;
    }
    .qnds-cotnact__body .txt{
        font-size: 22px;
    }
    .qnds-cotnact__body .img img{
        width: 150px;
    }

    /* ========== 下面保留你原有780覆盖样式，自动覆盖上面重复属性 ========== */
    .qnds-header__title img{
		max-height: 100px;
    }
    .qnds-header{
        height: 400px;
        padding-top: 100px;
    }
    .qnds-header__subtitle{
    	margin-top: 20px; font-size: 18px;
    }
    
    .qnds-header__btn {
        margin-top: 20px;
    }
    .qnds-header__btn a{
        font-size: 18px;
    }
    .qnds-aobut__body{
        font-size: 16px; 
    }
    .qnds-set__body{
        display: block;
    }
    .qnds-set__body .card +.card{
        margin-top: 20px;
    }
    .qnds-set__body .card{
        width: 100%;
    }
    .qnds-plan__body{
       border-radius: 16px; padding-top: 16px; padding-bottom: 16px;
    }
    .qnds-plan__body ul{
      
    }
    .qnds-plan__body ul::before{
        left: -10px;
    }
    .qnds-plan__body li{
       display: block; margin-bottom: 0;  padding-left: 16px;
    }
    .qnds-plan__body li::before{
        width: 20px; height: 20px; top: 50%; left: 0; margin-left: -20px;
    }
    .qnds-plan__body .time{
        text-align: left; width: auto; font-size: 20px; margin-right: 0;
    }
    .qnds-plan__body .tit{
        font-size: 18px; width: 160px; height: 28px; line-height: 28px;  margin-top: 10px;
    }
    .qnds-plan__body .tip{
        font-size: 16px; margin-top: 10px;
    }
    .qnds-award__body .item__bd ul{
        display: flex; flex-wrap: wrap; gap: 3%;
    }
    .qnds-award__body .item__bd li{
        width: 30%;  border-right: 0; padding-bottom: 20px;  text-align: center; padding-left: 0;
    }
    .qnds-award__body .item__bd li h4{
        display: inline-block; text-align: left;
    }
    .qnds-award__body .tip{
        margin-top: 30px;
    }
    .qnds-cotnact__body{
        display: block;
    }
    .qnds-cotnact__body .txt{
        line-height: 1.6; font-size: 18px; margin-top: 0;
    }
    .qnds-cotnact__body .img img{
        width: 120px;margin: 15px auto; display: block;
    }
    
}
/* index */
.qnds{
    min-height: 100vh; background-color: #231596; padding-bottom: 0;
}
.qnds-head{
    height: 135px;
	display: flex; align-items: center; 
}
.qnds-head .wrapper{
	height: auto; overflow: hidden;
}
.qnds-head__logo{
	float: left;
}
.qnds-banner{
    height: 685px;background:#003ce0 url(../images/qnds-hbanner.jpg) no-repeat center / cover;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px; text-align: center;
}
.qnds-banner__subtitle{
    font-size: 43px; margin-top: 30px;
}
.qnds-banner__btns{
    margin-top: 85px; display: flex; justify-content: space-around;
}
.qnds-banner__btns .btn{
    display: inline-block; width: 212px; height: 57px; line-height: 57px; font-size: 24px; color: #fff; background-color: #005cff; border-radius: 57px; position: relative;
}
.qnds-banner__btns .btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius:60px;
  /* 蓝到浅蓝细微渐变边框 */
  background: linear-gradient(to right, #7a26ff,#2c75ff, #00efff);
  z-index: -1;
  /* 控制边框粗细：向外扩张2px */
  transform: scale(1.013);
}
.qnds-banner__btns .btn::after{
    content: ""; display: block; position: absolute ; right: 18px; top: 50%; margin-top: -5px; background: url(../images/qnds-banner-btn.png) no-repeat; width: 18px; height: 11px; background-size: cover;
}
.qnds-banner__btns .btn:hover{
    background-color: #ff00ff;
}
.qnds-foot{
    display: flex;  text-align: center; padding: 52px 0; font-size: 28px; line-height: 1.6;
}
@media (max-width:1250px) {
    .qnds-head{
       height: auto; padding: 30px 0;
    }
    .qnds-banner__title img{
        height: 21px;
    }
    .qnds-head__logo img{
        height: 20px;
    }
    .qnds-banner{
    height: 650px;
}
.qnds-banner__title img {
        height: 41px;
    }
     .qnds-banner__subtitle {
        font-size: 20px;
    }
    
    .qnds-banner__btns{
        margin-top: 30px; flex-wrap: wrap;
    }
    .qnds-banner__btns .btn{
        width: 140px; height: 46px; line-height: 46px; font-size: 16px; margin: 6px;
    }
    .qnds-banner__btns .btn::after{
        width: 16px; height: 9px;
    }
    .qnds-foot{
        font-size: 16px;
    }
}
@media (max-width:980px) {
.qnds-banner{
        height: auto; padding: 60px 0;
    }
    .qnds-banner__title img {
        height: 21px;
    }
    .qnds-banner__subtitle{
        font-size: 16px; margin-top: 15px;
    }
}


/*登录弹窗*/
.qnlogin{
	background: #fff;border-radius: 25px !important;
}
.phone-list a{
	font-size: 14px;
}
.qnlogin .form .attr a{
	color: blue !important;
}

/*==========*/
.fnWrap2{
    font-size: 20px;
    line-height: 2;
    color: #fff;
    cursor: pointer;
    float: right;
}
.fnWrap2 a{
	color: inherit;
}
.fnWrap2 >img{
	width: 22px; height: 22px; vertical-align: middle; margin-right: 5px; position: relative; top: -1px;
}
.language_class {
    opacity: .6;
}
.activeLang, .language_class:hover {
    opacity: 1;
}
.qnds-msg__body{
	    background-color: #0e0074;
    padding: 70px 60px 50px;
    border-radius: 22px;
}

.layui-layer-iframe iframe{
	border-radius: 20px;
}
.layui-layer-dialog .layui-layer-padding{
	color: #000;
}

@media only screen and (max-width: 1250px) {
	.fnWrap2{
    	font-size: 12px;
    }
    .layui-layer{
    	max-width: 86%;
    }
    .m-dialog-tabhd li{
    	font-size: 15px; line-height: 46px; padding-bottom: 0;
    }
    .m-dialog-tabbd .form .item-l{
    	width: 100%; text-align: left; line-height: 1; font-size: 14px;
    }
    .m-dialog-tabbd .form{
    	margin-top: 15px; padding: 15px 0 0;
    }
    .m-dialog-tabhd ul{
    	padding-top: 0;
    }
    .m-dialog-tabhd{
    	height: 46px;
    }
    .m-dialog-tabbd{
    	padding-top: 0;
    }
    .m-dialog-tabbd .form li{
    	margin-bottom: 15px;
    }
    .m-lay1.layui-layer{
    	border-radius: 10px; overflow: visible;
    }
    .login-footer-row .item-l,
    .agreement-row .item-l{
    	display: none !important;
    }
    .m-lay1 .layui-layer-setwin .layui-layer-close2 {
	    top: -55px;
	    right: -20px;
	    width: 24px; height: 24px; background-size: cover;
	}
	.qnds-award__msg{
		font-size: 16px;
	}
	.qnds-msg__body{
		padding: 15px;
	}
}