#video {padding: 75px 0 120px;}
.video_main{margin-top: 90px;}

#video *::-webkit-scrollbar{height:3px;width:5px;background:rgba(173,173,173,0.2); border-radius: 2px;}
#video *::-webkit-scrollbar:hover{background:rgba(173,173,173,0.2);  border-radius: 2px;}
#video *::-webkit-scrollbar-thumb{background:rgba(173,173,173,1); border-radius: 2px;}
#video *::-webkit-scrollbar-thumb:hover{background-color:rgba(173,173,173,1); border-radius: 2px;}

#video .choose .select_one {position: relative;}
#video .choose .select_one::before {content: '';width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;}
/* #video .choose .select_one .item {width: auto;font-size: 18px;padding-bottom: 25px;transition: all 0.3s linear;box-sizing: border-box;border-bottom: 3px solid transparent;} */
#video .choose .select_one .slide {width: auto;height: auto;padding-right: 40px;}
#video .choose .select_one .slide:last-child {padding-right: 0;}
#video .choose .select_one .item {font-size: 18px;padding-bottom: 1.5625vw;box-sizing: border-box;border-bottom: 3px solid transparent;}
#video .choose .select_one .item.cur {font-weight: 600;border-bottom: 3px;border-bottom: 3px solid var(--main);color: var(--main);}
#video .choose .select_two {display: block ;margin-top: 30px;}
/* #video .choose .select_two .item {width: auto;padding: 0 30px;background: #f8f8f8;line-height: 50px;font-size: 16px;border-radius: 30px;transition: all 0.3s linear;} */
#video .choose .select_two .slide {width: auto;padding-right: 15px;}
#video .choose .select_two .slide:last-child {padding-right: 0;}
#video .choose .select_two .item {padding: 0 30px;background: #f8f8f8;line-height: 50px;font-size: 16px;border-radius: 30px;}
#video .choose .select_two .item.cur {color: #fff;background: var(--main);}
 
#video .phone_choose {margin-top: 10px;display: none;} 
#video .phone_choose .down {max-height: 16.521vw;overflow: hidden;}
#video .phone_choose .ul {display: flex;flex-wrap: wrap;border-bottom: 1px solid #999;padding-bottom: 20px;}
#video .phone_choose .ul .li {min-width: 25%;margin-top: 4.026%; padding: 0 4.026%;border-right: 1px solid #999;font-size: 0.26rem;text-align: center;}
#video .phone_choose .ul .li:last-child {border-right: none;}
#video .phone_choose .ul .li.cur {color: var(--main);font-weight: 600;}
#video .phone_choose .btn {margin-top: 20px;}
#video .phone_choose .btn .icon {margin: auto;background: #fff;width: 20px;height: 20px;transform: rotate(90deg);}
#video .phone_choose .btn .icon .svg {font-size: 18px; color: #999; fill: #999999;stroke: #999999;}
#video .phone_choose.cur .btn .icon {transform: rotate(-90deg);}

