1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549 |
- /*楼盘首页*/
- body{background: #F4F7FA;}
- /* v2 改版 */
- .yv2Home_head{
- margin-top: 20px;
- }
- .yv2Home_head_box{
- background: #fff;
- height: auto;
- padding: 25px 0 30px;
- }
- .yv2Home_title{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:space-between;
- align-items:center;
- padding: 0 25px 0 15px;
- }
- .yv2Home_title .yv2Home_title_l{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items:center;
- }
- .yv2Home_title .yv2Home_title_l h2{
- font-size: 30px;
- color: #333;
- }
- .yv2Home_title .yv2Home_title_l span{
- display: inline-block;
- font-size: 14px;
- color: #fff;
- background: #3882D2;
- height: 24px;
- line-height: 24px;
- padding: 0 8px;
- margin-left: 10px;
- border-radius: 2px;
- }
- .yv2Home_title .yv2Home_title_l p{
- font-size: 0;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items:center;
- }
- .yv2Home_title .yv2Home_title_l p i{
- display: inline-block;
- height: 24px;
- line-height: 24px;
- font-size: 14px;
- color: #507DAF;
- background: #EEF3F9;
- border-radius: 2px;
- margin-left: 10px;
- padding: 0 8px;
- }
- .yv2Home_title .yv2Home_title_r span{
- font-size: 12px;
- color: #999;
- }
- .yv2Home_intop{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:space-between;
- align-items:flex-start;
- padding: 0 25px 0 15px;
- margin-top: 20px;
- }
- .yv2Home_intop_l{
- width: 720px;
- }
- .yv2_banner{
- width: 100%;
- height: auto;
- }
- .yv2_banner_image{
- width: 720px;
- height: 430px;
- overflow: hidden;
- background: #f9f9f9;
- }
- .yv2_banner_image ul li{
- width: 720px;
- height: 430px;
- position: relative;
- }
- .yv2_banner_image ul li img{
- width: 100%;
- height: 100%;
- }
- .yv2_banner_image ul li.video_puic p.video_puic_ico{
- width: 70px;
- height: 70px;
- position: absolute;
- left: 50%;
- top:50%;
- margin-top: -35px;
- margin-left: -35px;
- z-index: 3;
- }
- .yv2_banner_image ul li.video_puic p.video_puic_img{
- width: 100%;
- height: 100%;
- position: absolute;
- left: 0px;
- top: 0px;
- z-index: 2;
- }
- .yv2_banner_image ul li.video_puic video{
- width: 100%;
- height: 100%;
- }
- .yv2_banner_image ul li p.video_puic_img{
- width: 100%;
- height: 100%;
- position: absolute;
- left: 0px;
- top: 0px;
- z-index: 2;
- }
- .yv2_banner .small_box{
- margin-top: 12px;
- width: 720px;
- height: auto;
- position: relative;
- }
- .yv2_banner .small_box .small_list{
- width: 656px;
- margin: 0 auto;
- overflow: hidden;
- height: 90px;
- }
- .yv2_banner .small_box span.btn{
- width: 24px;
- height: 90px;
- position: absolute;
- top: 0px;
- display: inline-block;
- }
- .yv2_banner .small_box span.btn.left_btn{
- left:0px;
- background: url('/overseas/img/v2image/v2_ico9_1.png') no-repeat center #AAAAAA;
- background-size: 8px auto;
- }
- .yv2_banner .small_box span.btn.right_btn{
- right:0px;
- background: url('/overseas/img/v2image/v2_ico9.png') no-repeat center #AAAAAA;
- background-size: 8px auto;
- }
- .yv2_banner .small_box span.btn:hover{
- background-color: #6A6A6A;
- }
- .yv2_banner .small_box .small_list ul li{
- width: 122px;
- height:86px;
- border:2px solid #fff;
- position: relative;
- background-color: #f9f9f9;
- float: left;
- }
- .yv2_banner .small_box .small_list ul li+li{
- margin-left: 6px;
- }
- .yv2_banner .small_box .small_list ul li.on{
- border-color: #43A6F5;
- }
- .yv2_banner .small_box .small_list ul li img{
- width: 100%;
- height: 100%;
- }
- .yv2_banner .small_box .small_list ul li img.small_listimg{
- width: 32px;
- height: 32px;
- position: absolute;
- left: 50%;
- top:50%;
- margin-left: -16px;
- margin-top: -16px;
- }
- .yv2_banner .small_box .small_list ul li span{
- width: 100%;
- height: 24px;
- line-height: 24px;
- background: rgba(0,0,0,0.5);
- text-align: center;
- font-size:12px;
- color: #fff;
- position: absolute;
- left: 0px;
- bottom:0px;
- }
- .yv2_banner .small_box .small_list ul li.on span{
- background: #43A6F5;
- }
- .yv2_banner .small_box .small_list ul li .vvid_pic_ico {
- position: absolute;
- top:50%;
- left:50%;
- border-radius: 100%;
- width:30px;
- height:30px;
- background: url(/overseas/img/vr_animation.png);
- background-color:rgba(0,0,0,0.5);
- background-position-y: 0;
- background-repeat: no-repeat;
- background-size: 100%;
- border: 1px solid hsl(0, 0%, 97%);
- box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
- margin:-16px 0 0 -16px;
- z-index: 2;
- }
- .yv2_banner .small_box .small_list ul li .vr-animation-forever {
- -webkit-animation:vr 5s steps(80) infinite;
- animation:vr 5s steps(80) infinite;
- }
- .yv2_banner .yv2_banner_image ul li .vvid_pic_ico {
- position: absolute;
- top:50%;
- left:50%;
- border-radius: 100%;
- width:70px;
- height:70px;
- background: url(/overseas/img/vr_animation.png);
- background-color:rgba(0,0,0,0.5);
- background-position-y: 0;
- background-repeat: no-repeat;
- background-size: 100%;
- border: 1px solid hsl(0, 0%, 97%);
- box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
- margin:-35px 0 0 -35px;
- z-index: 2;
- }
- .yv2_banner .yv2_banner_image ul li .vr-animation-forever {
- -webkit-animation:vr 5s steps(80) infinite;
- animation:vr 5s steps(80) infinite;
- }
- @-webkit-keyframes vr {to{background-position-y:100%}}
- @keyframes vr {to{background-position-y:100%}}
- .yv2Home_intop_r{
- width: 414px;
- }
- .yv2Home_intop_r .yv2Home_pric{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items:center;
- border-bottom: 1px solid #eee;
- padding-bottom: 17px;
- }
- .yv2Home_intop_r .yv2Home_pric .yv2Home_pric_l{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items:center;
- }
- .yv2Home_intop_r .yv2Home_pric .yv2Home_pric_l span{
- display: inline-block;
- font-size: 16px;
- color: #888;
- }
- .yv2Home_intop_r .yv2Home_pric .yv2Home_pric_l em{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items:flex-end;
- font-size: 28px;
- color: #FF3131;
- font-weight: bold;
- }
- .yv2Home_intop_r .yv2Home_pric .yv2Home_pric_l em i{
- font-size: 12px;
- color: #FF3131;
- font-weight: bold;
- position: relative;
- top: -8px;
- padding-left: 3px;
- }
- .yv2Home_intop_r .yv2Home_pric .pric_tz{
- display: inline-block;
- height: 24px;
- background-color: #EFF7FE;
- border-radius: 2px;
- padding: 0 5px;
- display: -webkit-flex; /* Safari */
- display: flex;
- align-items:center;
- font-size: 16px;
- color: #43A6F5;
- margin-left: 20px;
- }
- .yv2Home_intop_r .yv2Home_pric .pric_tz img{
- display: inline-block;
- margin-right: 5px;
- width: 18px;
- height: 18px;
- }
- .yv2Home_intop_r .yv2Home_fy{
- margin-top: 18px;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items:center;
- }
- .yv2Home_intop_r .yv2Home_fy span{
- display: inline-block;
- font-size: 16px;
- color: #888;
- }
- .yv2Home_intop_r .yv2Home_fy .yv2Home_fy_form p{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items:center;
- }
- .yv2Home_intop_r .yv2Home_fy .yv2Home_fy_form p input{
- width: 172px;
- height: 28px;
- font-size: 16px;
- color: #666;
- border:1px solid #D9D9D9;
- background: #fff;
- padding-left: 10px;
- border-radius: 4px;
- }
- .yv2Home_intop_r .yv2Home_fy .yv2Home_fy_form p a{
- display: inline-block;
- font-size: 16px;
- color: #fff;
- background: #FF5849;
- border-radius: 4px;
- height: 30px;
- line-height: 30px;
- padding: 0 8px;
- margin-left: 15px;
- }
- .yv2Home_intop_r .yv2Home_puicTxt{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items:center;
- margin-top: 18px;
- }
- .yv2Home_intop_r .yv2Home_puicTxt span{
- display: inline-block;
- font-size: 16px;
- color: #888;
- }
- .yv2Home_intop_r .yv2Home_puicTxt em{
- display: inline-block;
- font-size: 16px;
- color: #333;
- max-width:250px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
- .yv2Home_intop_r .yv2_zlhx a{
- margin-left: 15px;
- font-size: 16px;
- color: #507DAF;
- }
- .yv2Home_intop_r .yv2_zlhx a:hover{
- text-decoration: underline !important;
- }
- .yv2Home_intop_r .yv2_kptz a{
- display: -webkit-flex; /* Safari */
- display: flex;
- align-items:center;
- font-size: 16px;
- color: #43A6F5;
- background: #EFF7FE;
- height: 24px;
- line-height: 24px;
- border-radius: 2px;
- padding: 0 5px;
- margin-left: 20px;
- }
- .yv2Home_intop_r .yv2_kptz a img{
- width: 18px;
- height: 18px;
- display: inline-block;
- margin-right: 3px;
- }
- .yv2Home_intop_r .yv2_dz a{
- margin-left: 15px;
- font-size: 16px;
- color: #507DAF;
- }
- .yv2Home_intop_r .yv2_dz a:hover{
- text-decoration: underline !important;
- }
- .yv2Home_intop_r .yv2Home_gd{
- margin-top: 15px;
- border-bottom: 1px solid #eee;
- padding-bottom: 20px;
- }
- .yv2Home_intop_r .yv2Home_gd a{
- font-size: 16px;
- color: #507DAF;
- }
- .yv2Home_intop_r .yv2Home_gd a:hover{
- text-decoration: underline !important;
- }
- .yv2Home_intop_r .yv2Home_zk{
- margin-top: 15px;
- background: #F9F9F9;
- border-radius: 4px 4px 0px 4px;
- height: 45px;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items:center;
- }
- .yv2Home_intop_r .yv2Home_zk i{
- width: 20px;
- height: 20px;
- margin-left: 14px;
- display: inline-block;
- }
- .yv2Home_intop_r .yv2Home_zk i img{
- width: 100%;
- height: 100%;
- }
- .yv2Home_intop_r .yv2Home_zk span{
- margin-left: 8px;
- font-size: 16px;
- color: #FF5849;
- display: inline-block;
- width:265px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
- .yv2Home_intop_r .yv2Home_zk a{
- display: inline-block;
- height: 28px;
- line-height: 28px;
- border: 1px solid #FFCFCA;
- background: #fff;
- font-size: 16px;
- color: #FF5849;
- padding: 0 8px;
- border-radius: 4px;
- margin-left: 10px;
- }
- .yv2Home_intop_r .yv2Home_tell{
- margin-top: 10px;
- height: 50px;
- background: linear-gradient(180deg, #56A2DF 0%, #84C2F4 99%);
- border-radius: 4px;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:center;
- align-items:center;
- }
- .yv2Home_intop_r .yv2Home_tell span{
- font-size: 18px;
- color: #fff;
- font-weight: bold;
- }
- .yv2Home_intop_r .yv2Home_tell em{
- font-size: 20px;
- color: #fff;
- font-weight: bold;
- }
- .yv2Home_intop_r .yv2Home_zx{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:space-between;
- align-items:center;
- margin-top: 10px;
- }
- .yv2Home_intop_r .yv2Home_zx .yv2Home_zx_l{
- width: 140px;
-
- }
- .yv2Home_intop_r .yv2Home_zx .yv2Home_zx_l a{
- display: inline-block;
- width: 100%;
- height: 48px;
- line-height: 48px;
- background:#E6F1F9;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:center;
- align-items:center;
- border: 1px solid #C7E2F7;
- border-radius: 4px;
- }
- .yv2Home_intop_r .yv2Home_zx .yv2Home_zx_l a i{
- width: 26px;
- height: 26px;
- background: #81B4DC;
- display: inline-block;
- border-radius: 100%;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:center;
- align-items:center;
- }
- .yv2Home_intop_r .yv2Home_zx .yv2Home_zx_l a i img{
- width: 18px;
- height: 18px;
- display: inline-block;
- }
- .yv2Home_intop_r .yv2Home_zx .yv2Home_zx_l a span{
- font-size: 16px;
- color: #2D2D2D;
- font-weight: bold;
- margin-left: 8px;
- display: inline-block;
- }
- .yv2Home_intop_r .yv2Home_zx_r{
- width: 260px;
- height: 50px;
- background: linear-gradient(90deg, #C7E2F7 0%, #E6F1F9 100%);
- border-radius: 4px;
- overflow: hidden;
- }
- .yv2Home_intop_r .yv2Home_zx_r a{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:space-around;
- align-items:center;
- }
- .yv2Home_intop_r .yv2Home_zx_r a span{
- width: 210px;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:center;
- align-items:center;
- font-size: 16px;
- color: #2D2D2D;
- font-weight: bold;
- }
- .yv2Home_intop_r .yv2Home_zx_r a span i{
- width: 26px;
- height: 26px;
- background: #81B4DC;
- display: inline-block;
- border-radius: 100%;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:center;
- align-items:center;
- margin-right: 8px;
- }
- .yv2Home_intop_r .yv2Home_zx_r a span i img{
- width: 18px;
- height: 18px;
- display: inline-block;
- }
- .yv2Home_intop_r .yv2Home_zx_r a em{
- width: 50px;
- height: 50px;
- display:inline-block;
- overflow: hidden;
- background: radial-gradient(circle, #FFFFFF 0%, #D0DDE8 100%);
- border-radius: 0px 4px 4px 0px;
- }
- .yv2Home_intop_r .yv2Home_zx_r a em img{
- width: 100%;
- height: auto;
- }
- /*楼盘动态 2018 10 16*/
- .m_dynamic_l_title{
- border-bottom:1px solid #EFEFEF;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:space-between;
- align-items:center;
- padding-bottom: 15px;
- }
- .m_dynamic_l_title em{
- font-size:24px;
- color:#333;
- font-weight: bold;
- }
- .m_dynamic_l_title a{
- font-size:14px;
- color:#507DAF;
- display: inline-block;
- }
- .m_dynamic{
- width:1200px;
- margin:auto;
- margin-top:24px;
- background:#FFF;
- overflow:hidden;
- padding: 25px 0 30px;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:space-between;
- align-items:flex-start;
- }
- .m_dynamic_l{
- width:790px;
- float:left;
- margin-left: 20px;
- }
- .m_dynamic_l_zx li{
- border-bottom:1px solid #EEE;
- padding:27px 0;
- }
- .m_dynamic_l_zx li a{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:space-between;
- align-items:flex-start;
- }
- .m_dynamic_l_zx li a:hover .m_dynamic_l_zx_title em{
- color:#43A6F5;
- }
- .m_dynamic_l_zx li .m_dynamic_l_dg{
- display:block;
- padding:0px 7px;
- height: 22px;
- line-height: 22px;
- font-size:14px;
- color:#B4765A;
- background:#F9EFEA;
- }
- .m_dynamic_l_zx_text{
- width:700px;
- }
- .m_dynamic_l_zx_text .m_dynamic_l_zx_title{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:space-between;
- align-items:center;
- }
- .m_dynamic_l_zx_text .m_dynamic_l_zx_title em{
- font-size:18px;
- color:#333;
- width:570px;
- display:block;
- text-overflow:ellipsis;
- white-space:nowrap;
- overflow:hidden;
- }
- .m_dynamic_l_zx_text .m_dynamic_l_zx_title i{
- font-size:14px;
- color:#999;
- display:block;
- }
- .m_dynamic_l_zx_text p{
- font-size:15px;
- color:#666;
- text-overflow:ellipsis;
- white-space:nowrap;
- overflow:hidden;
- margin-top:15px;
- }
- .m_dynamic_rbox{
- width:320px;
- margin-right: 20px;
- overflow:hidden;
- border:1px solid #EFEFEF;
- padding: 17px 0 23px;
- }
- .m_dynamic_r .tw {
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items: center;
- }
- .m_dynamic_r .tw i{
- width: 4px;
- height: 20px;
- background: #FF5849;
- border-radius: 0px 2px 2px 0px;
- display: inline-block;
- }
- .m_dynamic_r .tw span {
- color:#333;
- font-size: 18px;
- font-weight: bold;
- display: inline-block;
- margin-left: 20px;
- }
- .m_dynamic_r .dt_ico{
- width: 272px;
- height: 81px;
- margin: 0 auto;
- margin-top: 10px;
- }
- .m_dynamic_r .dt_ico img{
- width: 100%;
- height: 100%;
- }
- .m_dynamic_r .dt_ico_text{
- font-size: 14px;
- color: #666;
- width: 272px;
- margin: 0 auto;
- margin-top: 13px;
- }
- .m_dynamic_form{
- width: 272px;
- margin: 0 auto;
- margin-top: 20px;
- }
- .m_dynamic_r .m_dynamic_form .m_form_input{
- width:100%;
- height:40px;
- display:block;
- font-size:16px;
- color:#666;
- border:none;
- text-align:center;
- border-radius:4px;
- background: #F3F3F3;
- }
- .m_dynamic_r .m_dynamic_form .m_form_buttom{
- width:100%;
- height:40px;
- border: none;
- line-height:40px;
- font-size:16px;
- color:#FFF;
- display:block;
- text-align:center;
- background:#FF5849;
- margin-top:10px;
- border-radius:4px;
- }
- /* v2 户型改版 */
- .yv2_Homehx{
- margin-top: 24px;
- }
- .yv2_HomehxBox{
- background: #fff;
- padding: 22px 0;
- }
- .yv2_Homehx_text{
- width: 1160px;
- margin: 0 auto;
- position: relative;
- }
- .yv2_Homehx_text .yv2_Homehx_nav{
- position: absolute;
- left: 120px;
- bottom: 20px;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items: center;
- }
- .yv2_Homehx_text .yv2_Homehx_nav a{
- font-size: 16px;
- color: #333;
- display: inline-block;
- padding: 0 15px;
- }
- .yv2_Homehx_text .yv2_Homehx_nav a span{
- border-bottom: 2px solid #fff;
- padding-bottom: 10px;
- }
- .yv2_Homehx_text .yv2_Homehx_nav a.on span{
- border-bottom-color:#43A6F5;
- }
- .yv2_Homehx_text .yv2_Homehx_nav a:hover span{
- border-bottom-color:#43A6F5;
- }
- .yv2_Homehx_list{
- width: 1160px;
- margin: 0 auto;
- }
- .yv2_Homehx_list ul li{
- padding: 30px 0;
- border-bottom: 1px solid #EFEFEF;
- position: relative;
- }
- .yv2_Homehx_list ul li .left_main a{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items:cenrer;
- }
- .yv2_Homehx_list ul li .left_main .left_img{
- width: 208px;
- height: 156px;
- border: 1px solid #eee;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:center;
- align-items: center;
- position: relative;
- }
- .yv2_Homehx_list ul li .left_main .vvid_pic_ico{
- position: absolute;
- top: 50%;
- left: 50%;
- border-radius: 100%;
- width: 40px;
- height: 40px;
- background: url(/overseas/img/vr_animation.png);
- background-color: rgba(0,0,0,0.5);
- background-position-y: 0;
- background-repeat: no-repeat;
- background-size: 100%;
- border: 1px solid hsl(0, 0%, 97%);
- box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
- margin: -20px 0 0 -20px;
- }
- .yv2_Homehx_list ul li .left_main .vr-animation-forever {
- -webkit-animation:vr 5s steps(80) infinite;
- animation:vr 5s steps(80) infinite;
- }
- .yv2_Homehx_list ul li .left_main .left_img img{
- width: auto;
- height: auto;
- max-width: 100%;
- max-height: 100%;
- display: inline-block;
- }
- .yv2_Homehx_list ul li .left_main .right_text{
- margin-left: 30px;
- margin-top: 8px;
- }
- .yv2_Homehx_list ul li .left_main .right_text p.hx_m{
- font-size: 20px;
- color: #333;
- }
- .yv2_Homehx_list ul li .left_main .right_text p.js_m{
- font-size: 16px;
- color: #666;
- margin-top: 15px;
- }
- .yv2_Homehx_list ul li .left_main .right_text p.mj_m{
- font-size: 16px;
- color: #666;
- margin-top: 15px;
- }
- .yv2_Homehx_list ul li .left_main .right_text p.style_m{
- margin-top: 20px;
- font-size: 0;
- }
- .yv2_Homehx_list ul li .left_main .right_text p.style_m i{
- font-size: 14px;
- color: #999;
- display: inline-block;
- border: 1px solid #eee;
- height: 20px;
- line-height: 20px;
- padding: 0 10px;
- margin-right: 10px;
- }
- .yv2_Homehx_list ul li .hx_hqbj{
- position: absolute;
- right: 103px;
- top: 50%;
- margin-top: -50px;
- z-index: 3;
- text-align: center;
- }
- .yv2_Homehx_list ul li .hx_hqbj p.ico{
- width: 80px;
- height: 80px;
- border-radius: 100%;
- overflow: hidden;
- margin: 0 auto;
- background: radial-gradient(circle, #FFFFFF 0%, #D0DDE8 100%);
- }
- .yv2_Homehx_list ul li .hx_hqbj p.ico img{
- width: 100%;
- height: auto;
- }
- .yv2_Homehx_list ul li .hx_hqbj p.text_m{
- width: 114px;
- height: 30px;
- background: #42A5F5;
- text-align: center;
- line-height: 30px;
- font-size: 14px;
- color: #fff;
- position: relative;
- top: -10px;
- z-index: 2;
- }
- .yv2_Homehx_list ul li .hx_hqbj:hover p.text_m{
- background: #008DFF;
- border-radius: 15px;
- }
- .y_lpindxinxi_cent{
- width: 1160px;
- margin: 0 auto;
- padding: 22px 0px 30px;
- }
- .y_lpinde_h{
- border-bottom: 1px solid #EFEFEF;
- padding-bottom: 15px;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:space-between;
- align-items: center;
- }
- .y_lpinde_h h2{
- font-size: 24px;
- color: #333;
- }
- .y_lpinde_h a{
- font-size: 14px;
- color: #507DAF;
- display: block;
- }
- .y_lpindxinxi{
- margin-top: 24px;
- }
- .y_lpindxinxi_centma{
- width: 1160px;
- margin: 0 auto;
- margin-top: 24px;
- }
- .y_lpindxinxi_centma table{
- width: 100%;
- }
- .y_lpindxinxi_centma table tr td{
- width: 385px;
- font-size: 0;
- border: 1px solid #EFEFEF;
- padding: 0;
- }
- .y_lpindxinxi_centma table tr td .main_text{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items: center;
- height: 50px;
- }
- .y_lpindxinxi_centma table tr td em{
- display: inline-block;
- width:112px;
- text-align: center;
- background: #F8F8F8;
- font-size: 16px;
- color: #666;
- height: 100%;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:center;
- align-items: center;
- }
- .y_lpindxinxi_centma table tr td span{
- width: 253px;
- display: inline-block;
- color: #333;
- background: #fff;
- font-size: 16px;
- height: 100%;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items: center;
- padding: 0 10px;
- }
- .y_lpindxinxi_bottom{
- border:1px solid #EFEFEF;
- border-top: none;
- }
- .y_lpindxinxi_bottom p{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items: center;
- height: 70px;
- }
- .y_lpindxinxi_bottom em{
- width: 1028px;
- display: inline-block;
- color: #333;
- background: #fff;
- font-size: 16px;
- height: 100%;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:flex-start;
- align-items: center;
- padding: 0 10px;
- }
- .y_lpindxinxi_bottom span{
- display: inline-block;
- width:112px;
- text-align: center;
- background: #F8F8F8;
- font-size: 16px;
- color: #666;
- height: 100%;
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content:center;
- align-items: center;
- }
- .y_lpind_add{ margin-top: 20px;}
- .y_lpind_add_main{ position: relative;}
- .y_lpind_addipunt{ background: #fff; position: absolute;right: 30px; top: 50%; margin-top: -23px; width: 447px; height: 45px; border-radius: 23px;}
- .y_lpind_addipunt input.y_lpipnt{ border: none; font-size: 15px; color: #654141; width: 327px; height: 35px; margin-left: 10px; display:block; float: left; position: relative; top: 5px;left:10px}
- .y_lpind_addipunt input.y_lpb{ box-shadow: 0px 0px 4px 1px #FF3716; width: 100px; height: 35px; display:block; float: left; position: relative; top: 5px; background: #FF5936; font-size: 15px; color: #fff; border: none; border-radius: 18px;}
- .y_lpmating{ margin-top: 24px;}
- .y_lpmating_cent{ padding: 20px 15px;}
- .y_lpmating_map{ position: relative; width: 1161px; margin: 0 auto; margin-top: 20px; overflow: hidden;}
- .y_lpmap{ width: 100%; height: 401px;}
- .y_lpmap_lsit{ position: absolute; right: 0px; top: 16px;}
- .y_lpmap_lsit ul li{ margin-bottom: 10px;}
- .y_lpmap_lsit ul li i{position: relative; top: -1px; display: inline-block; background: #3D3D3D; width: 31px; height: 31px; text-align: center; line-height: 31px;}
- .y_lpmap_lsit ul li i img{display: inline-block; position: relative; top: 5px;}
- .y_lpmap_lsit ul li span{ background: rgba(0,0,0,0.5); height: 31px; line-height: 31px;width: 81px; text-align: center; display: inline-block; font-size: 14px; color: #fff;}
- .y_lpmap_lsit ul li:hover i{background-color:#1CC4B2;}
- .y_lpmap_lsit ul li:hover span{background-color:rgba(28,196,178,0.2); color:#5B5B5B;}
- .y_lpmap_lsit ul li.on i{background-color:#1CC4B2;}
- .y_lpmap_lsit ul li.on span{background-color:rgba(28,196,178,0.2); color:#5B5B5B;}
- .y_lpphoto{ margin-top: 24px;}
- .y_lpphoto_cenr{ padding: 20px 15px;}
- .y_lpphoto_list{ margin-top: 20px; position: relative;}
- .y_xcslider { position: relative;width: 100%;}
- .y_xcframe { position: relative; width: 100%;margin: 0 auto;overflow: hidden; white-space: nowrap;padding-top: 20px;}
- .y_xcframe li { position: relative;display: inline-block;margin-right: 20px;width: 275px; height: 221px;}
- .y_xcslides {display: inline-block;}
- .multislides li:last-child { margin-right: 0;}
- .y_xcprev, .y_xcnext { position: absolute; top: 50%;margin-top: -35px; display: block; cursor: pointer; background: rgba(0,0,0,0.5); height: 80px;width: 25px;text-align: center;}
- .y_xcnext img,.y_xcprev img{ position: relative; top: 50%; margin-top: -15px;}
- .y_xcnext { right: 0;}
- .y_xcprev {left: 0;}
- .y_lpphoto_list ul li .y_text{display: block; position: absolute;left: 0px; bottom: 0px; width: 100%; padding-top: 30px; padding-bottom: 10px; text-align: center; font-size: 22px; color: #fff;}
- .y_lpphoto_list ul li .y_text{
- background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
- background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
- background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
- background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
- background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
- }
- .y_lpphoto_list ul li .y_tu{ width: 100%; height: 100%; position: relative;}
- .y_lpphoto_list ul li .y_tu .y_img{ width: 100%; height: 100%;}
- .y_lpphoto_list ul li .y_tu .y_img img{ width: 100%; height: 100%;}
- .y_lpphoto_list ul li .y_tu .y_img img:hover{opacity: 0.7;}
- .y_lpphoto_list ul li .y_tu .y_sm{ position: absolute; right: 0px; top: 0px; background:#344349; padding: 5px 10px;}
- .y_lpphoto_list ul li .y_tu .y_sm i{ width: 18px; height: 14px;display: inline-block;}
- .y_lpphoto_list ul li .y_tu .y_sm i img{ width: 100%; height: 100%;}
- .y_lpphoto_list ul li .y_tu .y_sm span{ font-size: 14px; color: #fff; display: inline-block; margin-left: 5px;}
- .y_lptrend{ margin-top: 24px;}
- .y_lptrend_cent{ padding: 20px 15px;}
- .y_lptrend_centmain{ margin: 0 auto; margin-top: 20px; width: 1160px; height: 364px;}
- .y_lpreco{ margin-top: 24px;}
- .y_lpreco_cent{ padding: 20px 15px;}
- .y_lpdtpc_list ul li{ width: 276px; background: #f5f7fa; float: left; margin: 10px 8px;}
- .y_lpdtpc_list ul{ position: relative; left: 6px; margin-top: 10px;}
- .y_lpdtpc_list ul li .y_love_list_main{ padding: 10px;}
- .y_lpdtpc_list ul li .y_love_list_main .y_tu{ width: 256px; height: 211px; overflow: hidden;}
- .y_lpdtpc_list ul li .y_love_list_main .y_tu img{ width: 100%; height: 100%; cursor: pointer; transition: all 0.8s;}
- .y_lpdtpc_list ul li .y_love_list_main .y_tu img:hover{ transform: scale(1.1);}
- .y_lpdtpc_list ul li .y_love_list_main .y_text h2{ margin-top: 15px;}
- .y_lpdtpc_list ul li .y_love_list_main .y_text h2 a{ font-size: 16px; color: #545454; font-weight: normal; display: inline-block; width: 70%;overflow: hidden;
- text-overflow: ellipsis;white-space: nowrap;}
- .y_lpdtpc_list ul li .y_love_list_main .y_text h2 a:hover{ color: #f00;}
- .y_lpdtpc_list ul li .y_love_list_main .y_text h2 i{font-size: 13px; color: #817676; font-weight: normal; display: inline-block; margin-left: 5px;}
- .y_lpdtpc_list ul li .y_love_list_main .y_text p.y_pic{ margin-top: 10px;}
- .y_lpdtpc_list ul li .y_love_list_main .y_text p.y_pic span{font-size: 16px; color: #FF000D;display: inline-block;}
- .y_lpdtpc_list ul li .y_love_list_main .y_text p.y_pic i{font-size: 16px; color: #999; display: inline-block;}
- /*房贷计算*/
- .y_lploat_cent{ padding: 20px 15px;}
- .Real_trends {background: #ffffff;box-shadow: 0 5px 10px 0 rgba(38, 45, 55, 0.08);border-radius: 2px;margin-top: 30px;position: relative;}
- .Real_trends .trends_Box{
- height: 30px;
- position: absolute;
- top: 100px;
- left: 88px;
- z-index: 10;
- }
- .Real_trends .trends_Box li{
- float: left;
- border: 1px solid red;
- padding: 3px 8px;
- font-size: 14px;
- color: #333;
- margin-right: 35px;
- }
- .Real_trends .Top {
- width: 100%;
- height: 70px;
- border-bottom: 1px solid #eeeeee;
- padding: 0 30px;
- line-height: 70px;
- }
- .Real_trends .Top h4 {
- font-size: 20px;
- float: left;
- }
- .Real_trends .Top h4 i {
- font-size: 14px;
- padding-left: 15px;
- }
- .Real_trends .Top a {
- float: right;
- font-size: 14px;
- color: #999999;
- }
- .Real_trends .Top a:hover {
- color: #262d37;
- }
- .Real_trends .Top p {
- float: right;
- }
- .Real_trends .Top p i {
- font-size: 14px;
- border-right: 1px solid #262d37;
- padding-left: 8px;
- padding-right: 10px;
- cursor: pointer
- }
- .Real_trends .Top p i a {
- float: none;
- color: #262d37;
- }
- .Real_trends .Top p i a:hover{
- color:#e9333c;
- }
- .Real_trends .Top p i:last-child {
- border-right: 0;
- }
- .Real_trends .Top span {
- float: left;
- display: inline-block;
- padding-top: 3px;
- line-height: 67px;
- padding-left: 5px;
- }
- .Real_trends .Top span i {
- font-size: 14px;
- border-right: 1px solid #262d37;
- padding-left: 8px;
- padding-right: 10px;
- }
- .Real_trends .Top span i:hover a{
- color: #e9333c;
- }
- .Real_trends .Top span i a {
- float: none;
- color: #262d37;
- }
- .Real_trends .Top span i:last-child {
- border-right: 0;
- }
- .Real_trends .trends_cun {
- width: 100%;
- padding: 0 30px;
- }
- .Real_trends .trends_count {
- width: 100%;
- float: left;
- }
- .Real_trends .trends_count .count_Box {
- width: 100%;
- padding-top: 30px;
- padding-bottom: 20px;
- float: left;
- position: relative;
- }
- .Real_trends .trends_count .count_Box .countL {
- width: 474px;
- float: left;
- position: relative;
- left: 30px;
- }
- .Real_trends .trends_count .count_Box .countL h4 {
- width: 100%;
- text-align: center;
- font-size: 18px;
- padding-bottom: 30px;
- }
- .Real_trends .trends_count .count_Box .countL .p-tip {
- color: #bbb;
- font-size: 12px;
- height: 12px;
- margin-bottom: 30px;
- float: left;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst {
- width: 100%;
- float: left;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li {
- width: 100%;
- padding-bottom: 20px;
- float: left;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li label {
- float: left;
- padding-right: 23px;
- line-height: 54px;
- font-weight: unset;
- font-size: 15px;
- color:#534e4e;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li label i {
- padding: 0 12px;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li .lst_box {
- width: 340px;
- height: 54px;
- float: left;
- border: 1px solid #dddddd;
- border-radius: 2px;
- position: relative;
- box-sizing: border-box;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li .lst_box .lst_text {
- width: 317px;
- height: 100%;
- display: inline-block;
- padding-left: 20px;
- line-height: 54px;
- font-size: 15px;
- cursor: pointer;
- color:#805454;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li .lst_box p {
- position: absolute;
- top: 56px;
- left: 0;
- font-size: 12px;
- color: #e9333c;
- padding-left: 20px;
- display: none;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li .lst_box i {
- width: 8px;
- height: 5px;
- background: url('/overseas/img/ico_38.png') no-repeat center center;
- position: absolute;
- top: 25px;
- right: 25px;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li .lst_box i.cur{
- background: url('/overseas/img/ico_38.png') no-repeat center center;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li .lst_box .lst_cun {
- width: 340px;
- position: absolute;
- top: 53px;
- left: -1px;
- border: 1px solid #ddd;
- background-color: #fff;
- max-height: 215px;
- overflow-y: auto;
- border-top: none;
- z-index: 999;
- box-sizing: border-box;
- display: none;
- overflow-x:hidden;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li .lst_box .lst_cun li {
- width: 100%;
- padding: 16px 21px;
- font-size: 13px;
- cursor: pointer;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li .lst_box .lst_cun li:hover {
- background: #f8fafc;
- color: #e9333c;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li .lst_box .money {
- position: absolute;
- top: 0;
- right: 21px;
- font-size: 16px;
- color: #988282;
- line-height: 52px;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li .Total {
- width: 317px;
- height: 100%;
- border: 0;
- padding-left: 20px;
- line-height: 54px;
- font-size: 16px;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li .dk_money{
- disabled:disabled;
- background: #FFF;
- }
- .Real_trends .trends_count .count_Box .countL .count_lst li.group {
- display: none;
- }
- .Real_trends .trends_count .count_Box .countR {
- width: 420px;
- float: right;
- position: relative;
- right: 30px;
- }
- .Real_trends .trends_count .count_Box .countR h4 {
- width: 100%;
- text-align: center;
- font-size: 18px;
- padding-bottom: 30px;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box {
- width: 100%;
- height: 460px;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .countR_cut {
- width: 100%;
- float: left;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .countR_cut li {
- width: 50%;
- padding: 10px 0;
- text-align: center;
- font-size: 16px;
- border-bottom: 1px solid #dddddd;
- float: left;
- cursor: pointer;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .countR_cut li.on{
- padding-bottom: 9px;
- border-bottom: 3px solid #E9333C;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .echart_box {
- width: 100%;
- padding: 30px 0;
- border-bottom: 1px dashed #ccc;
- float: left;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_img {
- float: left;
- width: 160px;
- height: 160px;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_data {
- float: left;
- margin-left: 20px;
- padding: 12px 0 2px 0;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_data .data_line {
- width: 100%;
- height: 46px;
- line-height: 46px;
- font-size: 15px;
- vertical-align: middle;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_data .data_line i {
- display: inline-block;
- width: 16px;
- height: 16px;
- vertical-align: middle;
- margin-top: -3px;
- margin-right: 10px;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_data .loansum_line i {
- background-color: #608cfb;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_data .interest_line i {
- background-color: #ff794f;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .echart_box .echart_data .fstprice_line i {
- background-color: #fbae35;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .bus_fstmonth {
- margin-top: 70px;
- height: 50px;
- line-height: 50px;
- text-align: right;
- padding-right: 8px;
- font-size: 22px;
- width: 100%;
- float: left;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .bus_fstmonth span {
- font-size: 45px;
- color: #dd0009;
- font-family: Arial;
- padding: 0 10px;
- }
- .Real_trends .trends_count .count_Box .countR .countR_box .bus_monthcut {
- width: 100%;
- text-align: right;
- padding-right: 8px;
- font-size: 14px;
- height: 22px;
- line-height: 22px;
- }
- .Real_trends .trends_count .count_Box .reckon {
- width: 130px;
- height: 45px;
- position: absolute;
- top: 50%;
- left: 50%;
- margin-left: -65px;
- margin-top: -22.5px;
- }
- .Real_trends .trends_count .count_Box .reckon input {
- width: 100%;
- height: 100%;
- border: 0;
- background: #e9333c;
- font-size: 16px;
- color: #FFF;
- border-radius: 50px;
- }
- .y_lpdtpc_nav{ border-bottom:1px solid #EAE9E9; padding-bottom: 18px;overflow:hidden;}
- .y_lpdtpc_nav ul{ float: left;}
- .y_lpdtpc_nav ul li{ float: left;}
- .y_lpdtpc_nav ul li a{ display: inline-block; font-size: 22px; color: #333; padding:0 20px;}
- .y_lpdtpc_nav ul li.on a{ color: #FF5849;}
- /* v2 新增 悬挂扫码 */
- .yv2_saomaBox{
- width: 144px;
- height: auto;
- position: fixed;
- right: 50%;
- margin-right:-765px;
- top: 30%;
- z-index: 5;
- background: #FF3131;
- border-radius: 10px;
- }
- .yv2_saomaBox_main{
- width: 132px;
- margin: 0 auto;
- padding: 7px 0;
- position: relative;
- }
- .yv2_saomaBox_main p.text_top{
- display: -webkit-flex; /* Safari */
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 14px;
- color: #fff;
- font-weight: bold;
- }
- .yv2_saomaBox_main p.text_top img{
- width: 18px;
- height: 18px;
- display: inline-block;
- margin-right: 5px;
- }
- .yv2_saomaBox_main .yv2_saomaBox_center{
- width: 132px;
- height: 132px;
- background: #fff;
- margin: 5px auto;
- }
- .yv2_saomaBox_main .yv2_saomaBox_center p{
- width: 122px;
- height: 122px;
- margin: 0 auto;
- position: relative;
- top: 5px;
- background: #fff;
- }
- .yv2_saomaBox_main a.ganbi{
- font-size: 14px;
- color: #999;
- position: absolute;
- left: 10px;
- top: -20px;
- }
- /*订阅报名*/
- .y_lpdtpc_bm{ float: right;}
- .subscribe_box {width:280px;background:#fff;padding-bottom:25px;}
- .subscribe_box > img {display:block;width:100%;}
- .subscribe_box .subscribe_font {text-align:center;margin-top:10px}
- .subscribe_box .subscribe_font p{font-size:14px;color:#999; padding: 0 15px;}
- .m_bm_form_xm {text-align:center;}
- .m_bm_form_xm input {height:32px;line-height:32px;background:#ECEBF2;color:#9C9C9D;margin-top:10px;border:none;padding:0 15px;width:200px;font-size:14px}
- .m_bm_form_submit {background:#FF792A;height:32px;border-radius:16px;color:#fff;text-align:center;width:130px;border:none;margin:0 auto;display:block;margin-top:15px;font-size:16px}
- .y_lpdtpc_nav_gd{ float: right; position: relative; top: 8px;}
- .y_lpdtpc_nav_gd a{display: block; font-size: 14px; color: #786565;}
- /*发送消息*/
- .bottom-bar {position: fixed;bottom: 0;left: 0;width: 100%;height: 54px;box-shadow: 0 0 2px 1px rgba(0, 0, 0, .05);z-index: 8;background-color: #f5fbff;}
- .bar-box{ width: 100%;height: 100%;padding: 8px 10px;background-color: #fcfafa;}
- .bottom-bar textarea {-webkit-appearance: none;resize: none; border: 1px solid #eee;background-color: #fff;height: 37px;line-height: 25px;padding: 5px 10px;width: 76%;font-size: 15px;outline: none;float: left;border-radius:3px;}
- .bottom-bar textarea:focus {background-color: #fff;}
- .bottom-bar .u-send {float:right;background:#20a0ff;border-radius:3px;height:36px;width:20%;text-align:center;line-height:35px;}
- .u-send span {font-size: 0.95rem;color:#FFF;}
- .y_reduced2{display: none; width: 360px; height: 274px; background: #fff; z-index: 6; border-radius: 4px;overflow:hidden; position: fixed; left: 50%;top: 50%; margin-top: -137px; margin-left: -180px;}
- .y_reduced2_main{position:relative; width: 100%; height: 100%;}
- .m_reduced_r2{width:100%;height:100%; position: relative; padding-bottom: 20px;}
- .y_reduced2_gb{ width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; z-index: 1;}
- .y_reduced2_gb a{display: block; text-align: center; line-height: 25px;}
- .y_reduced2_gb img{ width: 20px; height: 20px; display: inline-block; line-height: 20px;}
- .m_reduced_r_title2{width: 80%; margin: 0 auto; padding-top:20px;}
- .m_reduced_r_title2 em{display:block;font-size:20px;color:#333; font-weight: bold;}
- .m_reduced_r_title2 span{font-size:14px;color:#999;display:block;margin-top:10px;}
- .m_reduced_r2 form{width:288px; display:block; margin: 15px auto 10px;}
- .y_reduced2_bg{ display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 5; background: rgba(0,0,0,0.5);}
- .y_reduced_left2 p.zhanghao{ position: relative; margin-bottom: 20px;}
- .y_reduced_left2 p.zhanghao span{display: block; width: 12px; height: 20px; position: absolute; left: 15px; top: 10px;}
- .y_reduced_left2 p.zhanghao input.in-text{ font-size: 14px; color: #666; width:248px; height: 40px; border-radius: 3px; border:1px solid #CBCBCB; background: #fff; padding-left:36px; }
- .y_reduced_left2 p.zhanghao a{position: absolute; display: none; right: 16px; top: 14px; width: 17px; height: 17px;}
- .y_reduced_left2 p.zhanghao span img{ width: 100%; height: 100%;}
- .y_reduced_left2 p.zhanghao a img{width: 100%; height: 100%;}
- .y_reduced_left2 p.zhanghao b.hint-text{ font-size: 12px; font-weight: normal; color: #FF3F3F; display: none; position: absolute; left: 3px; bottom: -17px;}
- .y_reduced_left2 p.zhanghao input.in-text.on{border-color: #FF3F3F;}
- .y_reduced_left2 p.mima{ width: 100%; position: relative;}
- .y_reduced_left2 p.mima em{ display:inline-block; width: 180px; position: relative; height: 40px;}
- .y_reduced_left2 p.mima em span{display: inline-block; position: absolute; left: 12px; top: 50%; margin-top: -6.5px; width: 15px; height: 13px;}
- .y_reduced_left2 p.mima em span img{width: 100%; height: 100%;}
- .y_reduced_left2 p.mima em input.in-text{ width: 140px; font-size: 14px; color: #666; height: 38px; border-radius: 3px; border:1px solid #CBCBCB; background: #fff; padding-left:36px;}
- .y_reduced_left2 p.mima input.btn{ width: 32%; height: 40px; color: #999; border-radius: 3px; border:1px solid #CBCBCB; background: #fff; font-size: 14px;}
- .y_reduced_left2 p.mima input.btn.on{ color: #2DB1FB; border-color:#2DB1FB; }
- .y_reduced_left2 p.mima input.btn:hover{ color: #2DB1FB; border-color:#2DB1FB; }
- .y_reduced_left2 p.mima b.hint-text{ font-size: 14px; color: #FF3F3F; font-weight: normal; display: none; position: absolute; left: 3px; bottom: -17px;}
- .y_reduced_left2 p.mima em input.in-text.on{border-color: #FF3F3F;}
- .m_reduced_r2 form #buttom_m{width:100%;height:40px;background:#3072F6;text-align: center; line-height: 40px; display:block;border:0;margin-top:20px;font-size:15px;color:#FFF;border-radius:4px;}
- .m_reduced_r2 form #buttom_m:hover{background: #1C5BDA;}
|