/*顶部图*/ .p_across {width:100%;height:218px;margin-top:0px;} .p_across >img {display:block;height:100%;width:100%;} .pr {position:relative;} .p_acroos_area {position:absolute;left:0;top:40px;color:#fff;} .p_acroos_area .fb {font-weight:600;font-size:48px;margin-top:15px; margin-bottom: 0px;} .p_acroos_area .fa {font-size:26px;font-weight:600;} .seek_box {position:absolute;right:0;top:122px;} .seek_box .seek_input{width:625px;} .seek_box .seek_input .seekinput_search {width:100%;height:45px;position:relative;background:#FFF;} .seek_box .seek_input .seekinput_search span{cursor:pointer;width:79px;height:45px;display:block;float:left;display:flex;align-items:center;justify-content:center;font-size:15px;color:#666;} .seek_box .seek_input .seekinput_search span img{width:11px;margin-left:7px;} .seek_box .seek_input .seekinput_search input[type="text"] {display:none;border:none;width:395px;height:45px;line-height:45px;font-size:15px;color:#999;padding-left:20px;} .seek_box .seek_input .seekinput_search input[type="text"]::-webkit-input-placeholder {color: #ccc;} .seek_box .seek_input .seekinput_search input[type="button"] {border:none;padding-left:33px;color:#22222E;width:120px;height:45px;font-size:20px;font-weight:bold;position:absolute;top:0;right:0;background:#DFAE5E url("/image/v2/index10.png") no-repeat 24px 14px/20px 20px;} .seekinput_option{padding-bottom:19px;display:none;position:absolute;top:50px;left:0;width:100px;z-index:10;background:#FFF;border-radius:4px;box-shadow:0px 2px 5px 0px rgba(199, 199, 199, 0.36);} .seekinput_option span{cursor:pointer;display:block;padding:0 14px;font-size: 15px;color:#666;margin-top:19px;} .seekinput_option span.on{color:#DD2222;} .seek_box .seek_host {color:#fff;margin-top:8px;font-size:14px;} .seek_box .seek_host a {color:#fff;font-size:14px;margin-left:5px;} .seek_box .seek_host a:hover {color:#E03700;} .s_on {color:#E03700 !important;} /* 新添加模块2020-03-14 */ .livelist .live_nav{margin-top: 45px;} .live_nav{display:flex;align-items:center;justify-content:center;} .live_nav span{font-size:18px;color:#333;position:relative;cursor:pointer;} .live_nav span + span{margin-left:49px;} .live_nav span img{width:12px;margin-left:8px;margin-top:8px;} .live_nav span em{position:relative;z-index:10;} .live_nav span.on i{position:absolute;bottom:2px;left:0;width:100%;height:5px;border-radius:50px;background:#DD2222;display:block;} .live_nav span.gdclick:before {content:"";display:block;width:100px;height:50px;position:absolute;top:0;left:0;} .liveBox{background: #FAFAFA; height: auto;width: 100%; padding: 73px 0 80px;} .livelist_main{margin: 0 auto; margin-top: 30px;position: relative; width: 1200px; height: auto;} .main_li{width: 1200px;margin: 0 auto;overflow: hidden;} .main_li ul li{width: 280px; height: auto; background: #fff; border-radius: 4px; margin: 10px 0; display: -webkit-flex;display: flex;flex-wrap: nowrap; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .main_li ul li .pule_list{ width: 280px; height: auto;} .main_li ul li .pule_list .top_tu{ width: 100%; height: 200px;position: relative; border-radius: 4px;overflow: hidden;} .main_li ul li .pule_list .top_tu p.bg_img{width: 100%; height: 100%;background: #f7f7f7;} .main_li ul li .pule_list .top_tu p.bg_img img{width: 100%; height: 100%;} .main_li ul li .pule_list .top_tu .text-left{position: absolute;left: 12px;top: 12px; z-index: 2;} .main_li ul li .pule_list .top_tu .text-left span{border:1px solid #DD2323; display: inline-block; height: 20px;line-height: 20px; font-size: 14px; color: #fff;background:#DD2323; padding: 0 13px;} .main_li ul li .pule_list .top_tu .text-left em{display: inline-block; font-size: 14x; color: #fff; margin-left: 5px; height: 20px; line-height: 20px;} .main_li ul li .pule_list .top_tu p.pl_img{width: 48px; height: 48px;position: absolute;left: 50%; top: 50%; margin-top: -24px;margin-left: -24px;z-index: 2;} .main_li ul li .pule_list .top_tu p.pl_img img{width: 100%; height: 100%;} .main_li ul li .pule_list.playback .top_tu .text-left span{background:rgba(0,0,0,0); border:1px solid #fff;} .main_li ul li .pule_list.advance .top_tu .text-left span{background:rgba(0,0,0,0); border:none; padding: 0;} .main_li ul li .pule_list.advance .top_tu .text-left i{display: inline-block;width: 6px; height: 6px; border-radius: 100%; background:#DD2323; position: relative;top: -2px; margin-right: 5px;} .main_li ul li .pule_list.advance .top_tu p.pl_img{ width: 90px;height: 35px;border:1px solid #fff; background: rgba(0,0,0,0.4); border-radius: 18px; font-size: 18px; color: #fff; text-align: center;line-height: 35px; margin-top: -17.5px; margin-left: -45px;} .main_li ul li .pule_list.advance .top_tu:hover p.pl_img{border:1px solid #DD2323; background: #DD2323; color: #fff;} .main_li ul li .pule_list .bottom_text{padding: 15px 13px 13px;} .main_li ul li .pule_list .bottom_text p.title_m{font-size: 18px; color: #333333; font-weight: bold;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .main_li ul li .pule_list .bottom_text p.text_m{ margin-top: 10px;} .main_li ul li .pule_list .bottom_text p.text_m span{display: block;} .main_li ul li .pule_list .bottom_text p.text_m span.fl i{display: inline-block; width: 11px; height: 13px; position: relative; top: 1px;} .main_li ul li .pule_list .bottom_text p.text_m span.fr i{display: inline-block; width: 14px; height: 11px; position: relative; top: 2px;} .main_li ul li .pule_list .bottom_text p.text_m span i img{width: 100%; height: 100%;} .main_li ul li .pule_list .bottom_text p.text_m span em{display: inline-block; font-size: 14px; color: #999; margin-left: 3px;} .livelist_main .swiper-button-prev{position: absolute; left: -60px; top: 50%; margin-top: -20px; width: 30px; height: 40px; background: url('/video/image/xm_tb19.png') #fff no-repeat 7px center;} .livelist_main .swiper-button-prev:hover{ width: 30px; height: 40px; background: url('/video/image/xm_tb19_1.png') #fff no-repeat 7.5px center;} .livelist_main .swiper-button-next{position: absolute; top: 50%; margin-top: -20px; right: -60px; width: 30px; height: 40px; background: url('/video/image/xm_tb20.png') #fff no-repeat 7px center;} .livelist_main .swiper-button-next:hover{ width: 30px; height: 40px; background: url('/video/image/xm_tb20_1.png') #fff no-repeat 7.5px center;} .main_li li:hover{ transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); } .main_li li:hover .pule_list .bottom_text p.title_m{color: #DD2323;} /* 报名 */ .liveBm{ display: none; width: 368px; height: 306px;position: fixed;left: 50%;top: 50%;margin-left: -183px; margin-top: -153px; background: url('/video/image/xm_tb22.png') no-repeat; background-size:100% 100%; z-index: 101;} .liveBm_bg{display: none; width: 100%;height: 100%;position: fixed;left: 0; top: 0; z-index: 99; background: rgba(0,0,0,0.5);} .liveBm_main{width: 100%; height: 100%;position: relative;} .liveBm_gb{position: absolute;right: 18px;top:10px; z-index: 2;width: 23px;height: 23px;} .liveBm_gb img{width: 100%;height: 100%;} .liveBm_box{width: 236px; margin: 0 auto;padding-top: 203px;position: relative;left: -21px;} .liveBm_box p.in{width: 100%; height: 32px;background: #fff; border-radius: 4px;} .liveBm_box p.in i{float: left; display: inline-block;width: 10px; height: 15px; margin-left: 10px;position: relative;top: 9px;} .liveBm_box p.in i img{width: 100%;height: 100%;} .liveBm_box p.in em{display: inline-block;height: 15px;width: 1px; background-color:#CCCCCC;float: left;margin: 0 9px 0 7px;position: relative; top: 9px;} .liveBm_box p.in input{display: inline-block;float: left; width: 190px; height: 30px; border:none; position: relative; top: 1px;} .liveBm_box a{display: block;height: 48px;width: 213px; margin: 0 auto;margin-top: 85px;} .liveBm_box a img{width: 100%;height: 100%;} /*标题*/ .m_headtitle{width:1200px;margin:auto;display:flex;align-items:center;justify-content:center;} .m_headtitle_text{text-align:center;} .m_headtitle h1{font-size:36px;color:#333;font-weight:500;} .m_headtitle span{display:block;margin-top:11px;font-size:14px;color:#999;} /*视频看房*/ .m_videolist_box{width:1200px;margin:auto;margin-top:45px;} .m_videolist_dh{display:flex;align-items:center;justify-content:center;} .m_videolist_dh span{font-size:18px;color:#333;position:relative;cursor:pointer;} .m_videolist_dh span + span{margin-left:49px;} .m_videolist_dh span img{width:12px;margin-left:8px;margin-top:8px;} .m_videolist_dh span em{position:relative;z-index:10;} .m_videolist_dh span.on i{position:absolute;bottom:2px;left:0;width:100%;height:5px;border-radius:50px;background:#DFA24E;display:block;} .m_videolist_dh span.gdclick:before {content:"";display:block;width:100px;height:50px;position:absolute;top:0;left:0;} .videolist_option{display:none;padding-bottom:19px;position:absolute;top:33px;left:-3px;width:105px;z-index:10;background:#FFF;border-radius:4px;box-shadow:0px 0px 5px 0px rgba(199, 199, 199, 0.36)} .videolist_option p{cursor:pointer;padding:0 14px;font-size: 15px;color:#666;margin-top:19px;} .videolist_option p.on{color:#DD2222;} .m_videolist{margin-top:39px; } .m_videolist.on{max-height:732px;overflow:auto;} .m_videolist.on::-webkit-scrollbar { /*滚动条整体样式*/ width : 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .m_videolist.on::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; /*box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);*/ background : #535353; } .m_videolist.on::-webkit-scrollbar-track { /*滚动条里面轨道*/ /*box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);*/ border-radius: 10px; background : #DDD; } .m_videolist ul li{width:370px;border-radius:4px;overflow:hidden;float:left;margin-right:30px;margin-bottom:30px;} .m_videolist ul li:nth-child(3n){margin-right:0;} .m_videolist ul li .m_videolist_img{width:376px;height:240px;position:relative;overflow:hidden;} .m_videolist ul li .m_videolist_img .img{width:100%;height:100%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .m_videolist ul li .m_videolist_img .type{position:absolute;top:16px;left:0;font-size:14px;color:#FFF;background:rgba(0,0,0,0.5);padding:9px 15px;} .m_videolist ul li .m_videolist_img .imgtb{position:absolute;top:50%;left:50%;width:58px;height:58px;margin-top:-29px;margin-left:-29px;} .m_videolist ul li .m_videolist_img .text_box{position:absolute;bottom:0;left:0;width:100%;padding:30px 0 10px 0; background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.66))); -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.66))); -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.66))); } .m_videolist ul li .m_videolist_img .text{padding:0 15px;position:relative;} .m_videolist ul li .m_videolist_img .text .Price{font-size:24px;color:#FFF;font-weight:600;} .m_videolist ul li .m_videolist_img .text .sj{font-size:12px;color:#ccc;margin-top:4px;} .m_videolist ul li .m_videolist_img .text .region{position:absolute;bottom:0;right:14px;font-size:14px;color:#CCC;} .m_videolist ul li .m_videolist_img .text .region img{width:10px;margin-top:3px;margin-right:5px;} .m_videolist_text{border:1px solid #EEE;padding:20px;} .m_videolist_text em{font-size:17px;color:#333;font-weight:600;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .m_videolist_text p{margin-top:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .m_videolist_text p span{font-size:14px;color:#999;} .m_videolist_text p i{font-size:12px;color:#CCC;margin:0 3px;position:relative;top:-1px;} .m_videolist ul li:hover .m_videolist_img .img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .m_videolist ul li:hover .m_videolist_text em{color:#DFAE5E;} /*玩转海外*/ .m_overseas_box{margin-top:50px;padding:80px 0 30px 0;background:#F8F8F8;} .m_overseas{width:1200px;margin:auto;margin-top:45px;} .m_overseasdh{display:flex;align-items:center;justify-content:center;} .m_overseasdh span{font-size:18px;color:#333;position:relative;} .m_overseasdh span + span{margin-left:49px;} .m_overseasdh span img{width:12px;margin-left:8px;margin-top:8px;} .m_overseasdh span em{position:relative;z-index:10;} .m_overseasdh span.on i{position:absolute;bottom:2px;left:0;width:100%;height:5px;border-radius:50px;background:#DFA24E;display:block;} .m_overseasdh span.overseasdgj:before {content:"";display:block;width:100px;height:50px;position:absolute;top:0;left:0;} .overseasdh_option{display:none;padding-bottom:19px;position:absolute;top:33px;left:-3px;width:105px;z-index:10;background:#FFF;border-radius:4px;box-shadow:0px 0px 5px 0px rgba(199, 199, 199, 0.36)} .overseasdh_option p{cursor:pointer;padding:0 14px;font-size: 15px;color:#666;margin-top:19px;} .overseasdh_option p.on{color:#DD2222;} .m_overseas ul{margin-top:39px;} .m_overseas ul li{width:286px;height:208px;position:relative;float:left;margin-right:15px;border-radius:4px;overflow:hidden;} .m_overseas ul li img{width:100%;height:100%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;} .m_overseas ul li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .m_overseas ul li p{position:absolute;bottom:0;left:0;width:100%;padding:39px 0 10px 0; background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75))); -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75))); -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75))); } .m_overseas ul li span{display:block;padding:0 12px;font-size:14px;color:#FFF;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .m_overseas ul li:nth-child(1){width:567px;height:430px;position:relative;float:left;} .m_overseas ul li:nth-child(1) p{padding:39px 0 14px 0;} .m_overseas ul li:nth-child(1) p span{font-size:20px;} .m_overseas ul li:nth-child(3){margin-right:0;} .m_overseas ul li:nth-child(4){margin-top:15px;} .m_overseas ul li:nth-child(5){margin-right:0;margin-top:15px;} /*免责声明*/ .y_footmzsm{display:none;} .m_footmzsm{width: 1200px;margin: 0 auto;} .m_footmzsm p{font-size: 14px;color: #999;line-height: 24px;margin-top: 60px;}