#video .content {margin: 2.0439375% 0 3.90625%;display: flex;flex-wrap: wrap;} 
#video .content .item {width: 23.4375%;background: #f8f8f8;margin-top: 2.083%;margin-right: 2.083%; border:1px solid #f2f2f2;}
#video .content .item:nth-child(4n) {margin-right: 0;}
#video .content .item .imgbox {position: relative;border-radius: 22px 22px 0 0;overflow: hidden;}
#video .content .item .imgbox .img {height: 202px;}
#video .content .item .imgbox .img img {object-fit: cover;}
#video .content .item .imgbox .btn {width: 60px;height: 60px;border-radius: 22px 0 0 0;background: #f8f8f8;position: absolute;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
#video .content .item .imgbox .btn .play {width: 40px;height: 40px;border-radius: 50%;background: #999999;}
#video .content .item .imgbox .btn .play img {transform: translateX(1px);}
#video .content .item .imgbox .btn::before {content: '';width: 22px;height: 22px;background-image: url(images/l.png);background-position: right bottom;background-repeat: no-repeat;background-size: auto;position: absolute;left: -22px;bottom: 0;}
#video .content .item .imgbox .btn::after {content: '';width: 22px;height: 22px;background-image: url(images/t.png);background-position: right bottom;background-repeat: no-repeat;background-size: auto;position: absolute;right: 0;top: -22px;}
#video .content .item .word {padding: 20px 20px;border-radius: 0 0 22px 22px;}
#video .content .item .word .name {line-height: 1.4;font-size: 16px;min-height: 45px;}
#video .content .item .word .brief {margin-top: 3px;line-height: 26px;font-size: 14px;color: #666666;position: relative;}
#video .content .item .word .brief .item_desc {display: flex;align-items: center;cursor:pointer;justify-content: space-between;}
#video .content .item .word .brief .more_box{top: 0px; left: -5.555%; z-index: 2; padding: 19px 14px; width: 126.944%; height: max-content; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); font-size: 16px; color: #333333;}
#video .content .item:nth-child(4n) .word .brief .more_box {left: auto;right: -5.555%;}
#video .content .item .word .brief .more_box .box_ul{margin-bottom: 10px;max-height: 130px;overflow: auto;}
#video .content .item .word .brief .more_box .box_ul .li{margin-right: 39px; margin-top: 10px;line-height: 26px;}
#video .content .item .word .brief .more_box .box_btn{padding-right: 24px;}
#video .content .item .word .brief .more_box .box_btn .svg{margin-left: 12px; font-size: 10px; color: #999; fill: #999; transform: rotate(-90deg);}
#video .content .item .word .brief .text {width: calc(100% - 10px - 18px);}
#video .content .item .word .brief .icon {width: 10px;height: 10px;transform: rotate(90deg);}
#video .content .item .word .brief .icon .svg {font-size: 10px; color: #999; fill: #999999;stroke: #999999;}
#video .content .item .word .time {font-size: 14px;color: #999999;margin: 10px 10px 5px 0;}
.video_detail_top{padding: 21px 0;background: #f8f8f8;}

#video .detail .head {display: flex;align-items: center;justify-content: space-between; border-bottom:1px solid #e5e5e5; padding-bottom: 40px;}
#video .detail .head .left {width: 53.385%;}
#video .detail .head .left .title {line-height: 1.4;}
#video .detail .head .left .brief {margin-top: 15px;line-height: 29px;font-size:14px;color: #666666;}
#video .detail .head .left .brief .tip:first-child {margin-right: 30px;}
#video .detail .head .left .brief .other {position: relative;}
#video .detail .head .left .brief .other .item_desc {display: flex;align-items: center;cursor:pointer;justify-content: space-between;}
#video .detail .head .left .brief .other .more_box{top: 0px; right: 0px; z-index: 2; padding: 9px 10px 19px 24px; width: 91.5%; height: max-content; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); font-size: 14px; color: #333333;}
#video .detail .head .left .brief .other .more_box .box_ul{margin-bottom: 18px;}
#video .detail .head .left .brief .other .more_box .box_ul .head {margin-right: 39px; margin-top: 10px;line-height: 26px;}
#video .detail .head .left .brief .other .more_box .box_btn{padding-right: 24px;}
#video .detail .head .left .brief .other .more_box .box_btn .svg{margin-left: 12px; font-size: 10px; color: #999; transform: rotate(-90deg);}
#video .detail .head .left .brief .other .text {width: calc(100% - 20px);}
#video .detail .head .left .brief .other .icon {width: 10px;height: 10px;transform: rotate(90deg);}
#video .detail .head .left .brief .other .icon .svg {font-size: 10px; color: #999; fill: #999999;stroke: #999999;}
#video .detail .head .left .brief .btnbox {display: flex;margin-top: 25px;}
#video .detail .head .left .brief .btnbox .btn {cursor:pointer;width: 140px;height: 42px;background: #666666;color: #fff;font-size: 14px;display: flex;align-items: center;justify-content: center;margin-right: 10px;}
#video .detail .head .left .brief .btnbox .btn:last-child {margin-right: 0;}
#video .detail .head .left .brief .btnbox .btn .img {margin-right: 14px; filter: brightness(0) invert(100%)}
#video .detail .head .right {display: flex;flex-direction: column;align-items: flex-end;}
#video .detail .head .right .form {max-width: 100%; width: 356px;height: 55px;border-radius: 30px;background: #f8f8f8;display: flex;justify-content: space-between;}
#video .detail .head .right .form .input {width: calc(100% - 70px); padding: 0 25px;font-size: 16px;}
#video .detail .head .right .form .input::placeholder  {color: #999999;}
#video .detail .head .right .form .search {cursor:pointer;width: 70px;height: 100%;background: url(images/search2.svg) no-repeat center}
#video .detail .head .right .btnbox {display: flex;margin-top: 20px;flex-wrap: wrap;}
#video .detail .head .right .btnbox .btn {cursor:pointer;position: relative; min-width: 140px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 14px;padding: 0 20px;background: #f8f8f8;margin-right: 20px;}
#video .detail .head .right .btnbox .btn:last-child {margin-right: 0;}
#video .detail .head .right .btnbox .btn .icon {margin-right: 10px;width: 18px;height: 18px;}
#video .detail .head .right .btnbox .btn .icon .svg {font-size: 18px; color: #333; fill: #333333;stroke: #333333;}
#video .detail .head .right .btnbox .btn .code {display: none; width: 170px;height: 170px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 60px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
#video .detail .head .right .btnbox .btn .code::before {content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: -10px;transition: all 0.3s linear;}

@keyframes enlargeAndDisappear {
    0% {
        transform: translate(-50%,-50%) scale(1);  /* 初始大小 */
        opacity: 1;  /* 完全可见 */
    }
    50% {
        transform: translate(-50%,-50%) scale(1.5);  /* 放大 1.5 倍 */
        opacity: 0.7;  /* 稍微透明 */
    }
	90% {
	    transform: translate(-50%,-50%) scale(2);  /* 放大 2 倍 */
	    opacity: 0;  /* 完全透明 */
	}
    100% {
        transform: translate(-50%,-50%) scale(2);  /* 放大 2 倍 */
        opacity: 0;  /* 完全透明 */
		display: none;
    }
}
@keyframes shrinkAndAppear {
    0% {
        transform: translate(-50%,-50%) scale(0);  /* 初始缩小 */
        opacity: 0;  /* 完全透明 */
    }
	10% {
		display: block;
	    transform: translate(-50%,-50%) scale(0);  /* 初始缩小 */
	    opacity: 0;  /* 完全透明 */
	}
    50% {
        transform: translate(-50%,-50%) scale(1);  /* 恢复到正常大小 */
        opacity: 0.7;  /* 稍微透明 */
    }
    100% {
        transform: translate(-50%,-50%) scale(1);  /* 保持正常大小 */
        opacity: 1;  /* 完全可见 */
    }
}

#video .detail .video-content {margin: 20px 0 0;  padding:20px 0px;}

#video .detail .video-content p{
	font-size:1em;
	margin:10px 0px;
}

