@charset "utf-8";
/* banner */
.page-banner{text-align: center;overflow: hidden;}
.page-banner img{width: 100%;}

/* banner */
.ls-nbanner {width:1920px;background: #F6F8FB;position: relative;margin: 0 auto}
.ls-nbanner .nbanner-wz {width:100%;display:block; overflow:hidden;;position: relative;background-repeat: no-repeat;}
.ls-nbanner .nbanner-wz h3 {font-size:36px;color:#000;}
.ls-nbanner .nbanner-wz h4 {width: 560px;font-size:18px;color:#333;line-height:25px;margin: 15px 0 25px;}
.ls-nbanner .nbanner-wz .img-box {position: absolute;right: 0px;top: 20px;display: block;}
.ls-nbanner .nbanner-wz .img-box img{width: 480px;height: 360px;}
.ls-nbanner .nbanner-wz a {display:block;float: left;width:140px;height:40px;line-height:40px;text-align: center;border-width: 1px; border-style: solid;margin-right:15px}
.ls-nbanner .nbanner-wz a.more-default { border-color: #2585ED;background-color: #2585ED;font-size: 14px; color: #fff;}
.ls-nbanner .nbanner-wz a.more-default:hover{background-color: #15B6FD; color: #fff;}
.ls-nbanner .nbanner-wz a.more-yellow { border-color: #333;font-size: 14px; color: #333;}
.ls-nbanner .nbanner-wz a.more-yellow:hover{border-color: #15B6FD;color: #333;}

@media only screen and (max-width: 768px) {
    .ls-nbanner{background-size: cover;}
    .ls-nbanner .nbanner-wz{padding: 40px 0;}
    .ls-nbanner .nbanner-wz h3{font-size: 24px;}
    .ls-nbanner .nbanner-wz h4{width: 100%;font-size: 12px;line-height:20px;margin: 10px 0 20px;}
    .ls-nbanner .nbanner-wz a{width: 120px;height: 32px;line-height: 32px;}
    .ls-nbanner .nbanner-wz .img-box {display: none;}
}

/* 公用标题 */
/*.ls-title{position: relative;margin-bottom: 40px;background: url("../alIndex/aliuiyunfuwu.png") no-repeat center top;width: 1200px;height: 160px;margin: 0 auto}*/
/*.ls-title:before{position: absolute; bottom: 0; left: 50%;content: ''; width: 60px; height: 4px; margin-left: -30px; background-color: #2585ED;}*/
.ls-title{position: relative; padding: 15px 0; text-align: center;}
.ls-title h3{position: relative; display: inline-block;font-size:28px;font-weight: 500px; padding: 0 30px;}
.ls-title p{font-size: 18px; color: #666; line-height: 36px;letter-spacing: 1px;}
@media (max-width:768px) {
	.ls-title h3{font-size: 24px;padding: 0 20px;}
	.ls-title h3 i{width: 30px;}
	.ls-title p{ font-size: 14px;line-height: 26px;}
	.ls-title{margin-bottom: 30px;}
}

.ls-more{width:100%; display:block; overflow:hidden;margin-top: 40px; text-align: center;}
.ls-more-radius{border-radius: 40px;}
.ls-more a{display: inline-block; padding: 0 40px; line-height: 40px; border-width: 1px; border-style: solid; }
.ls-more.more-default a{ border-color: #e61717; color: #e61717;}
.ls-more.more-default a:hover{background-color: #e61717; color: #fff;}
.ls-more.more-yellow a{ border-color: #2585ED; color: #2585ED;}
.ls-more.more-yellow a:hover{background-color: #15B6FD;color: #fff;}
.ls-more.more-agent a{background-color: #e61717;background-color: #e61717;color: #fff;margin:10px 20px 0px 20px;}
.ls-more.more-agent a:hover{background-color: #c7000b;color: #fff;}

/* 阿里云购买流程 */
.ls-div1 {width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.ls-div1 .div-left{float: left;width: 68%;padding-top: 20px;padding-right: 30px;}
.ls-div1 .div-left h3{font-size: 24px;line-height: 2em;}
.ls-div1 .div-left p{font-size: 16px;color: #666;line-height: 2em;}
.ls-div1 .div-left p span{color: #e61717;}
.ls-div1 .div-right {float: right;width: 32%;}
.ls-div1 .div-right .zhuc{ width:100%;background: #f5f5f5;display:block; overflow:hidden;padding: 20px;}
.ls-div1 .div-right .zhuc h3{ width:100%; float:left; font-size:24px; line-height:1; color:#333;}
.ls-div1 .div-right .zhuc h3 img{ vertical-align:bottom; margin:0 0 0 18px;}
.ls-div1 .div-right .zhuc  ul{ width:100%; float:left; margin-top:9px;}
.ls-div1 .div-right .zhuc  ul li{background:#fff;width:100%; float:left; margin-top:15px;}
.ls-div1 .div-right .zhuc  ul li .txk{ width:100%; float:left; padding-left:95px; position:relative; border:solid 1px rgba(255,255,255,0.4);}
.ls-div1 .div-right .zhuc  ul li .txk .name{ width:95px; position:absolute; left:0; top:0; font-size:14px; color:#333; line-height:46px; padding-left:18px;}
.ls-div1 .div-right .zhuc  ul li .txk input{ display:block; width:100%; height:46px; line-height:46px; color:#333; font-size:14px; background:none;}
.ls-div1 .div-right .zhuc  ul li .txk textarea{ display:block; width:100%; height:106px; line-height:26px; color:#333; font-size:14px; background:none; padding:10px 0;}
.ls-div1 .div-right .zhuc  ul li .text{ display:block;background: #666; width:100%; height:100px; line-height:26px; color:#fff; font-size:14px; padding:10px;}
.ls-div1 .div-right .zhuc  ul li.l1{ padding-right:132px; position:relative;}
.ls-div1 .div-right .zhuc  ul li.l1 a{ display:block; width:119px; position:absolute; right:0; top:0; height:100%;}
.ls-div1 .div-right .zhuc  ul li.l1 a img{ width:100%; float:left; height:100%;}
.ls-div1 .div-right .zhuc  ul li.l2 input{ display:block; width:100%; height:48px; line-height:48px; text-align:center; font-size:18px; background:#e61717; color:white; cursor:pointer;}
.ls-div1 .div-right .zhuc  ul li.l2 input:hover{ background:#c7000b;}

@media (max-width:768px) {
	.ls-div1 .div-right{width: 100%;}
	.ls-div1 .div-left{padding-left: 0;width: 100%;padding-top: 0;}
	.ls-div1 .div-left h3{font-size: 18px;font-weight: bold;margin-bottom: 8px;}
	.ls-div1 .div-left p{line-height: 26px;margin-bottom: 10px;font-size: 14px;}
}

/*div2*/
.ls-div2 {width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.ls-div2 ul{ width:100%; float:left; }
.ls-div2 ul li{float: left;width: 31.66%;margin-left: 2.5%;margin-bottom: 2.5%;background: #F6F8FB;border-radius: 10px;padding: 24px;text-align: center;}
.ls-div2 ul li:nth-child(3n-2){margin-left: 0;}
.ls-div2 ul li h3{font-size: 22px;height: 30px;line-height: 30px;overflow: hidden;}
.ls-div2 ul li i{display: inline-block;width: 56px;height: 1px;background: #dcdcdc;margin:12px 0 15px;}
.ls-div2 ul li em{display: block;font-size: 14px;color: #777;line-height: 22px;height: 22px;overflow: hidden;}
.ls-div2 ul li a{display: inline-block;line-height: 34px;font-size: 14px;color: #ee4c54;padding: 0 26px;border:1px solid #ee4c54;margin-top: 20px;}
.ls-div2 ul li a:hover{background: #ee4c54;color: #fff;}
.ls-div2 ul li:hover h3{color: #df131d;}

@media (max-width:640px) {
	.ls-div2 ul li{width: 100%;margin-left: 0 !important;padding: 16px;}
	.ls-div2 ul li a{padding: 0 20px;line-height: 30px;}
	.ls-div2 ul li h3{font-size:16px;font-weight: bold;}
}

/* 云服务器配置  */
.ls-peizhi {background-color: #F6F8FB;width:100%; display:block;padding: 20px 0}
.ls-peizhi ul{margin-right: -20px;}
.ls-peizhi ul li{float: left; width: 25%; padding: 0 20px 20px 0;}
.ls-peizhi ul li .pz-box{height: 350px; position:relative; padding: 20px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 20px;background-image:linear-gradient(to top, #FFFFFF,#DCE7F3);}
.ls-peizhi ul li .pz-box:hover{box-shadow:0px 5px 10px rgba(207,213,219,.75)}
.ls-peizhi ul li .pz-box h3{position: relative;  font-size: 18px;font-weight: bold}
.ls-peizhi ul li .pz-box p{ padding: 10px 0px; font-size: 12px;border-bottom:1px solid #eaeaea}
.ls-peizhi ul li .pz-box .pzxq{width:100%;display:block;}
.ls-peizhi ul li .pz-box .pzxq dl{width:100%;list-style:none;margin:0px; padding:0px;}
.ls-peizhi ul li .pz-box .pzxq dl dd{height:40px; line-height:40px;width:100%; display:block; color:#666;border-bottom:1px dotted #c8c8c8; font-size:14px;}
.ls-peizhi ul li .pz-box .pzxq2{width:100%;display:block;}
.ls-peizhi ul li .pz-box .pzxq2 dl {width:100%;list-style:none;padding: 15px 0px 15px;border-bottom: 1px solid #ebecec;overflow: hidden;}
.ls-peizhi ul li .pz-box .pzxq2 dl dd {display:block;float:left;text-align: center;width:25%;}
.ls-peizhi ul li .pz-box .pzxq2 dl dd span {display:block;font-size:14px;font-style:normal}
.ls-peizhi ul li .pz-box .pzjg{padding: 15px 0px 15px; font-size: 16px; color: red;}
.ls-peizhi ul li .pz-box .pzjg span{ display:block;font-size: 12px; color: #ea3a3a;border: #ea3a3a  1px  solid;border-radius: 5px;width: 72px;text-align: center;margin-bottom: 10px}
.ls-peizhi ul li .pz-box .pzjg strong{font-size: 18px; color: #e61717;}
.ls-peizhi ul li .pz-box a{ display: block;position: absolute;width: 100%;bottom: 0;left:0;height: 48px; line-height: 48px; text-align: center; background-color: #2585ED; color: #fff;border-radius: 0 0 20px 20px }

@media (max-width:768px) {
	.ls-peizhi ul{margin-right:0;}
	.ls-peizhi ul li{ width: 49%;padding: 0 0 15px 0;margin-right:14px;}
    .ls-peizhi ul li .pz-box{padding: 15px;}
    .ls-peizhi ul li .pz-box h3{ font-size: 18px;}
	.ls-peizhi ul li:nth-child(2n){margin-right:0}
}

@media (max-width:640px) {
	.ls-peizhi ul{margin-right:0;}
	.ls-peizhi ul li{ width: 100%; margin-right: 0;margin-bottom: 10px;}
	.ls-peizhi li:nth-child(n+4){margin-bottom:0}
}

/* 常见问题 */
.ls-wenti {background-image: url(./wenti-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.ls-wenti ul{margin-right: -15px;}
.ls-wenti ul li{float: left; width: 50%; padding: 0 15px 15px 0;cursor: pointer;}
.ls-wenti ul li .wenti-box{display: block; padding: 25px;border-radius: 6px; background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1);}
.ls-wenti ul li .wenti-box h3{position: relative; padding-bottom: 10px; padding-left: 40px;font-size: 18px; text-overflow:ellipsis ; white-space: nowrap; overflow: hidden;  }
.ls-wenti ul li .wenti-box h3 span,
.ls-wenti ul li .wenti-box p span{position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; line-height: 20px; border-radius: 4px; color: #fff; font-family: arial; text-align: center; font-size: 12px;}
.ls-wenti ul li .wenti-box h3 span{top: 1px; background-color: #3a51ec;}
.ls-wenti ul li .wenti-box p{position: relative;padding-left: 40px; height: 52px; color: #777;  line-height: 26px; overflow: hidden;}
.ls-wenti ul li .wenti-box p span{background-color: #F0A941;}
.ls-wenti ul li:hover h3{color:#e61717;}
@media (max-width:768px) {
	.ls-wenti ul{margin-right:0;}
	.ls-wenti ul li{ width: 100%; padding: 0 0 15px 0;}
	.ls-wenti ul li .wenti-box{padding: 15px;}
	.ls-wenti ul li .wenti-box p{ height: auto; }
}

/* 帮助中心 */
.ls-news{width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.ls-news-left{float: left;width: 64%;padding-right: 30px;}
.ls-news-left .img{float: left;width: 49%;}
.ls-news-left .img img{float: left;width: 360px; height: 250px;}
.ls-news-left .text{float: left;width: 51%;padding-left: 30px;}
.ls-news-left .text h3{font-size: 20px;line-height: 50px;height: 50px;overflow: hidden;}
.ls-news-left .text h4{font-size: 14px;line-height: 30px;color: #999;}
.ls-news-left .text p{display: block;font-size: 14px;color: #666;line-height: 30px;height: 90px;margin-top: 10px;overflow: hidden;}
.ls-news-left .text a{display: inline-block;font-size: 16px;color:#333; line-height: 35px;padding: 0 40px;margin-top: 20px; border:1px #333 solid;transition:all .3s ease-out;}
.ls-news-left .text a:hover{ border:1px #e61717 solid;color:#e61717;}
.ls-news-right{float: left;width: 36%;}
.ls-news-right li{float: left;width: 100%;line-height: 40px;border-bottom: 1px solid #eeeeee;}
.ls-news-right li a{float: left;width: 70%;padding-left: 15px;font-size: 14px;overflow: hidden; background: url(./icon-dort.png) left center no-repeat; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ls-news-right li span{float: left;width: 30%;text-align: right;line-height: 40px;font-size: 14px;color: #999;}

@media (max-width:860px) {
	.ls-news-left{display: none;}
	.ls-news-right{width: 100%;}
}
@media (max-width:640px) {
	.ls-news-left{display: none;}
	.ls-news-right{width: 100%;}
}

/*=========== 腾讯云购买流程 =========*/
.ls-liucheng{margin: 0 auto;padding: 20px 0;background-image: linear-gradient(to top, #FFFFFF,#DCE7F3)}
.ls-liucheng .liucheng-box{background: url("../alIndex/aliyun.png") no-repeat;width: 100%;height: 500px}
.ls-liucheng .liucheng-box li{position: relative;float: left; margin-left: 2.5%;width: 18%;background: url(./liucheng-bg.png) center center no-repeat; background-size: 100%; text-align: center;padding: 80px 20px;}
.ls-liucheng .liucheng-box li:nth-child(1){margin-left: 0;}
.ls-liucheng .liucheng-box li h3{font-size: 20px;}
.ls-liucheng .liucheng-box li h4{position: absolute;top: -34px;left: 0;right: 0;margin:0 auto;width: 68px;height: 68px;border-radius: 50%;text-align: center;line-height: 68px;background: #8cc0f9;color: #fff;font-size: 20px;}
.ls-liucheng .liucheng-box li i{display: inline-block;width: 26px;height: 2px;background: #f00;margin:12px 0 6px;}
.ls-liucheng .liucheng-box li p{display: block;font-size: 14px;color: #999;line-height: 24px;}
.ls-liucheng .liucheng-box li p span{color: #2585ED;}
@media (max-width:640px) {
	.ls-liucheng .liucheng-box{margin-top: 0;}
	.ls-liucheng .liucheng-box li{width: 100%;margin-left: 0;background: none;padding: 12px 20px;border-bottom: 1px solid #e9e9e9;text-align: left;}
	.ls-liucheng .liucheng-box li h4{display: none;}
	.ls-liucheng .liucheng-box li h3{font-size: 16px;color: #333;font-weight: bold;}
	.ls-liucheng .liucheng-box li p{font-size: 14px;color: #666;}
}

/* 服务支持 TAG */
.ls-type{ width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.ls-type ul{margin-right: -20px;}
.ls-type ul li {float: left; width: 25%; padding:  0 20px 20px 0; text-align: center;}
.ls-type ul li a{position: relative;display: block; padding: 35px;  background-color: #F6F8FB;}
.ls-type ul li span{position: absolute; top: 0 ; left: 0; padding: 5px 6px; background-color:  #e61717; color: #fff;}
.ls-type ul li h3{font-size: 18px; height: 45px;display: flex; align-items: center; justify-content: center;}
@media (max-width:768px) {
	.ls-type ul li {float: left; width: 50%;}
}

/* 服务支持 */
.ls-advantage{background-color: #F6F8FB;width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.ls-advantage ul { margin-right: -20px;}
.ls-advantage ul li{ float: left; width: 50%;padding: 0 20px 20px 0; }
.ls-advantage ul li a{ position: relative; display: block; padding:35px 35px 55px 120px; border: 1px solid #eee; background-color: #fff; border-radius: 6px;}
.ls-advantage ul li span{position: absolute; top: 40px; left: 25px; display: block; width: 80px; height: 80px; text-align: center;}
.ls-advantage ul li span img{max-width: 100%;}
.ls-advantage ul li h3{font-size: 22px;}
.ls-advantage ul li p{font-size: 16px; color: #777; padding-top: 8px;}
.ls-advantage ul li a:hover{border-color: #e61717;}
.ls-advantage ul li a:hover h3{color: #e61717;}
@media (max-width:940px) {
	.ls-advantage ul { margin-right: 0;}
	.ls-advantage ul li{ width: 100%; padding:0; margin-bottom: 15px; }
}

/* 面包屑导航 */
.page-path-bg{width:100%; display:block; overflow:hidden;border-bottom: 1px dashed #eee; }
.page-path{ width:100%; display:block; overflow:hidden;line-height: 50px;}
.page-path ul {float: left;}
.page-path ul li{float: left;margin-right: 45px;}
.page-path ul li a{position: relative; display: block;  font-size: 16px;}
.page-path ul li a:before{position: absolute; bottom: 0; left: 0; content: ''; width: 0; height: 2px; background-color: #e61717;}
.page-path ul li a.on,.page-path ul li a:hover{color: #e61717;}
.page-path ul li a.on:before,.page-path ul li a:hover:before{width: 100%;}
.page-navpath {float: right;}
.page-navpath span{color: #777;}

@media (max-width:640px) {
	.page-path ul {display: block; width: 100%;}
	.page-path ul li { margin-right: 25px; }
	.page-path ul li:nth-child(4n){margin-right: 0;}
	.page-navpath {float: left;}
}

@media (max-width:340px) {
	.page-path ul {display: block; width: 100%;}
	.page-path ul li { margin-right: 10px; }

}

/* 关于我们 */
.about-div1{width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.about-div1 .bt{width:100%; text-align:center; color:#333; font-size:26px;font-weight: bold;line-height: 50px; letter-spacing: 2px;display:block; overflow:hidden;}
.about-div1 .bt span {color:#ff422e;}
.about-div1 .fbt  {width:100%; text-align:center; color:#333; font-size:16px;line-height: 30px;margin-bottom:10px;display: block;overflow:hidden; }
.about-div1 .text{ width:100%;/*text-align: center;*/color:#333; line-height: 35px; font-size:14px;display: block;overflow:hidden;}
@media (max-width:768px) {
	.about-div1 .text {text-align: left;}
}

/* 联系我们 */
.contact-div1 {width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.contact-div1 .img_nr{ float:right; width:30%;}
.contact-div1 .lxwm{width:70%; float:left; margin-top:20px;line-height: 30px;}
.contact-div1 .lxwm .d1{ font-size: 30px; color: #e61717; line-height: 40px; display: block; position: relative; }
.contact-div1 .lxwm .d2{ font-size: 14px; line-height: 30px;margin-top: 10px;display: block; position: relative; }
.contact-div1 .lxwm .d3{ width: 430px;margin-top: 15px;height: 1px; display: block; background: #ececec; position: relative; }
.contact-div1 .lxwm .d4{ font-size: 22px; color: #000; line-height: 60px; display: block; position: relative; }
.contact-div1 .lxwm .d5{color:#666;font-size:14px;line-height: 20px;margin-bottom: 20px;}

.contact-div1 .lxwm .d6{color:#333;font-size:16px;line-height: 30px;margin-bottom: 10px;}
.contact-div1 .lxwm .d6 i{font-size: 18px; color: #e61717;margin-right:5px; }
.contact-div1 .lxwm .d6 span{color:#666;}
.contact-div1 .lxwm .d6 a{color:#666;}
.contact-div1 .lxwm .d6 a:hover{color:#e61717;}

@media (max-width:768px) {
	.contact-div1 {width: 100%; padding:0; margin-bottom: 30px;}
	.contact-div1 .lxwm{width:100%;}
	.contact-div1 .img_nr{display: none;}
}

/* 付款方式 div1 */
.pay-div1 {width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.pay-div1 .zfnr:hover {  box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.pay-div1 .zfnr { width: 100%;display: block; position: relative;padding: 20px; border: 1px solid #eaeaea;}
.pay-div1 .zfnr h3{ font-size: 20px; line-height: 36px; color: #000; display: block; font-weight: normal; padding-bottom: 10px;}
.pay-div1 .zfnr p{ font-size: 16px; color: #626262; letter-spacing: 3px; line-height: 35px; font-weight: normal; display: block;  }


/* 付款方式 div2 */
.pay-div2 {background:#F6F8FB;width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.pay-div2 ul {margin-right: -15px;}
.pay-div2 ul li{ float: left; width: 33.33%;padding: 0 15px 15px 0 ; transition: all .5s ease; -webkit-transition: all .5s ease;}
.pay-div2 ul li a { position: relative; display: block; padding: 20px 15px; background-color: #fff;border-radius: 6px; }
.pay-div2 ul li a:hover { box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.pay-div2 ul li img{ width:200px; height: 60px;display: block; position: relative;  }
.pay-div2 ul li p{width: 100%; margin:0 auto; display: block; position: relative; font-size: 14px; line-height: 30px; color: #000;}
@media (max-width:768px) {
	.pay-div1 {width: 100%; padding: 20px 0px 50px;}
	.pay-div2 {width: 100%; padding: 30px 0px}
	.pay-div2 ul li{ width: 100%;}

}

/* 招商加盟 */
.ls-Join  {width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.ls-Join  .Join-box { width:100%;background-color: #F6F8FB;display:block; overflow:hidden;padding: 30px;}
.ls-Join  .Join-left{float: left;width: 68%;padding-right: 30px;}
.ls-Join  .Join-left h3{position: relative; padding-left: 10px; font-size: 26px;color: #333;line-height: 2em;}
.ls-Join  .Join-left h3:after{position: absolute; bottom:15px; left: 0; z-index: 2; content: '';  width: 3px; height: 20px; background-color: #e61717;}
.ls-Join  .Join-left p{font-size: 16px;color: #666;line-height: 30px;}
.ls-Join  .Join-right {float: right;width: 32%;}
.ls-Join  .Join-right .Join{ width:100%;background-color: #fff;display:block; overflow:hidden;padding: 20px;}
.ls-Join  .Join-right .Join h3 { width:100%; float:left; font-size:24px; line-height:1; color:#333;}
.ls-Join  .Join-right .Join h3 img{ vertical-align:bottom; margin:0 0 0 18px;}
.ls-Join  .Join-right .Join  ul{ width:100%; float:left; margin-top:9px;}
.ls-Join  .Join-right .Join  ul li{background:#f5f5f5;width:100%; float:left; margin-top:15px;}
.ls-Join  .Join-right .Join  ul li .txk{ width:100%; float:left; padding-left:95px; position:relative; border:solid 1px rgba(255,255,255,0.4);}
.ls-Join  .Join-right .Join  ul li .txk .name{ width:95px; position:absolute; left:0; top:0; font-size:14px; color:#333; line-height:46px; padding-left:18px;}
.ls-Join  .Join-right .Join  ul li .txk input{ display:block; width:100%; height:46px; line-height:46px; color:#333; font-size:14px; background:none;}
.ls-Join  .Join-right .Join  ul li .txk textarea{ display:block; width:100%; height:106px; line-height:26px; color:#333; font-size:14px; background:none; padding:10px 0;}
.ls-Join  .Join-right .Join  ul li.l1{ padding-right:132px; position:relative;}
.ls-Join  .Join-right .Join  ul li.l1 a{ display:block; width:119px; position:absolute; right:0; top:0; height:100%;}
.ls-Join  .Join-right .Join  ul li.l1 a img{ width:100%; float:left; height:100%;}
.ls-Join  .Join-right .Join  ul li.l2 input{ display:block; width:100%; height:48px; line-height:48px; text-align:center; font-size:18px; background:#e61717; color:white; cursor:pointer;}
.ls-Join  .Join-right .Join  ul li.l2 input:hover{ background:#c7000b;}

@media (max-width:768px) {
	.ls-Join  .Join-box { padding: 20px;}
	.ls-Join  .Join-right{width: 100%;margin-top: 20px;}
	.ls-Join  .Join-left {padding-left: 0;width: 100%;padding-right: 0px;}
	.ls-Join  .Join-left h3{font-size: 18px;font-weight: bold;margin-bottom: 8px;}
	.ls-Join  .Join-left h3:after{position: absolute; bottom:8px; left: 0; z-index: 2; content: '';  width: 3px; height: 18px; background-color: #e61717;}
	.ls-Join  .Join-left p{line-height: 26px;font-size: 14px;}
}