/*91视频入口app*/
.sec1 {
	height:642px;
	background:#fff7f7;
	position:relative
}
.sec1 .sec1-content {
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	z-index:5
}
.sec1 .sec1-content .sec1-bg {
	width:870px;
	height:579px;
	margin:50px 0 14px 332px
}
.sec1 .sec1-content .sec1-main {
	width:496px;
	height:364px;
	background:#fff;
	box-shadow:0 14px 17px 0 #f9d6d6;
	border-radius:33px;
	position:absolute;
	top:137px;
	left:14px;
	padding:44px 28px 0 44px
}
.sec1 .sec1-content .sec1-main .sec1-logo {
	width:192px;
	height:61px;
	margin:0 auto 23px
}
.sec1 .sec1-content .sec1-main .intro {
	width:424px;
	font-size:16px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:#828282;
	line-height:34px
}
.sec1 .bottom-wrapper {
	width:100%;
	height:79px;
	background:#fff7f7;
	box-shadow:0 -5px 17px 0 hsla(0,64%,98%,.412);
	position:absolute;
	bottom:0;
	left:0;
	z-index:1
}
/*书法app*/

.sf1 {
	height:642px;
	background:#fff7f7;
	position:relative
}
.sf1 .sf1-content {
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	z-index:5
}
.sf1 .sf1-content .sf1-bg {
	width:870px;
	height:579px;
	margin:50px 0 14px 0
}
.sf1 .sf1-content .sf1-main {
	width:496px;
	height:364px;
	background:#fff;
	box-shadow:0 14px 17px 0 #f9d6d6;
	border-radius:33px;
	position:absolute;
	top:137px;
	left:800px;
	padding:44px 28px 0 44px
}
.sf1 .sf1-content .sf1-main .sf1-logo {
	width:192px;
	height:61px;
	margin:0 auto 23px
}
.sf1 .sf1-content .sf1-main .intro {
	width:424px;
	font-size:16px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:#828282;
	line-height:34px
}
.sf1 .bottom-wrapper {
	width:100%;
	height:79px;
	background:#fff7f7;
	box-shadow:0 -5px 17px 0 hsla(0,64%,98%,.412);
	position:absolute;
	bottom:0;
	left:0;
	z-index:1
}
hr.line {
	background: #ff6600 none repeat scroll 0 0;
	border: 0 none;
	height: 1px;
	margin: 0 auto;
	width: 100px;
}

.padding100{padding:100px 0;}