#video .detail .video_box {padding: 15px 0; position: relative;}
#video .detail .video_box .text {margin-bottom: 20px;}
#video .detail .video_box .video {width: 100%;overflow: hidden;position: relative; margin: 10px 0; }
#video .detail .video_box .video video {max-width: 100%;max-height: 70vh;  cursor: pointer;display: block;margin: 0 auto; border:1px solid #f1f1f1; }

#video .detail .video_box .video::before {pointer-events: none;content: '';width: 80px;height: 80px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgba(0, 204, 136,0.8);border-radius: 50%;background-image: url(images/play.svg);background-position: 58% center;background-repeat: no-repeat;background-size: 30px 30px;z-index: 1;transition: all 0.3s linear;}
#video .detail .video_box .video.fadeOut::before {opacity: 0;}
#video .detail .video_box .video.fadeIn::before {opacity: 1;}
#video .detail .title_model {margin-top: 80px;}
#video .detail .ind_tit {line-height: 1;}
#video .detail .detail_content {margin-bottom: 0;}


  
#video .detail .detail_box .labelbox {display: flex;margin-top: 50px;justify-content: space-between;}
#video .detail .detail_box .labelbox .text {font-size: 16px;line-height: 30px;margin-top: 10px;}
#video .detail .detail_box .labelbox .label {width: calc(100% - 80px); display: flex;flex-wrap: wrap;}
#video .detail .detail_box .labelbox .label .item {padding-left: 28px; position: relative;margin-right: 20px;margin-top: 10px;}
#video .detail .detail_box .labelbox .label .item .span {font-size: 14px;line-height: 30px;color: #666666;background: #f8f8f8;border-radius: 0 5px 5px 0;padding-right: 12px;}
#video .detail .detail_box .labelbox .label .item::before {content: '';width: 28px;height: 100%;position: absolute;left: 0;top: 0;background: url(images/label.png);background-position: center left;background-repeat: no-repeat;background-size: auto;}
#video .detail .detail_box .labelbox .label .item:last-child {margin-right: 0;}
#video .detail .detail_box .interact {margin-top: 35px;padding-bottom: 60px;border-bottom: 1px solid #e5e5e5;}
#video .detail .detail_box .interact .text {text-align: center;font-size: 22px;}
#video .detail .detail_box .interact .btnbox {margin-top: 25px;display: flex;justify-content: center;}
#video .detail .detail_box .interact .btn {cursor:pointer;display: flex;align-items: center;font-size: 22px;margin-right: 40px;}
#video .detail .detail_box .interact .btn:last-child {margin-right: 0;}
#video .detail .detail_box .interact .btn .icon {width: 30px;height: 30px;margin-right: 15px;}
#video .detail .detail_box .interact .btn .icon img {width: 100%;height: 100%;}
#video .detail .detail_box .interact .btn:last-child .icon {transform: rotate(180deg);}
#video .detail .detail_box .interact .btn.cur {color: var(--main);}
#video .detail .detail_box .interact .btn.clicked {color: #999999;}
#video .detail .detail_box .interact .btn.not {cursor:default;}
#video .detail .page {margin-top: 40px;display: flex;justify-content: space-between;}
#video .detail .page .pn {display: flex;max-width: 49%;font-size: 16px;cursor:pointer;}
#video .detail .page .pn .tit {color: var(--main);}
#video .detail .page .pn .text {width: calc(100% - 64px);}


