@charset "utf-8";
/* Reset CSS */
html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul{ margin:0; padding:0;}
article, aside, figure, footer, header, menu, nav, section, summary, time{display:block; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 .12rem "poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
input,textarea{ outline:none;}
img{ max-width:100%;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333; overflow-x: hidden;}
.hide{display: none;}
 textarea:focus{outline: none;}
.homebot b{ font-weight: normal;} 
.content {display: flex;height: 7.5rem;}
.wrap { width: 100%;position: relative; background: url("../support/img/cancel_subscription_bg@2x.png") no-repeat; background-size: cover; overflow: hidden;} 
.wrap_ar{ direction:rtl;}
/*.submit_cancel,*/.submit_success{ display: none;}
.submit_cancel { max-width: 8.4rem; margin: 0 auto;text-align: left; }
.submit_mobile{display: none;}
.cancel_main .submit_cancel h1{color: #333;font-family: Poppins;font-size: .48rem;font-style: normal;font-weight: 600;line-height: normal;}
.cancel_main{ box-sizing: border-box; max-width: 10rem;position: absolute;left: 9%;bottom: 10%; width: 100%; margin: 1rem auto; padding: .7rem .4rem; border-radius: .15rem; text-align: center; color: #000;} 
.cancel_main h1, .submit_success h2{ font-size: .42rem; font-weight: normal;}
.cancel_main h3 { font-size: .36rem; font-weight: 600; line-height: .54rem; margin-top: .1rem; }

.desc{ margin: .2rem auto; font-size: .18rem; line-height: .27rem;} 
.desc span { color: #FA8E33; font-size: .18rem; line-height: .27rem;}
.submit_ipt::after { content: "123"; display: block; width: .1rem; height: .1rem; position: absolute; top: 0; z-index: 9; }
.submit_item .shuruing{border-radius: .1rem;border: .02rem solid #333;}
.submit_item .focus{ background: linear-gradient(108deg, #DB74FF 0.14%, #256CFF 47.725%, #DB74FF 99.86%);background-size: 200% 100%;background-position: left;transition: background .3s;}
.submit_item .focus:hover{background-position: right;}
.submit_item{ width: 100%; max-width: 6.12rem; vertical-align: middle; margin:.25rem auto 0; position: relative; display: inline-block;} 
.submit_item input{width: 100%; height: .6rem; font-size: .16rem; box-sizing: border-box; display: block; padding: 0 3%; line-height: .58rem;border: none; background-color: #fff; position: relative; z-index: 2; border: .01rem solid #F0F0F0;border-radius: 0.1rem;}
.submit_ipt::placeholder{color: #999;font-size: .18rem;vertical-align: center;}
.submit_btn{max-width: 1.6rem;}
.submit_btn a {height: .6rem; display:block; margin: 0 auto; border-radius: .1rem;
	background: #333; font-size: .22rem; font-weight: 600; line-height: .6rem; color: #fff; position: relative; z-index: 2; text-align: center; text-decoration: none; cursor: pointer;margin-left: .1rem;} 
/* .submit_btn a:hover{ text-decoration: none; background-color: #7da5ff;} */
.submit_load{ width:1.1rem; position: absolute; bottom: 15%; left: 50%; transform: translateX(-50%);}
.ospop { background-color: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; }
.ospop_content { max-width: 8.22rem; box-sizing: border-box; width: 100%; max-height: 4.44rem;height: 100%; background: url(../support/img/content_bgimg.png) top center no-repeat; background-color: #fff; border-radius: .15rem; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: .6rem 0; text-align: center; }
.ospop_content h2 { font-size: .24rem; font-weight: 600; line-height: .36rem; margin: 0 auto; max-width: 6.6rem; margin-bottom: 0.2rem;}
.ospop_content h2 a { text-decoration: underline; color: #4992FF; font-size: .24rem; font-weight: 600; }
.ospop_content h2 p {max-width: 6rem; color: #000;text-align: center;font-family: Poppins;font-size: .18rem;font-style: normal;font-weight: 400;line-height: normal;margin: 0 auto;margin-top: 0.2rem;}
.ospop_content h2 span{font-size: .24rem;font-weight: 600;line-height: .36rem;}
.ospop_content h2 .thankyou{margin-top: 0;}
.btn_box{margin-top: 0.2rem;}
.btn_box a {font-size: .18rem; max-width: 2.6rem; width: 100%; box-sizing: border-box; height: .6rem;font-weight: 600; text-decoration: none; display: inline-block; line-height: .6rem; margin: 0 .1rem; border-radius: .1rem;transition: all .3s ease;}
.btn_box .btn_y { background-color: #fff; color: #999;border: .02rem solid #999; }


.btn_box .btn_n { border-radius: 8px;
    background: linear-gradient(108deg, #DB74FF 0.14%, #256CFF 47.725%, #DB74FF 99.86%);
    background-size: 200% 100%;
    background-position: left;
    transition: background .3s;color: #FFF;
	border: .02rem solid transparent;
 }
.btn_box .btn_n:hover{
		background-position: right;
	}
.ospop_close { position: absolute; top: .15rem; right: .2rem; color: #999; cursor: pointer; font-size: .3rem; font-weight: 400; }
.ipt_close{ position: absolute; top: .09rem; right: .2rem; color: #999; cursor: pointer; font-size: .3rem;z-index: 2; font-weight: 400;}
.submit_btn .disabled { border-radius: 0.1rem;background: #999;cursor:not-allowed }

.errmsg{ color: #f25454; font-size: .14rem; position: absolute; left: 0; bottom: 0;  opacity: 0;  transform: translateY(0); transition: all 0.3s ease-out;}
.errmsgshow{ transform: translateY(.25rem); opacity: 1;}
 
.mobile-button-style { border-radius: .05rem;background: linear-gradient(108deg, #FF1EC0 0.14%, #A750FF 36.46%,#6178FF 70.69%), #2C67FF;
	padding: 0; border: none; margin: .2rem auto 0; }
 .submit_success{ width: 78%; margin: 0 auto;}
 .note{ width: 90%; margin: .1rem auto; border: .01rem dashed #3f3f40; color: #fefad9; font-size: .16rem;}
 .note p{ margin: .2rem; line-height: 1.5;}


.wrap_ar .submit_item input{ font-size:.16rem;}
.wrap_ar .errmsg{ left:auto; right:0;}

.banner_right{width: 70%;}
.banner_right img{width: 100%;height: 100%;}
.ospop_content .ospop_content_img{width: 1.42rem; height: 1.58rem;  }
@media screen and (max-width: 980px){
	.pw980{ margin: 0 auto;}
	/* .cancel_main{ max-width: 90%; padding: .5rem 5%;} */
	.cancel_main h1, .submit_success h2{ font-size: .3rem;}
	/* .desc{ font-size: .2rem;} */
	.errmsg{ font-size: .13rem; left: .05rem; top: 70%; text-align: left;}
	.order_item { max-width: 70%; }
}

@media screen and (max-width: 750px) {
	.cancel_main { max-width: 100%; margin: 0; border-radius: 0; }
	.submit_btn,.order_item { max-width: 100%;}
	.submit_btn{ margin-top: .35rem;}
	.errmsg{font-size: .15rem;}
	.wrap{background: none;}
	.cancel_main h3 { margin-top: .4rem; }
	.cancel_main{left: 0;bottom: 0;}
	/* .desc { font-size: .16rem; } */
	.ospop_content { width: 94%; padding: .35rem 0; min-height: 3.2rem; border-radius: .1rem; height: auto;}
	.ospop_content h2,.ospop_content h2 a { margin: 0 auto; width: 90%;}
	.ospop_content h2 span{font-size: .24rem;font-weight: 600;line-height: .36rem;display: inline-block;}
	.btn_box .btn_y { margin: .1rem; }
	.submit_cancel{text-align: center;display: flex;flex-direction: column;align-items: center;}
	.submit_load { bottom: 0; }
	.submit_mobile{	width: 1.8rem;height: 1.95rem;}
	.submit_mobile img{width: 100%;height: 100%;}
	.cancel_main .submit_cancel h1{font-size: .4rem;}
	.submit_cancel .submit_mobile{display: block;}
	.banner_right{display: none;}
	.submit_btn a{margin-left: 0;border-radius: 0.05rem;}
	.submit_item input{border-radius: 0.05rem;border: 0.02rem solid #999;background: #FFF;}
	.submit_btn .disabled{border-radius: 0.05rem;background: #999;}
	.desc {width: 95%;font-size: .22rem;margin-bottom: 0;}
	.submit_item input{font-size: .22rem;}
	.submit_ipt::placeholder{color: #999;font-size: .22rem;}
	.ospop_content h2 p{font-size: .22rem;}
}

.note_style{text-align: left; margin-top: .4rem; padding-left: .2rem; font-size: .14rem; color: #999;}