.header_fill{display: none;}
.mb_show{display: none;}

.banner{width: 100%; max-width: 1920px; margin:0 auto; position: relative;}
.banner .banner_main{position: absolute; width: 92%; max-width: 1200px; top:0px; bottom:0px; left: 0px; right: 0px; margin: 0 auto;}
.banner .banner_main .text_table{display: table; width: 100%; height: 100%;}
.banner .banner_main .b_info{display:table-cell; vertical-align:middle; width: 50%; }
.banner .banner_main .b_info .b_title{ font-size: 47px; color: #222222; line-height: 60px; font-weight: bold; margin-top: 60px;}
.banner .banner_main .b_info .b_sub_title{ font-size: 32px; color: #333333; line-height: 60px; margin-top: 10px;}
.banner .banner_main .b_info .reg_btn{display: inline-block; width: 280px; height: 63px;line-height: 63px;  font-size: 24px; color: #fff; background-color: #0db083; text-align: center; text-decoration: none; border-radius: 32px; margin-top: 40px;}
.banner .banner_main .b_info .reg_btn:hover{background-color: #fd834d;}
.banner .banner_main .login_box{/*display:table-cell;*/display:none; vertical-align:middle; width: 50%;}
.banner .banner_main .login_box .login_form{width: 351px; padding:18px 24px 19px 30px; background-color: #fff; border-radius: 18px; box-shadow: 0px 16px 68px rgba(52,52,52,0.17); float: right; margin-top: 85px;}
.banner .banner_main .login_box .login_form .title{ font-size: 24px; color: #444f57; line-height: 70px; text-align: center;}
.banner .banner_main .login_box .login_form .rows{ margin-bottom: 20px;}
.banner .banner_main .login_box .login_form .rows .input_text{height: 59px; line-height: 59px;  font-size: 14px; color: #444f57; border:0px; border-bottom: 1px solid #dcdfe6; width: 100%;}
.banner .banner_main .login_box .login_form .rows .input_text::placeholder{font-weight:bold;  font-size: 14px; color: #444f57;}
.banner .banner_main .login_box .login_form .rows .input_text:focus::placeholder{color:transparent;}
.banner .banner_main .login_box .login_form .rows.func_btns{margin-top: 30px;}
.banner .banner_main .login_box .login_form .rows.func_btns .btns{display: inline-block; width: 170px; height: 43px; line-height: 43px; text-decoration: none; text-align: center;  font-size: 20px; color: #0cb084; border-radius: 4px; border:1px solid #0cb084; cursor: pointer; box-sizing:border-box;}
.banner .banner_main .login_box .login_form .rows.func_btns .btns:hover{color: #fff; background-color: #000; border-color: #000;}
.banner .banner_main .login_box .login_form .rows.func_btns .btns.login_btn{background-color: #0cb084; color: #fff;}
.banner .banner_main .login_box .login_form .rows.func_btns .btns.login_btn:hover{background-color: #fd834d; border-color:#fd834d;}
.banner .banner_main .login_box .login_form .forgot_btn{display: inline-block; margin-top: 40px; font-weight:bold;  font-size: 14px; color: #444f57; text-decoration: underline;}

.banner .banner_main .login_box .login_success{width: 351px; padding:30px 24px 65px 33px; background: url('../images/log_sec_bg.png'); border-radius: 18px; box-shadow: 0px 16px 68px rgba(52,52,52,0.17); float: right;}
.banner .banner_main .login_box .account_img{text-align: center; margin-top: 30px;}
.banner .banner_main .login_box .welcome{text-align: center; margin-top: 45px;  font-size: 30px; color: #000000; line-height: 49px;}
.banner .banner_main .login_box .acc_name{text-align: center; line-height: 49px;}
.banner .banner_main .login_box .acc_name span{ font-size: 18px; color: #439bee; text-decoration: underline;}
.banner .banner_main .login_box .go_manage{display: block; width: 273px; height: 55px; line-height: 55px; margin: 40px auto 0px;  font-size: 20px; color: #fff; background:url('../images/go_manage_ico.png') no-repeat right 35px center #0cb084; border-radius: 4px; text-align: center; text-decoration: none;}
.banner .banner_main .login_box .go_manage:hover{background-color: #fd834d;}


.ueesale_title{font-size: 50px; line-height: 56px; color: #000; text-align: center;}
.ueesale_service{ padding: 90px 0 125px;}
.ueesale_service .service_list{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 83px;}
.ueesale_service .service_list .service_item{box-sizing: border-box; width: 47.584%;}
.ueesale_service .service_item .service_info{display: flex; justify-content: space-between; align-items: center;}
.ueesale_service .service_item .service_txt{box-sizing: border-box; width: calc(100% - 100px); font-size: 38px; line-height: 60px; color: #333;}
.ueesale_service .service_item.no_free .service_txt{padding-left: 30px;}
.ueesale_service .service_item .service_icon{box-sizing: border-box; width: 92px; min-width: 92px; height: 92px; font-size: 24px; line-height: 92px; border: 1px solid; border-radius: 50%; text-align: center;}
.ueesale_service .service_item.free .service_icon{color: #0bba91; border-color: #34bb9d;}
.ueesale_service .service_item.no_free .service_icon{color: #0b8bba; border-color: #0b8bba;}
.ueesale_service .service_item .service_video{border-radius: 20px; overflow: hidden; margin-top: 39px; position: relative; text-align: center;}
.ueesale_service .service_item .service_video_mask{width: 100%; height: 100%; background-color: rgba(5, 5, 5, 0.3); position: absolute; left: 0; top: 0; }
.ueesale_service .service_item .service_video a{display: block; width: 100%; height: 100%; }
.ueesale_service .service_item .service_video a{display: block; width: 100%; height: 100%; position: relative;}
.ueesale_service .service_item .icon_video{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ueesale_service .service_item.free .icon_video{position: absolute; left: calc(50% - 16px); top: 50%; transform: translate(-50%, -50%);}

.ueesale_step{padding: 62px 0 70px; background: url(../images/img_step_bg-min.png) no-repeat center; background-size: 100% 100%;}
.ueesale_step .step_list{box-sizing: border-box; width: 560px; margin: 82px auto 0;}
.ueesale_step .step_list .step_item{box-sizing: border-box; font-size: 18px; line-height: 57px; color: #000; text-align: center; border: 1px solid #0db083; border-radius: 20px; box-shadow: 0 0 8px rgba(204, 248, 237, 0.6); position: relative; background-color: #fff; margin-bottom: 47px;}
.ueesale_step .step_list .step_item:last-child{margin-bottom: 0;}
.ueesale_step .step_list .step_item:after{content: ''; width: 54px; height: 40px; background: url(../images/icon_step_arrow-min.png) no-repeat center center; background-size: 100%; position: absolute; left: 50%; bottom: -47px; transform: translateX(-50%);}
.ueesale_step .step_list .step_item:last-child:after{display: none;}

.ueesale_type{padding: 78px 0 0;}
.ueesale_type .type_list{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 94px 20px 0;}
.ueesale_type .type_list .type_item{box-sizing: border-box; width: 45.69%; padding-top: 53px; text-align: center;}
.ueesale_type .type_list .type_item.b2c{background: url(../images/img_type_bg_0-min.png) no-repeat top center; background-size: 100%; opacity:0;}
.ueesale_type .type_list .type_item.b2b{background: url(../images/img_type_bg_1-min.png) no-repeat top center; background-size: 100%; opacity:0;}
.ueesale_type .type_item .type_title{font-size: 34px; line-height: 60px; color: #333;}
.ueesale_type .type_item .type_desc{font-size: 18px; line-height: 40px; color: #434343;}
.ueesale_type .type_item .img{width: 385px; margin: 35px auto 0; text-align: center;}
.ueesale_type .type_list .type_item.cur.icon4{ opacity: 1; -moz-animation: effect1-icon4-anim 4s; -webkit-animation: effect1-icon4-anim 4s; animation: effect1-icon4-anim 4s;}

.ueesale_diff{padding: 62px 0;}
.ueesale_diff .diff_table{margin-top: 92px; position: relative;}
.ueesale_diff .diff_table:after{content: ''; box-sizing: border-box; width: 326px; height: 447px; border: 1px solid #0db083; border-radius: 5px; box-shadow: 0 0 8px rgba(204, 248, 237, 0.6); position: absolute; left: 189px; top: 10px;}
.ueesale_diff .diff_table table{width: 100%;}
.ueesale_diff .diff_table table tr td{box-sizing: border-box; font-size: 18px; line-height: 60px; color: #434343;}
.ueesale_diff .diff_table table tr td:first-child{font-size: 16px; font-weight: bold; width: 15.75%; padding-left: 2.5%;}
.ueesale_diff .diff_table table tr td:nth-child(2){width: 27.084%; padding-left: 3.6%;}
.ueesale_diff .diff_table table tr td:nth-child(3){width: 29.5%; padding-left: 8.2%;}
.ueesale_diff .diff_table table tr td:nth-child(4){padding-left: 4.9%;}
.ueesale_diff .diff_table table tr:first-child td{line-height: 82px; font-weight: bold; text-align: center; padding-left: 0;}
.ueesale_diff .diff_table table tr:nth-child(even) td{background-color: #e3f7f1;}

.ueesale_toll{padding: 27px 0;}
.ueesale_toll .toll_title{display: flex; justify-content: center; font-size: 50px; line-height: 56px; color: #111;}
.ueesale_toll .toll_title .toll_subtitle{padding: 0 18px 0px; position: relative; font-size: 50px;}
.ueesale_toll .toll_title .toll_subtitle span{display: block; width: 232px; height:0px; border-top: 1px solid #0db083; position: relative; margin-top: 30px;}
.ueesale_toll .toll_title .toll_subtitle span:before{content: ''; width: 9px; height: 9px; background-color: #0db083; border-radius: 50%; position: absolute; left: 0; bottom: -4.5px;}
.ueesale_toll .toll_title .toll_subtitle span:after{content: ''; width: 9px; height: 9px; background-color: #0db083; border-radius: 50%; position: absolute; right: 0; bottom: -4.5px;}
.ueesale_toll .toll_title span{width: 100%; height: 1px; background-color: #0db083; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.ueesale_toll .toll_price{font-size: 24px; line-height: 56px; text-align: center; margin-top: 28px;}
.ueesale_toll .toll_price span{font-size: 50px; margin-left: 15px;}
.ueesale_toll .toll_table{margin-top: 44px;}
.ueesale_toll .toll_table table{width: 100%; border:1px solid #0db083;}
.ueesale_toll .toll_table table tr td{box-sizing: border-box; height: 102px; font-size: 14px; line-height: 24px; background-color: #e3f7f1; border: 1px solid #0db083; padding: 5px 30px; margin-top: -1px; margin-left: -1px; color: #434343;}
.ueesale_toll .toll_table table tr td:first-child{width: 15.25%; font-size: 18px; text-align: center; padding: 0; color: #000;}
.ueesale_toll .toll_table table tr td:nth-child(2){width: 29.25%; padding-left: 4.167%;}
.ueesale_toll .toll_table table tr td:nth-child(3){width: 25.25%; padding-left: 4%;}
.ueesale_toll .toll_table table tr td:nth-child(4){padding-left: 3.75%;}
.ueesale_toll .toll_table table tr:first-child td{height: 62px; background-color: #0db083; font-size: 18px; color: #fff; text-align: center; padding: 0;}
.ueesale_toll .toll_table table tr.l_height td{height: 52px; }

.server_team_box{margin-top: 100px;}
.server_team_box .team_title{font-size: 50px; color: #000; ;line-height: 56px; text-align: center;}
.server_team_box .team_list{margin-top: 95px; font-size: 0px; text-align: center;}
.server_team_box .team_list .team_item{display: inline-block;  width: 17.66666%; vertical-align: top; margin-right: 15%; position: relative;}
.server_team_box .team_list .team_item:last-child{margin-right: 0px;}
.server_team_box .team_list .team_item .pic{display:block; width: 100%; height: 0px; padding-top: 100%; position: relative;}
.server_team_box .team_list .team_item .pic img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}
.server_team_box .team_list .team_item .title{margin-top: 15px; font-size: 18px; line-height: 26px; color: #333333;}
.server_team_box .team_list .team_item:before{content: ''; position: absolute; width: 35%; height: 3px; background-color: #223a4c; right: -58%; top: 42%;}
.server_team_box .team_list .team_item:after{content: ''; position: absolute; right: -74%; top: 39.12%;  width: 0; height: 0;border-top: 8px solid transparent; border-left: 35px solid #223a4c; border-bottom: 8px solid transparent;}
.server_team_box .team_list .team_item:last-child:after,.server_team_box .team_list .team_item:last-child:before{content: none;}

@media screen and (max-width: 1600px) {
	.banner .banner_main .b_info .b_title{font-size: 40px; line-height: 60px; margin-top: 40px;}
	.banner .banner_main .b_info .b_sub_title{font-size: 30px; line-height: 60px;}
	.banner .banner_main .login_box .login_form .title{font-size: 20px; line-height: 40px;margin-bottom: 20px;}
	.banner .banner_main .b_info .reg_btn{height: 50px; line-height: 50px; margin-top: 30px;}
	.banner .banner_main .login_box .login_form .rows .input_text{height: 40px; line-height: 40px; margin-bottom: 10px;}
	.banner .banner_main .login_box .login_form .rows.func_btns{margin-top: 20px;}
	.banner .banner_main .login_box .login_form .rows.func_btns .btns{height: 40px; line-height: 40px;}
	.banner .banner_main .login_box .login_form .forgot_btn{margin-top: 40px;}
}

@media screen and (max-width: 1279px) {
	.ueesale_toll .toll_table table tr td{padding: 5px 10px;}
	.ueesale_toll .toll_table table tr td:first-child{font-size: 16px;}
	.ueesale_toll .toll_table table tr:first-child td{font-size: 14px;}
}

@media screen and (max-width: 1200px) {
	.banner .banner_main .login_box .login_form{margin-top: 45px; padding: 20px;}
	.banner .banner_main .login_box .login_form .forgot_btn{margin-top: 20px;}
}

@media screen and (max-width: 1023px) {
	.wrap{width: 96%; max-width: 1200px; min-width: unset;}

	.ueesale_title{font-size: 25px; line-height: 35px; padding: 0 10px;}

	.ueesale_type{padding: 54px 0 0;}
	.ueesale_type .type_list{padding: 45px 0 0; justify-content: center;}
	.ueesale_type .type_list .type_item{width: 90%; padding-top: 60px;}
	.ueesale_type .type_item .type_title{font-size: 23px; line-height: 30px;}
	.ueesale_type .type_item .type_desc{font-size: 14px; line-height: 18px; margin-top: 8px;}
	.ueesale_type .type_item .img{width: 80%; margin-top: 37px;}

	.ueesale_title{padding: 0 20px;}
	.ueesale_toll{padding: 21px 0;}
	.ueesale_toll .toll_title{font-size: 25px; line-height: 28px;}
	.ueesale_toll .toll_title .toll_subtitle{padding: 0 0 24px; position: relative; font-size: 25px;}
	.ueesale_toll .toll_title .toll_subtitle:before{width: 10px; height: 10px; left: 5px; bottom: -5px;}
	.ueesale_toll .toll_title .toll_subtitle:after{width: 10px; height: 10px; right: 5px; bottom: -5px;}
	.ueesale_toll .toll_title .toll_subtitle span{width: 40vw;}
	.ueesale_toll .toll_price{font-size: 14px; line-height: 28px; margin-top: 23px;}
	.ueesale_toll .toll_price span{font-size: 25px; margin-left: 10px;}
	.ueesale_toll .toll_table{overflow-x: scroll; margin-top: 22px;}
	.ueesale_toll .toll_table .toll_table_box{width: max-content;}
	.ueesale_toll .toll_table table tr td{font-size: 12px; line-height: 20px; height: 91px; border-bottom-width: 1px;}
	.ueesale_toll .toll_table table tr td:first-child{width: 90px; font-size: 12px; padding: 0 10px;}
	.ueesale_toll .toll_table table tr td:nth-child(2){width: 180px; padding-left: 20px;}
	.ueesale_toll .toll_table table tr td:nth-child(3){width: 180px; padding-left: 20px;}
	.ueesale_toll .toll_table table tr td:nth-child(4){width: 190px; padding-left: 20px;}
	.ueesale_toll .toll_table table tr:first-child td{font-size: 12px; height: 30px;}

	.server_team_box{margin-top: 12.66667vw; }
	.server_team_box .team_list{margin-top: 12vw;}
	.server_team_box .team_title{ font-size:6.66667vw; line-height: 7.46667vw;}

	.ueesale_diff{padding: 35px 0;}
	.ueesale_diff .diff_table{width: 100%; overflow-x: scroll; padding: 8px 0; margin-top: 33px;}
	.ueesale_diff .diff_table:after{width: 27.084%; height: calc(100% - 6px); left: 15.75%; top: unset; bottom: 1px;}
	.ueesale_diff .diff_table table tr td{font-size: 12px; line-height: 30px; padding: 5px;}
	.ueesale_diff .diff_table table tr td:first-child{font-size: 12px;}
	.ueesale_diff .diff_table table tr:first-child td{font-size: 14px; line-height: 34px; padding-left: 5px;}
}

@media screen and (max-width: 991px) {
	.pc_show{display: none;}
	.mb_show{display: block;}
	
	.banner{text-align: center;}
	.banner img{width: 100%;}
	.banner .banner_main{top: 8.66667vw;}
	.banner .banner_main .text_table{display: block;}
	.banner .banner_main .b_info{display: block; width: 100%; text-align: center;}
	.banner .banner_main .b_info .b_title{font-size: 8vw; line-height:9.33333vw; margin-top: 4vw;}
	.banner .banner_main .b_info .b_sub_title{font-size: 5.33333vw; line-height:9.33333vw;}
	.banner .banner_main .b_info .reg_btn{margin: 5.33333vw auto 0; width: 44vw; height: 9.06666vw; line-height: 9.06666vw; font-size: 4vw; border-radius: 4.53333vw;}

	.banner .banner_main .login_box{display: none; width: 100%; margin-top: 10.66667vw; text-align: center;}
	.banner .banner_main .login_box .login_form{margin: 0px; padding: 6vw; float: unset; width: auto; display: inline-block; overflow: hidden;}
	.banner .banner_main .login_box .login_form .title{font-size: 4.8vw; line-height: 9.33333vw;}
	.banner .banner_main .login_box .login_form .rows .input_text{font-size: 3.2vw; height: 7.86667vw; line-height: 7.86667vw;}
	.banner .banner_main .login_box .login_form .rows .input_text::placeholder{font-weight:bold;font-size: 3.2vw; }
	.banner .banner_main .login_box .login_form .rows.func_btns .btns{width:28vw; height: 9.06666vw; line-height: 9.06666vw; font-size: 3.2vw; }
	.banner .banner_main .login_box .login_form .forgot_btn{float: left; font-size: 2.67777vw; margin-top: 4.66667vw;}
}

@media screen and (max-width: 850px) {
	.server_team_box .team_list .team_item{display: block; width: 100%; max-width: 212px; margin: 0 auto 24vw;}
	.server_team_box .team_list .team_item .pic{width: 50%; padding-top: 50%; margin: auto;}
	.server_team_box .team_list .team_item:before{transform:rotate(90deg); top: unset; bottom: -8vw; width: 10vw; right: calc(50% - 5vw + 1.5px);}
	.server_team_box .team_list .team_item:after{transform:rotate(90deg); top: unset; bottom: -17vw; right: calc(50% - 16px);}
	.server_team_box .team_list .team_item:last-child{margin-right: auto;}
}

@media screen and (max-width: 660px) {
	.ueesale_diff .diff_table .diff_table_box{width: max-content;}
	.ueesale_diff .diff_table:after{width: 175px; left: 90px;}
	.ueesale_diff .diff_table table tr td:first-child{width: 90px; padding-left: 2.3%;}
	.ueesale_diff .diff_table table tr td:nth-child(2){width: 175px; padding-left: 3%;}
	.ueesale_diff .diff_table table tr td:nth-child(3){width: 185px; padding-left: 6%;}
	.ueesale_diff .diff_table table tr td:nth-child(4){width: 185px; padding-left: 6%;}
}