/* 鼠标移入效果 */
@media (min-width:800px) {
	#video .choose .select_one .item:hover {color: var(--main);}
	#video .choose .select_two .item:hover {color: #fff;background: var(--main);}
	#video .content .item:hover .imgbox .btn .play {background: var(--main);}
	#video .detail .head .right .btnbox .btn:hover {background: var(--main);color: #fff;}
	#video .detail .head .right .btnbox .btn:hover .icon .svg {color: #fff; fill: #fff;stroke: #fff;}
	#video .detail .page .pn:hover {color: var(--main);}

	/* #video .detail .video_box .btn:hover {background: #ff433c; opacity: 0.6;} */

	#video .content .item:hover .word .name {color: var(--main);} 
	/* 	#video .detail .detail_box .interact .btn:hover {color: var(--main);} 
	#video .detail .detail_box .interact .btn:hover .icon img:nth-of-type(1) {display: none;}
	#video .detail .detail_box .interact .btn:hover .icon img:nth-of-type(2) {display: block;} */
	
}



@media screen and (max-width:1536px) {
	#video .content .item .imgbox .img {height: 182px;}
	#video .detail .head .left {width: 60.385%;}
	#video .detail .video_box {padding: 10px 0;}
	#video .detail .video_box .text {margin-bottom: 30px;}
}
@media screen and (max-width:1440px) {
	#video .content .item .imgbox .img {height: 165px;}
}
@media screen and (max-width:1380px) {
	#video .detail .head .left {width: 55%;}
}
@media screen and (max-width:1366px) {
	#video .content .item .imgbox .img {height: 150px;}
	#video .content .item .imgbox .btn {width: 55px;height: 55px;}
	#video .content .item .imgbox .btn .play {width: 35px;height: 35px;}
	#video .content .item .word {padding: 20px 23px;}
}
@media screen and (max-width:1280px) {
	#video .content .item .imgbox .img {height: 145px;}
	#video .detail .head .left {width: 50%;}
}
@media screen and (max-width:1200px) {
	#video .content .item:nth-child(4n),
	#video .content .item {width: 31.4375%;margin-right: 2.783%;}
	#video .content .item:nth-child(3n) {margin-right: 0;}
	#video .content .item .imgbox .img {height: 180px;}
	#video .content .item:nth-child(4n) .word .brief .more_box {left: -5.555%;right: auto;}
	#video .content .item:nth-child(3n) .word .brief .more_box {left: auto;right: -5.555%;}
	
	#video .detail .head {flex-direction: column-reverse;}
	#video .detail .head .left {width: 100%;margin-top: 30px;}
	#video .detail .head .right {width: 100%;align-items: flex-start}
	
}
@media screen and (max-width:1024px) {
	#video .content .item .imgbox .img {height: 160px;}

}
@media screen and (max-width:992px) {
	.video_main{margin-top: 65px;}
	#video {padding: 8vw 0;}
	
	#video .choose .select_one .item {font-size: 0.135rem;}
	#video .choose .select_two .item {font-size: 0.12rem;}
	#video .content .item .imgbox .img {height: 202px;}
	#video .content .item .word .brief .more_box,
	#video .content .item .word .brief {font-size: 0.105rem;}
	#video .content .item .word .name {font-size: 0.12rem;min-height: 4.762vw;}
	
	#video .content .item .imgbox {position: relative;border-radius: 0.22rem 0.22rem 0 0;overflow: hidden;}
	
	
	#video .detail .head {margin-bottom:0px; padding-bottom: 20px;}
	#video .detail .head .right .form .input {font-size: 0.12rem;}
	#video .detail .head .left .brief,
	#video .detail .head .left .brief .other .more_box,
	#video .detail .head .right .btnbox .btn {font-size: 0.105rem;}
	#video .detail .head .right .form{width:100%;}
	
	#video .detail .video-content {margin: 0px 0px; margin-bottom:10px; padding-top: 10px;}
	
	#video .detail .video_box {padding: 5px 0 ;}
	#video .detail .video_box .text {margin: 2.604vw 0 0;}
	#video .detail .title_model {margin-top: 5.888vw;}
	
	#video .detail .video_box .video{margin:0px;}
	#video .detail .detail_content {margin-top: 0;}
	
	#video .content .item .imgbox .img {height: 150px;}
	
	#video .detail .detail_box {padding-bottom: 3.125vw;}
	#video .detail .detail_box .interact .btn,
	#video .detail .detail_box .interact .text {font-size: 0.165rem;}
	
	#video .detail .detail_box .labelbox {margin-top: 2.08333vw;}
	#video .detail .detail_box .labelbox .text {font-size: 0.12rem;}
	#video .detail .detail_box .labelbox .label .item .span {font-size: 0.105rem;}
	
	#video .detail .page .pn {font-size: 0.12rem;}
	
	#video .detail .detail_box .interact {padding-bottom: 3.125vw;}
	
	#video .content .item .word .time {font-size: 0.105rem;}
}
@media screen and (max-width:768px) {
	#video .content {justify-content: space-between;}
	#video .content .item:nth-child(4n),
	#video .content .item {width: 49%;margin-right: 0;}
	#video .content .item:nth-child(3n) .word .brief .more_box {left: -5.555%;right: auto;}
	#video .content .item:nth-child(2n) .word .brief .more_box {left: auto;right: -5.555%;}
	#video .content .item .imgbox .img {height: 180px;}
	
	
	#video .choose .select_one .item {font-size: 0.18rem;}
	#video .choose .select_two .item {font-size: 0.16rem;}
	#video .content .item .word .brief .more_box,
	#video .content .item .word .brief {font-size: 0.14rem;}
	#video .content .item .word .name {font-size: 0.16rem;line-height: 1.6;}
	
	#video .detail .head .right .form .input {font-size: 0.16rem;}
	#video .detail .head .left .brief,
	#video .detail .head .left .brief .other .more_box,
	#video .detail .head .right .btnbox .btn {font-size: 0.14rem;}
	#video .detail .head .right .btnbox .btn:nth-of-type(2) {display: none;}
	
	#video .detail .detail_box .interact .btn,
	#video .detail .detail_box .interact .text {font-size: 0.22rem;}
	
	
	#video .detail .detail_box .labelbox .text {font-size: 0.16rem;}
	#video .detail .detail_box .labelbox .label .item .span {font-size: 0.14rem;}
	
	#video .detail .page {display: block;}
	#video .detail .page .pn {font-size: 0.16rem;max-width: 100%;}
	#video .detail .page .pn .text {width: calc(100% - 100px);}
	
	#video .content .item .word .time {font-size: 0.14rem;}
	
	#video .detail .video_box .video::before {display: none !important;}
}
@media screen and (max-width:576px) { 
	#video {padding: 10vw 0;}
	
	#video .choose .select_two {display: none;}
	#video .phone_choose {display: block;}
	
	#video .content {margin: 6vw 0 5vw;}
	#video .content .item .word {padding: 5vw 6.5vw;}
	#video .content .item:nth-child(4n),
	#video .content .item .word .brief .more_box {width: 100%;left: auto;padding-right: 24px;}
	#video .content .item {width: 100%;}
	#video .content .item {margin-top: 6.083vw;}
	#video .choose .select_one .slide {padding-right: 8.04%;}
	#video .choose .select_one .item {font-size: 0.29rem;}
	#video .content .item .word .name {font-size: 0.28rem;line-height: 1.4;}
	#video .content .item .imgbox .img {height: 43.40277777777778vw;}
	#video .choose .select_two .item {font-size: 0.26rem;}
	#video .content .item .word .brief .more_box {font-size: 0.24rem;line-height: 1.9;}
	#video .content .item .word .brief {font-size: 0.24rem;line-height: 1.4	;margin-top: 0.1rem;}
	#video .content .item .word .brief .icon {width: 16px;height: 16px;}
	#video .content .item .word .brief .more_box .box_btn {font-size: 0.28rem;}
	#video .content .item .word .brief .more_box .box_btn .svg {width: 10px;height: 10px;}
	#video .content .item .imgbox .btn {width: 1rem;height: 1rem;}
	#video .content .item .imgbox .btn .play {width: 0.7rem;height: 0.7rem;}
	#video .content .item .imgbox .btn .play img {transform: scale(1.3) translateX(1px);}
	
	#video .detail .head .left{margin-top: 8vw;}
	#video .detail .head .left .title {font-size: 0.4rem;}
	#video .detail .head .right .form .input {font-size: 0.26rem;}
	#video .detail .head .left .brief,
	#video .detail .head .left .brief .other .more_box,
	#video .detail .head .right .btnbox .btn {font-size: 0.24rem;line-height: 1.8;}
	#video .detail .head .right .btnbox .btn:nth-of-type(2) {display: none;}
	
	#video .detail .head .left .brief .tip {display: block;}
	#video .detail .head .left .brief .tip:first-child {margin-right: 0;}
	
	#video .detail .head .right .btnbox{margin-top: 3vw;}
	#video .detail .head .right .btnbox .btn .icon { margin-right: 0.2rem; width: auto; height: auto;}
	#video .detail .head .right .btnbox .btn .icon .svg{font-size: 0.3rem;}

	#video .detail .head .left .brief .other .icon{width: auto; height: auto; transform: translateY(1px) rotate(90deg);}
	#video .detail .head .left .brief .other .icon .svg{font-size: 0.18rem; transform: scale(0.8);}
	#video .detail .head .left .brief .other .more_box .box_btn .svg{font-size: 0.18rem; transform: rotate(-90deg) scale(0.8);}
	
	#video .detail .head .right .btnbox .btn,
	#video .detail .head .right .form {height: 0.72rem;}
	#video .detail .detail_box .interact {margin: 0.6rem 0; margin-bottom: 0; padding-bottom: 0.6rem;}
	#video .detail .detail_box .interact .btn,
	#video .detail .detail_box .interact .text {font-size: 0.26rem;}
	#video .detail .detail_box .labelbox {display: block;}
	#video .detail .detail_box .labelbox .label  {width: 100%;}
	#video .detail .detail_box .labelbox .text,
	#video .detail .detail_box .labelbox .label .item .span {font-size: 0.24rem;line-height: 30px;}
	
	#video .detail .page {margin-top:0.3rem;margin-bottom:10vw}
	#video .detail .page .pn {margin-top: 0.15rem; font-size: 0.26rem;}
	#video .detail .page .pn:first-child{margin-top: 0;}
	#video .detail .page .pn .tit{word-break: keep-all;}
	#video .detail .page .pn .text{width: 100%;}
	#video .detail .detail_box .interact .btn .icon {width: 20px;height: 20px;}
	
	#video .content .item:nth-child(2n) .word .brief .more_box,
	#video .content .item:nth-child(4n) .word .brief .more_box,
	#video .content .item:nth-child(3n) .word .brief .more_box {left: auto;right: auto;}
	/* 
	#video .detail .video_box .btn {display: none;}
	#video .detail .video_box .video-mobile {display: block;}
	#video .detail .video_box .video-pc {display: none;} */
	
	#video .content .item .word .time {font-size: 0.24rem;margin-top: 0.2rem;margin-right: 0;}
}
@media screen and (max-width:380px) { 
	#video .phone_choose .btn .icon {width: 16px;height: 16px;}
	#video .content .item .imgbox .img {height: 180px;}
	#video .detail .head .right .btnbox {margin-top: 0;width: 100%;}
	#video .detail .head .right .btnbox .btn {width: 100%;margin-top: 10px;margin-right: 0;}
	
	#video .detail .detail_box .interact .btn,
	#video .detail .detail_box .interact .text {font-size: 0.241rem;}
	
	#video .detail .detail_box .labelbox .label .item .span,
	#video .detail .detail_box .labelbox .text {font-size: 0.226rem;}
	#video .detail .detail_box .labelbox {display: block;}
	#video .detail .detail_box .labelbox .label {width: 100%;}
	#video .detail .detail_box .labelbox .label .item {margin-right: 10px;}
}