.sell-up-area {
	background: #f9f9f9 none repeat scroll 0 0;
	position: relative;
	z-index:1;
}
.shadow-l-r {
	background-attachment: scroll, scroll;
	background-image: url("/skin/htc/img/s-left.png"), url("/skin/htc/img/s-right.png");
	background-position: 0 0, 100% 0;
	background-repeat: no-repeat;
	padding: 0 30px;
	margin: 0 -30px;
}
.sell-up-left {
	
	background-color: #fff;
	padding: 10px 5px 10px 5px;
}
.sell-up-area::after {
    background: #eee none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    width: 100%;
	z-index:-1;
}
/* sell up left */
.sell-up-left h4 {
    color: #777;
    font-weight: 400;
}
.sell-up-left h4 ,.view-more a.shop-btn{
    text-transform: capitalize;
}
.sell-up-left h2 {
    color: #777;
    font-size: 40px;
    margin: 0;
}
.sell-up-left strong,.tab-menu li.active a {
    color: #1b1b1b;
}
.sell-up-left hr.line,.blog-item hr.line {
    height: 4px;
    margin: 10px 0 50px;
    position: relative;
    width: 120px;
}
.sell-up-left hr.line::after,.blog-item hr.line::after {
    background: #777 none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 50%;
}
.sell-up-left li span {
    border: 1px solid #1b1b1b;
    display: inline-block;
    height: 10px;
    margin-right: 20px;
    width: 10px;
}
.sell-up-left a.shop-btn{
    margin-top: 50px;
}
.sell-up-left li {
    color: #1b1b1b;
    margin-bottom: 15px;
}
.sell-up-left li:last-child {
    margin-bottom: 0;
}
.sell-up-left a.shop-btn,.back-buttons a.shop-btn {
  background: #777 none repeat scroll 0 0;
  color: #fff;
  font-family: roboto;
  font-weight: 300;
}
/* sell up right */
.thumb-slider .slick-slide.slick-current img{border:1px solid #ddd;}
.thumb-slider{margin: 0 -15px;}
.thumb-slider .slick-slide {
	cursor: pointer;
	padding: 0 15px;
}

.sell-up-right {
  padding-top: 125px;
  text-align: center;
}
.sell-up-right .next.slick-arrow {
  right: -25px;
}
.sell-up-right .prev.slick-arrow {
  left: -30px;
}
.sell-up-right .slick-arrow {
  margin-top: 50px;
}

.sec2-top{ margin-top: 50px;} 

.sec2 {
	height:832px;
	
}
.sec2 .sec2-content {
	position:relative
}
.sec2 .sec2-content .vertical {
	width:277px;
	height:539px;
	background:#fff;
	box-shadow:0 20px 19px 0 #f4e9f7;
	border-radius:27px
}
.sec2 .sec2-content .across {
	width:520px;
	height:242px;
	background:#fff;
	box-shadow:0 20px 19px 0 #f4e9f7;
	border-radius:27px;
	margin-right:50px
}
.sec2 .sec2-content .title {
	font-size:48px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	color:#e10d19;
	line-height:58px
}
.sec2 .sec2-content .text {
	font-size:24px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:#929292;
	line-height:40px
}
.sec2 .sec2-content .sec2-1 {
	margin-right:55px;
	padding:273px 12px 0 40px;
	position:absolute;
	top:148px;
	left:11px
}
.sec2 .sec2-content .sec2-1 .mascot1 {
	width:139px;
	height:222px;
	position:absolute;
	left:40px;
	top:11px
}
.sec2 .sec2-content .sec2-1 .title {
	margin-bottom:31px
}
.sec2 .sec2-content .sec2-1:hover {
	transform:scale(1.1);
	transition:.5s;
	z-index:100
}
.sec2 .sec2-content .sec2-1:hover .mascot1 {
	animation-duration:1.2s;
	animation-name:move20;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite
}
.sec2 .sec2-content .sec2-2-1 {
	margin-bottom:56px;
	padding:60px 30px 0 49px;
	position:absolute;
	top:148px;
	left:343px
}
.sec2 .sec2-content .sec2-2-1 .mascot2 {
	width:132px;
	height:222px;
	position:absolute;
	left:346px;
	top:-81px
}
.sec2 .sec2-content .sec2-2-1 .title {
	margin-bottom:24px
}
.sec2 .sec2-content .sec2-2-1:hover {
	transform:scale(1.1);
	transition:.5s;
	z-index:100
}
.sec2 .sec2-content .sec2-2-1:hover .mascot2 {
	animation-duration:1.2s;
	animation-name:move20;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite
}
.sec2 .sec2-content .sec2-2-2 {
	padding:51px 24px 0 49px;
	position:absolute;
	top:445px;
	left:343px
}
.sec2 .sec2-content .sec2-2-2 .mascot3 {
	width:254px;
	height:184px;
	position:absolute;
	left:291px;
	top:-58px
}
.sec2 .sec2-content .sec2-2-2 .title {
	margin-bottom:29px
}
.sec2 .sec2-content .sec2-2-2:hover {
	transform:scale(1.1);
	transition:.5s;
	z-index:100
}
.sec2 .sec2-content .sec2-2-2:hover .mascot3 {
	animation-duration:1.2s;
	animation-name:move20;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite
}
.sec2 .sec2-content .sec2-3 {
	padding:60px 20px 0 35px;
	position:absolute;
	top:148px;
	left:913px
}
.sec2 .sec2-content .sec2-3 .mascot4 {
	width:129px;
	height:236px;
	position:absolute;
	top:292px;
	left:89px
}
.sec2 .sec2-content .sec2-3 .title {
	margin-bottom:24px
}
.sec2 .sec2-content .sec2-3:hover {
	transform:scale(1.1);
	transition:.5s;
	z-index:100
}
.sec2 .sec2-content .sec2-3:hover .mascot4 {
	animation-duration:1.2s;
	animation-name:move20;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite
}
.sec3 {
	width:100%;
	margin-top:-42px;
	margin: 50px  0  100px  0;
}
.sec3-bnner{
	background:url(/skin/htc/img/app_advantage.107ab26e.png) 100% no-repeat;
	height: 1313px;
	background-size:100% 100%;
	position:relative;
	margin-top:-55px;
	overflow-x:hidden

	/*position: absolute;*/
}
.sec3 .rt{
	width: 600px;
	margin-left:850px; 
	margin-top: 400px;

}
.sec3 .lf{

	width: 600px;
	margin-top: 350px;
	margin-left:450px; 

}
.sec3 .title {
	width:1000px;
	height:90px;
	margin:0 auto 20px;
	font-size:50px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	letter-spacing:2px;
	color:#fb7066;
	text-align:center;

}
.sec3 .title1 {

	text-align: center;
	margin:0 auto 27px;
	font-size:40px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:600;
	letter-spacing:2px;
	color:#e10d19;
	
}
.sec3 .txt1{
	width: 580px;
	height:70px;
	margin:0 auto 20px;
	font-size:25px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	letter-spacing:2px;
	color:#a17d5e;
	
}

.sec3 .title2 {

	
	margin:0 auto 27px;
	font-size:40px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	letter-spacing:2px;
	color:#e10d19;
	
}
.sec3 .txt2{
	
	margin:0 auto 27px;
	font-size:25px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	letter-spacing:2px;
	color:#a17d5e;
	
}


.sec4 {
	background:url(/skin/htc/img/app_sec4.058fd89d.png) 100% no-repeat;
	background-size:100% 100%;
	position:relative;
	margin-top:-55px;
	overflow-x:hidden
}
.sec4 .title {
	width:18%;
	margin:0 auto 57px;
	padding-top:89px
}
.sec4 ul {
	display:flex;
	padding-bottom:161px;
	animation-duration:30s;
	animation-name:slide-left;
	animation-timing-function:linear;
	animation-iteration-count:infinite
}
.sec4 ul li {
	width:33.3%;
	padding-right:3.3%;
	flex-shrink:0
}
.banner3 {
	margin-top:-3.2%
}