
.crumbs{position: relative;top: 0;left: 0;width: 100%;padding-top: 19px;}
.crumbs i{width: 19px;height: 18px;display: inline-block;background: url(../image/syb/icon_home1.png) no-repeat;background-size: 100%;margin-right: 5px;position: relative;top: 2px;}
.road .t1{padding-top: 17px;text-align: center;position: relative;z-index: 1;color: #333;}
.road .more {text-align: right;color: #4d944b;}

/* 线路列表 */
.road{padding-bottom: 50px;}
.road .list{width: 100%;margin-top: 86px;padding-bottom: 44px;}
.road .slick-slide>div{display: flex;width: 100%;}
.road .li{width: calc((100% - 78px)/3) !important;background-color: #4d944b;height: 204px;padding: 11px 20px 0;
margin-right: 39px;margin-bottom: 40px;position: relative;}
.road .li::after{width: 100%;height: 100%;position: absolute;left: 2px;top: 2px;
background-color: #a0c49f;content: "";display: block;z-index: -1;}
.road .slick-slide{margin:0 2px;}
.road .slick-list{margin: 0 -2px;}
.road .li:last-child{margin-right: 0;}
.road .t{color: #fff;position: relative;
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
}
.road .t::before{display: inline-block;content: "";width: 19px;height: 2px;background-color: #fff;margin-right: 7px;}
.road .t::after{display: inline-block;content: "";width: 19px;height: 2px;background-color: #fff;margin-left: 7px;}
.road .t span{position: absolute;right: 0;opacity: 0.5;}
.road .box{width: 100%;color: #fff;height: 135px;margin-top: 15px;}
.road .a a{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
padding-left: 12px;width: 100%;position: relative; color: #fff;}
.road .a{padding: 12px 0;}
.road .nm{flex-shrink: 0;flex-grow: 0;}
.road .line{flex: 1;border-top: 2px solid #d8e8d8;margin: 0 6px;-ms-flex:1;-webkit-box-flex:1;}
.road .xq{flex-shrink: 0;flex-grow: 0;}
.road .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #ffffff;}
.road .mCSB_scrollTools .mCSB_draggerRail{background-color: #d8e8d8;}
.road .mCSB_inside > .mCSB_container{margin-right: 23px;}

.road .slick-dot{background-color: #4d944b;width: 10px;height: 10px;padding: 0;}
.road .slick-dot.slick-active, .slick-dot.slick-active:hover{background-color: #4d944b;width: 38px;border-radius: 5px;}

/* 线路详细 */
.road_deta1{position: relative;}
.road_deta1 .crumbs{position: absolute;top: 0;color: #fff;z-index: 3;}
.road_deta1 .crumbs a{color: #fff;}
.road_deta1 .crumbs i{background:url(../image/syb/icon_home.png) no-repeat}
.road_deta1 .l{width: 50%;position: relative;padding-bottom: 15px;}
.road_deta1 .dect{position: relative;z-index: 1;}
.road_deta1 .l::before{width: 960px;height: 100%;content: "";display: block;position: absolute;right: 0;
top: 0;background: url(../image/syb/img_01.jpg) no-repeat top center/cover;}
.road_deta1 .r{width: 50%;position: relative;}
.road_deta1 .dect{margin-top: 116px;color: #fff;padding-right: 38px;max-height: 600px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #fff;}
.mCSB_scrollTools .mCSB_draggerRail{background-color: #fff;}
.road_deta1 .t{margin-top: 0;margin-bottom: 48px;}
.road_deta1 .t1{margin-top: 27px;margin-bottom: 10px;}
.road_deta1 .dect p{line-height: 1.85;text-align: justify;}
.road_deta2{position: relative;background-color: #fff;padding-top: 38px;padding-bottom: 43px;}
.road_deta2::after{width: 100%;height: 1px; content: "";display: block;background-color: #d3d3d3;
position: absolute;top: 126px;}
.road_deta2 .scroll-tab{ position: relative; margin-top: 30px;z-index: 1;}
.road_deta2 .t1{cursor: pointer;}
.road_deta2 .yuan{width: 16px;height: 16px;border: 1px solid #4b7d16;border-radius: 50%;position: relative;
left: 12px;z-index: 1;cursor: pointer;}
.road_deta2 .yuan::before{width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;
content: "";display: block;background-color: #4b7d16;border-radius: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.road_deta2 .yuan::after{width: 1px;height: 13px;background-color: #97b478;content: "";display: block;position: absolute;left: 50%;top: 16px;}
.road_deta2 .hide{visibility: hidden;margin-top: 23px;width: 440px;
word-break:break-word;white-space:normal;}
.road_deta2 .hide .p{background-color: #4b7d16;color: #fff;z-index: 1;position: relative;width: 100%;height: 100%;padding: 12px 20px;}


.road_deta2 .hide::after{width: 100%;height: 100%;background-color: #bbcea6;content: "";display: block;
position: absolute;left: 3px;top: 2px;z-index: -1;}
.road_deta2 .scroll-item.cur .hide{display: block !important;visibility: visible;text-align: center;
left: 50%;-webkit-transform: translateX(-45%);-moz-transform: translateX(-45%);transform: translateX(-45%);}

.road_deta2 .scroll-box{ position: relative; overflow: hidden;}
.road_deta2 .scroll-track{ display: table; white-space: nowrap;}
.road_deta2 .scroll-item{ display: inline-block;  vertical-align: text-top; 
width: 295px;color: #333;}
.road_deta2 .scroll-item:first-child .hide{
	left: 0;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
.road_deta2 .scroll-prev, .scroll-next{ position: absolute; top: 0; bottom: 0; padding: 0 5px; height: 100%; background-color: #eee; cursor: pointer; z-index: 1;}
.road_deta2 .scroll-prev{ left: 0;}
.road_deta2 .scroll-next{ right: 0;}
.road_deta2 .scroll-prev:before{ content: '\e72c';}
.road_deta2 .scroll-next:before{ content: '\e72d';}
.road_deta2 .disabled{ opacity: 0.5; cursor: default;}
.road_deta2 .scroll-item.cur{ color: #5ba457;}
.road_deta2 .tab-item{ display: none; text-align: center;}  
.road_deta2 .tab-item.act{ display: block;} 
.road_deta2 .tab-item img{max-width: 100%;margin-top: 2em;}
.road_deta2 .tab-item p{margin-top: 2em;}
.road_deta2 .table{width: 100%;margin-top: 34px;}
.road_deta2 table{width: 100%;}
.road_deta2 .table td{text-align: center;border: 1px solid #dbdbdb;color: #666;}
.road_deta2 .table span{display: block;}
.road_deta2 .table .span1{display: block;line-height: 1.85;}
.road_deta2 th{background-color: #4b7d16;color: #fff;height: 46px;border: 1px solid #dbdbdb;}
.road_deta2 .wen{padding: 20px 50px;text-align: justify;}
.road_deta2 .icon{width: 15px;height: 23px;background: url(../image/syb/icon_x.png) no-repeat;margin: 25px auto;}

.road_deta3{padding: 35px 0 145px;background: url(../image/syb/road_deta3.jpg) no-repeat bottom center/cover;
position: relative;}
.road_deta3 .t1{margin-top: 27px;}
.road_deta3 p{margin-top:19px ;}
/* 3打卡页面1 */
.punch_1{padding: 39px 0 143px;background: url(../image/syb/punch_1.jpg) no-repeat bottom  center/cover;
position: relative;}
.punch_1 .box{-webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap;  -ms-flex-wrap: wrap;  -o-flex-wrap: wrap;  flex-wrap: wrap;
 -webkit-box-pack: justify;
 		-webkit-justify-content: space-between;
 		-ms-flex-pack: justify;
 		justify-content: space-between;
		margin-top: 50px;
}
.punch_1 .li{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.punch_1 .name{margin-right: 14px;line-height: 36px;}
.punch_1 .li input{width: 160px;height: 37px;border: 1px solid #c5c5c5;border-radius: 8px;padding: 0 19px;}
.punch_1 .sub{width: 104px;height: 45px;background-color: #369a35;color: #fff;border-radius: 8px;display: block;
margin: 0 auto;margin-top: 130px;cursor: pointer;}
.punch_1 .more{margin-top: 15px;text-align: center;color: #369a35;text-indent: 1.5em;}
.puch_2 {padding-bottom: 97px; position: relative;
}
.x-container1::after{background: url(../image/syb/x-container1.jpg) no-repeat bottom center/cover;
position: absolute;z-index: 1;width: 100%;height: 400px;display: block;left: 0;bottom: 0;
content: "";}
.x-container2::after{background: url(../image/syb/punch_1.jpg) no-repeat bottom center/cover;
position: absolute;z-index: 1;width: 100%;height: 472px;display: block;left: 0;bottom: 0;
content: "";}

.puch_2 .t1{padding-top: 17px;text-align: center;position: relative;z-index: 1;color: #333;}

.puch_2 .table{width: 100%;margin-top: 85px;}
.puch_2 img{position: absolute;left: -34px;top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.puch_2 td{color: #666;}
.puch_2 .no{color: #e5b000;}
.puch_2 .txt{position: relative;display: inline-block;}
.puch_2 table{width: 100%;}
.puch_2 .table td{text-align: center;height: 86px;}
.puch_2 .table span{display: block;}
.puch_2 .dk{cursor: pointer;}
.puch_2 .table tr{background-color: #ffffff;}
.puch_2 th{background-color: #4d944c;color: #fff;height: 86px;font-weight: normal;text-align: center;}
.puch_2 .table tr:nth-child(2n){background-color: #eff2f3;}
.puch_2 .link_a{display: block;width: 368px;height: 57px;background-color: #e5b000;border-radius: 8px;color: #fff;
text-align: center;line-height: 57px;box-shadow: 0 6px 6px rgba(0,0,0,0.2);margin: 0 auto;margin-top: 50px;}
/* 弹框 */
.pop-box{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 10;}
.pop-box .pop-cont{background-color: #fff;position: absolute;margin: auto;width: 840px;height: auto;left: 50%;
top: 50%;transform: translate(-50%,-50%);padding: 50px;}
.pop-box .t1{background: url(../image/syb/icon_dk.png) no-repeat left center;height: 26px;
line-height: 26px;padding-left: 33px;}
.pop-box .name{width: 124px;text-align: right;line-height: 33px;}
.pop-box textarea{flex-grow: 1;background-color: #f7f7f7;padding: 7px 14px;height: 170px;
display: block;width: calc(100% - 125px);
}
.pop-box .li{margin-top: 32px;}
.pop-box .up{width: 313px;height: 70px;position: relative;background: #e5b000;color: #fff;border-radius: 8px;overflow: hidden;float: left;}
.pop-box .up input{width: 100%;height: 100%;opacity: 0;cursor: pointer;font-size: 0px;position: absolute;top: 0;left: 0;z-index: 9;}
.pop-box .hh{position: relative;flex-grow: 1;width: calc(100% - 125px);}
.pop-box .hh .p{color: #666666;margin-top: 11px;margin-left: 10px;}
.pop-box .hh .up{float: none;}
.pop-box .rbox{overflow: hidden;
-webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap;  -ms-flex-wrap: wrap;  -o-flex-wrap: wrap;  flex-wrap: wrap;}
.pop-box .rbox .item{margin: 15px 0 0 15px;}
.pop-box .rbox .item span{text-decoration: underline;word-break:break-word }
.pop-box .rbox .icon{cursor: pointer;width: 20px;margin-left: 14px;flex-shrink: 0;}
.pop-box .rbox .icon img{width: 100%;display: block;}
.pop-box .button{margin-top: 42px;}
.pop-box .button1{width: 104px;height: 45px;border-radius: 8px;background-color: #369a35;color: #fff;cursor: pointer;}
.pop-box .button2{width: 104px;height: 45px;border-radius: 8px;background-color: #dd0315;color: #fff;margin-left: 75px;cursor: pointer;}
.pop-box .ubox{text-align: center;height: 70px;}
.pop-box .ubox img{width: 18px;margin-right: 15px;}
.pop-box .tips{font-size: 12px;margin-top: ;}
.pop-box1{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 10;}
.pop-box1 .t1{text-align: center;color: #fff;font-weight: bold;}
.pop-box1 .pop-cont{background-color: #fff;position: absolute;margin: auto;width: 484px;min-height: 286px;left: 50%;top: 50%;
transform: translate(-50%,-50%);padding-bottom: 29px;}
.pop-box1 .pop-cont .top{width: 100%;background: url(../image/syb/pop_top1.jpg) no-repeat bottom -1px center;
background-size: 100% 100%;height: 130px;position: relative;}
.pop-box1 .p{text-align: center;}
.pop-box1 .p1{margin-top: 12px;}
.pop-box1 .line{width: 100%;height: 1px;background-color: #f7f7f7;margin-top: 12px;}
.pop-box1 .line+.button{margin-top: 18px;}
.pop-box1 .pop-cont .top_d{height: 100px;}

.pop-box1 .pop-cont .img{width: 51px;height: 48px;background: url(../image/syb/icon_dui_03.png) no-repeat;
background-size: 100%;margin: 0 auto;margin-top: -24px;position: relative;z-index: 2;}
.pop-box1 .button{margin-top: 33px;}
.pop-box1 .button1{width: 104px;height: 45px;border-radius: 8px;background-color: #369a35;color: #fff;cursor: pointer;}
.pop-box1 .pop-cont .top::before{content: "";height: 70px;background-color: #369a35;position: absolute;
left: 0;top: 0;z-index: -1;display: block;width: 100%;}

/* 7打卡页面详细 */
.record1{padding-bottom: 46px;}
.record1 .t1{padding-top: 17px;text-align: center;position: relative;z-index: 1;color: #333;}
.record1 .t2{color: #4d944c;margin-top: 80px;}
.record1 .t2 span{color: #333;margin-left: 30px;}
.record1 .p{text-indent: 2em;line-height: 1.7;margin-top: 28px;}

.record1 .list{margin-top: 10px;-webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap;  -ms-flex-wrap: wrap;  -o-flex-wrap: wrap;  flex-wrap: wrap;}
.record1 .li{width: calc((100% - 60px)/3);margin-right: 30px;margin-top: 30px;}
.record1 .li:nth-child(3n){margin-right: 0;}
.record1 .img{position: relative;overflow: hidden;}
.record1 .img::before{padding-top: 54.2199%;content: "";display: block;}
.record1 .img img{position: absolute;top: 50%;left: 50%;
max-width: 100%;max-height: 100%;
-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
/* .record1 img{width: 100%;} */
.record1 .icon{width: 52px;height: 52px;background: url(../image/syb/icon_bf.png) no-repeat center/cover;
position: absolute;left: 50%;top: 50%;z-index: 2;cursor: pointer;
-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.record1 .mask{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;
z-index: 1;}
/* 视频弹窗 */
.pop-box2{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;
left: 0;z-index: 10;}

.pop-box2 .pop-cont{background-color: #fff;position: absolute;margin: auto;width: 800px;left: 50%;top: 50%;
transform: translate(-50%,-50%);}
.pop-box2 .video-mod{width: 100%;position: relative;width: 800px;}

.video-mod{ position: relative; background-color: #000; overflow: hidden;}
.video-mod::before{ content: ''; display: block; padding-top: 56.25%;}
.video-mod .video-js{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%;}
.video-mod .vjs-ended .vjs-poster{ display: block;}
.upload{padding-bottom: 83px;}
.upload .t1{padding-top: 17px;text-align: center;position: relative;z-index: 1;color: #333;}
.upload .t2{color: #4d944c;}
.upload .t2 span{color: #333;margin-left: 30px;}
.upload  .p{line-height: 1.7;margin-top: 28px;}

.upload .x-wrap{padding: 50px 60px 0;}
.upload .place img{width: 19px;margin-right: 25px;}
.upload .l_cont{margin-top: 20px;}
.upload .li{border-bottom: 1px solid #c5c5c5;padding-bottom: 90px;background-color: #fff;}
.upload .up{width: 331px;height: 70px;position: relative;background: #e5b000;color: #fff;border-radius: 8px;overflow: hidden;float: left;}
.upload .up input{width: 110%;height: 110%;opacity: 0;cursor: pointer;font-size: 0px !important;
position: absolute;top: -10px;left: -10px;z-index: 9;}
.upload .hh{width: 331px;position: relative;float: left;}
.upload .hh .p{margin-top: 7px;}
.upload .hh .up{float: none;}
.upload .ubox{text-align: center;height: 70px;}
.upload .ubox img{width: 18px;margin-right: 15px;}

.upload .rbox{overflow: hidden;padding-left: 10px;}
.upload .rbox .item{margin: 7px 20px 6px 0px;float: left;}
.upload .rbox .item span{text-decoration: underline;word-break:break-word }
.upload .rbox .icon{cursor: pointer;width: 20px;margin-left: 14px;flex-shrink: 0;}
.upload .rbox .icon img{width: 100%;display: block;}
.upload .p_btn{margin-top: 60px;} 

.upload1{width: 100%;height: 208px;background-repeat: no-repeat;background-position: center;
background-size: cover;position: relative;color: #fff;}
.upload1 .crumbs i{background:url(../image/syb/icon_home.png) no-repeat}
.upload1 .t1{text-align: center;position: absolute;top: 50%;
-webkit-transform: translateY(-50%);width: 100%;
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.upload .button{width: 132px;height: 45px;background-color: #369a35;color: #fff;border-radius: 8px;display: block;
margin: 0 auto;margin-top: 54px;cursor: pointer;}


/* 11我的活动记录 */
.activity{padding-bottom: 166px;}
.activity .t1{padding-top: 17px;text-align: center;position: relative;z-index: 1;color: #333;}
.activity .t2{margin-top: 83px;text-transform: uppercase;}
.activity .t2 span{display: inline-block;}
.activity .t2 span:first-letter{font-size: 18px;}
.activity .table{width: 100%;margin-top: 21px;}
.activity img{position: absolute;left: -34px;top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.activity td{color: #666;}
.activity .no{color: #e5b000;}
.activity .txt{position: relative;display: inline-block;}
.activity table{width: 100%;}
.activity .table td{text-align: center;height: 86px;}
.activity .table td:first-child{text-align: left;padding-left: 110px;}
.activity .table span{display: block;}
.activity .dk{cursor: pointer;}
.activity .table tr{background-color: #ffffff;}
.activity th{background-color: #4d944c;color: #fff;height: 86px;font-weight: normal;text-align: center;}
.activity th:first-child{text-align: left;padding-left: 110px;}
.activity .table tr:nth-child(2n){background-color: #eff2f3;}
.activity .link_a{display: block;width: 368px;height: 57px;background-color: #e5b000;border-radius: 8px;color: #fff;
text-align: center;line-height: 57px;box-shadow: 0 6px 6px rgba(0,0,0,0.2);margin: 0 auto;margin-top: 50px;}
.activity .no_1{position: relative;}
.activity .icon{width: 23px;height: 23px;background: url(../image/syb/icon_no.png) no-repeat;display: block;
margin-left: 9px;position: absolute;left: 50%;margin-left: 30px;top: -2px;background-size: cover;}
.activity .num{width: 20px;height: 20px;text-align: center;line-height: 20px;background-color: #e60012;color: #fff;
position: absolute;left: 50%;margin-left: 53px;top: -20px;display: block;}
.activity .table .hq{cursor: pointer;display: inline-block;width: auto;}


.pop-box3{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;display: none;
left: 0;z-index: 10;}

.pop-box3 .pop-cont{position: absolute;margin: auto;width: 980px;left: 50%;top: 50%;
transform: translate(-50%,-50%);}
.pop-box3 .close{width: 34px;height: 34px;background: url(../image/syb/close.png) no-repeat;
position: absolute;left: 50%;bottom: -70px;margin-left: -17px;cursor: pointer;
}
.pop-box3 .icon_down{position: absolute;right: 5px;bottom: -30px;}
.pop-box3 .pop-cont img{width: 100%;}



@media screen and (min-width: 1021px){
	.road .a a:hover{color: #ffdb9e;transition: all 0.32s;}
	.road .a a:hover::before{opacity: 1;transition: all 0.32s;}
	.road .a a:hover .line{border-top: 2px solid #ffdb9e;}
/* 	.road .more a:hover{color: #4d944b;text-decoration: underline;}
	.punch_1 .more a:hover{color: #4d944b;text-decoration: underline;} */
}
/*	移动端 1024 以下	*/
@media screen and (max-width: 1480px){
.pop-box3 .pop-cont{width: 700px;}
}

/*	移动端 1024 以下	*/
@media screen and (max-width: 1021px){
	.pop-cont{width: 80%;}
}
@media screen and (max-width: 1024px){
.punch_1 .li{margin-bottom: 15px;}
}

/*	移动端 768 以下	*/
@media screen and (max-width: 768px){
	.ban_box .t1{padding-top: 80px;}
	.road .list{margin-top: 30px;}
	.road .slick-slide>div:last-child .li{margin-bottom: 0;}
	.road .li{width: 100% !important;}
	.road_deta1 .x-wrap{flex-wrap: wrap;}
	.road_deta1 .l{width: 100%;}
	.road_deta1 .l::before{right: -15px;}
	.road_deta1 .r{width: 100%;margin-top: 15px;}
	.road_deta1 .r img{width: 100%;}
	.road_deta2 .hide{width: 100%;}
	.road_deta2 .scroll-item.cur .hide{left: 0;
		-webkit-transform: translateX(0%);-moz-transform: translateX(0%);transform: translateX(0%);
	}
	.road_deta2 .table{overflow: scroll;}
	.road_deta2 table{width: 730px;}
	.road_deta3{padding-bottom:70px;}
	.road_deta2 .wen{padding: 10px 15px;}
	
	/* 3打卡页面1 */
	.punch_1 {padding-bottom:70px;}
	.punch_1 .li{flex:1;margin-top: 20px;margin-bottom: 0;}
	.punch_1 .li:first-child{margin-top: 0;}
	.punch_1 .name{width: 50px;text-align: right;}
	.punch_1 .li input{flex: 1;}
	.punch_1 .sub{margin-top: 65px;}
	.punch_1 .box{margin-top: 25px;}
	
	.puch_2 img{position: relative;left: 0;top: -3px;margin-right: 3px;
	width: 15px;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	}
	.pop-box .pop-cont{width: 95%;padding: 20px 10px;}
	.pop-box .li{flex-wrap: wrap;margin-top: 20px;}
	.pop-box .name{text-align: left;}
	.pop-box textarea{width: 100%;flex: none;}
	.pop-box1 .pop-cont{width: 95%;height: auto;}
	
	.record1 .li{width: 100%;margin-right: 0;}
	.pop-box2 .pop-cont{width: 95%;height: auto;padding: 0;}
	.pop-box2 .video-mod{width: 100%;height: auto;}
	
	
	.upload .x-wrap{padding: 30px 15px 0;}
	.upload .hh{float: none;width: 100%;margin-right: 0;}
	.upload .rbox{padding-left: 0;}
	.upload .up{width: 100%;}
	.activity{padding-bottom: 50px;}
	.activity th:first-child{padding-left: 30px;}
	.activity .table td:first-child{padding-left: 10px;}
	.activity img{width: 18px;}
	.activity img{left: -22px;}
	.activity .icon{width: 15px;height: 15px;top: 2px;margin-left: 25px;}
	.activity .num{top: -20px;margin-left: 40px;}
	.activity .t2{margin-top: 30px;}
	.pop-box3 .pop-cont{width: 95%;}
	.activity .t2 span:first-letter{font-size: 16px;}
	.pop-box .hh{width: 100%;flex:none;}
	.pop-box .up{width: 100%;}
	.pop-box .hh .cen{-webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap;  -ms-flex-wrap: wrap;  -o-flex-wrap: wrap;  flex-wrap: wrap;}
	.road_deta1 .dect{margin-top: 80px;padding-right: 0;max-height: 400px;}
	.road_deta1 .l{padding-bottom: 40px;}
	.puch_2 .link_a{width: 100%;}
	.road .more{margin-top: 8px;}
}

























