1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108 |
- @import "./mixins.scss";
- @import "./theme.scss";
- /* 装修页面样式-start */
- .diy_part_wrap {
- background: #f9f9f9;
- padding: 20px;
- overflow: hidden;
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: center;
- }
- .adv_01_wrap {
- width: 1210px;
- // height: 340px;
- background: #efefef;
- position: relative;
- margin: 0 auto;
- }
- .adv_01_wrap_full {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- a {
- width: 1210px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- }
- .flash_wrap {
- width: 768px;
- height: 183px;
- margin-bottom: 20px;
- }
- .modal_img {
- padding-left: 10px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: flex-start;
- }
- .adv_01_img_thumb {
- min-height: 50px;
- background: #efefef;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- }
- .adv_01_img {
- max-width: 100%;
- max-height: 100%;
- width:100%
- }
- .modal_tip_color {
- color: #136cd8;
- font-size: 12px;
- display: block;
- padding: 10px 0;
- }
- .table_left_con {
- font-weight: bold;
- color: #333;
- }
- .table_left_require {
- color: $colorMain;
- }
- .adv_02_part {
- width: 1210px;
- height: 344px;
- background: #fff;
- margin: 0 auto;
- /*display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;*/
- }
- .adv_02_part .adv_02_left {
- width: 215px;
- height: 344px;
- position: relative;
- cursor: pointer;
- float: left;
- }
- .adv_02_part .adv_02_left a {
- display: inline-block;
- width: 100%;
- height: 100%;
- }
- .adv_02_part .adv_02_left a:hover {
- opacity: 0.65;
- }
- .adv_02_part .adv_02_left img {
- max-width: 100%;
- max-height: 100%;
- }
- .adv_02_part .adv_02_center {
- float: left;
- width: 736px;
- height: 344px;
- position: relative;
- }
- .adv_02_part .adv_02_center .split_h {
- position: absolute;
- width: 736px;
- height: 1px;
- background-color: rgba(0, 0, 0, 0.05);
- top: 172px;
- left: 0;
- z-index: 2;
- }
- .adv_02_part .adv_02_center .split_v {
- position: absolute;
- width: 1px;
- height: 344px;
- background-color: rgba(0, 0, 0, 0.05);
- left: 368px;
- top: 0;
- z-index: 2;
- }
- .adv_02_part .adv_02_right {
- width: 253px;
- height: 344px;
- float: left;
- margin-left: 5px;
- position: relative;
- }
- .imgs_wrap {
- width: 100%;
- height: 170px;
- padding: 10px;
- border: 1px solid #e3e3e3;
- border-radius: 4px;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- align-items: flex-start;
- margin-bottom: 10px;
- }
- .adv_more_img_wrap {
- position: relative;
- padding: 10px;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- border: dashed 1px #eee;
- margin-left: 10px;
- }
- .adv_more_img_wrap:hover,
- .seleImg {
- background-color: #fff3da;
- border-color: #fbcfac;
- }
- .adv_more_img_wrap .del_img {
- display: inline-block;
- position: absolute;
- top: 0;
- right: 0;
- padding: 2px 5px;
- background: #fe9700;
- font-size: 12px;
- color: #fff;
- }
- .adv_02_right .right_img_item {
- position: relative;
- width: 253px;
- height: 108px;
- float: left;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- margin-top: 6px;
- }
- .adv_02_right .right_img_item a {
- display: block;
- width: 100%;
- height: 100%;
- }
- .adv_02_right .right_img_item a:hover {
- opacity: 0.65;
- }
- .adv_02_right .right_img_item img {
- max-width: 100%;
- max-height: 100%;
- }
- .modal_goods_wrap {
- width: 175px;
- height: 80px;
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- margin: 0 10px 10px 0;
- background-color: #fff;
- overflow: hidden;
- cursor: pointer;
- }
- .goods_img {
- width: 80px;
- height: 80px;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- }
- .modal_goods_wrap .goods_img img {
- max-width: 100%;
- max-height: 100%;
- }
- .modal_goods_wrap .goods_right {
- display: flex;
- flex: 1;
- flex-direction: column;
- justify-content: center;
- align-items: flex-start;
- padding: 5px;
- }
- .modal_goods_wrap .goods_name {
- color: #666;
- font-size: 12px;
- }
- .modal_goods_wrap .goods_price {
- color: $colorMain2;
- font-size: 12px;
- }
- .adv_02_center .goods_item {
- width: 363px;
- height: 171px;
- padding: 6px;
- background: #fff;
- cursor: pointer;
- display: inline-block;
- box-sizing: border-box;
- }
- .adv_02_center .goods_item:hover .right .goods_name{
- color:$colorMain2
- }
- .adv_02_center .goods_item:hover .left{
- opacity: .5;
- }
- .clearfix {
- /*clear: both;*/
- /*overflow: hidden;*/
- }
- .adv_02_center .goods_item .left {
- float: left;
- width: 160px;
- height: 160px;
- display: table-cell;
- vertical-align: middle;
- text-align: center;
- background: #fff;
- padding-top: 0;
- transition: transform 0.5s;
- }
- .adv_02_center .goods_item .left:hover {
- transform: translateX(-4px);
- }
- .adv_02_center .goods_item .left img {
- max-width: 140px;
- max-height: 140px;
- margin-top: 10px;
- }
- .adv_02_center .goods_item .right {
- float: right;
- width: 180px;
- margin-left: 0;
- }
- .adv_02_center .goods_item .right .goods_name {
- color: #333;
- font-size: 14px;
- height: 41.6px;
- overflow: hidden;
- margin-bottom: 0;
- margin-top: 18px;
- line-height: 21px;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-break: break-word;
- white-space: normal;
- }
- .adv_02_center .goods_item .right .buy_num {
- color: #666;
- font-size: 12px;
- margin-top: 4px;
- margin-bottom: 3px;
- }
- .adv_02_center .goods_item .right .buy {
- padding: 5px 17px;
- background: $colorMain;
- font-size: 16px;
- font-weight: bold;
- border-radius: 14px;
- color: #fff;
- }
- .adv_02_center .goods_item .right .price {
- margin-bottom: 18px;
- text-align: left;
- width: auto;
- height: auto;
- line-height: 24px;
- }
- .adv_02_center .goods_item .right .price span {
- color: $colorMain;
- }
- .adv_02_center .goods_item .right .price .unit {
- font-size: 12px;
- margin-right: 2px;
- font-weight: bold;
- }
- .adv_02_center .goods_item .right .price .integer {
- font-size: 18px;
- font-weight: bold;
- }
- .adv_02_center .goods_item .right .price .decimal {
- font-size: 0.83rem;
- }
- .adv_02_center .goods_item .right .price .del {
- color: #999;
- font-size: 0.83rem;
- text-decoration: line-through;
- margin-left: 10px;
- }
- .adv_01_wrap img,
- .adv_02_part .adv_02_left img,
- .adv_02_right .right_img_item img {
- // position: absolute;
- // top: 50%;
- // left: 50%;
- // max-width: 100%;
- // max-height: 100%;
- // -webkit-transform: translate(-50%, -50%);
- // -moz-transform: translate(-50%, -50%);
- // -ms-transform: translate(-50%, -50%);
- // -o-transform: translate(-50%, -50%);
- // transform: translate(-50%, -50%);
- }
- .adv_02_part,
- .adv_01_wrap {
- // margin-top: 10px;
- }
- /* 装修页面样式-end */
- /*# sourceMappingURL=pcdecorate.css.map */
- /* adv_05-start */
- .adv_05_wrap .floor {
- width: 100%;
- position: relative;
- }
- .adv_05_wrap .floor_layout {
- height: auto;
- }
- .adv_05_wrap .floor_title {
- height: 45px;
- line-height: 45px;
- position: relative;
- }
- .adv_05_wrap .floor_title h2 {
- height: 45px;
- line-height: 45px;
- font-size: 18px;
- color: #333;
- float: left;
- }
- .adv_05_wrap .floor_title h2 span {
- height: 45px;
- line-height: 45px;
- }
- .adv_05_wrap .floor_title h2 span.main_title {
- font-size: 20px;
- font-weight: bold;
- color: #3d3d3d;
- }
- .adv_05_wrap .floor_title h2 span.sub_title {
- font-size: 16px;
- font-style: italic;
- line-height: 47px;
- color: #a4a4a4;
- margin: 0 0 0 10px;
- }
- .adv_05_wrap .floor_title .right_action {
- display: inline-block;
- margin: 0 12px 0 0;
- float: right;
- }
- .adv_05_wrap .floor_title .right_action a {
- font-size: 14px;
- color: #333;
- }
- .adv_05_wrap .floor_content {
- height: 482px;
- background-color: #fff;
- margin-bottom: 0;
- width: 100%;
- position: relative;
- overflow: hidden;
- }
- .adv_05_wrap .floor_content .floor_left {
- width: 298px;
- height: 482px;
- float: left;
- overflow: hidden;
- }
- .adv_05_wrap .floor_content .floor_left .floor_bg_img {
- width: 298px;
- height: 482px;
- overflow: hidden;
- position: relative;
- }
- .adv_05_wrap .floor_content .floor_left .floor_words {
- position: relative;
- width: 260px;
- height: 160px;
- margin: -182px 19px 22px 19px;
- padding: 14px 31px 24px 30px;
- overflow: hidden;
- background: #fff;
- box-sizing: border-box;
- }
- .floor_words .floor_words_top_title {
- position: relative;
- height: 30px;
- line-height: 30px;
- text-align: center;
- overflow: hidden;
- }
- .floor_words .cat_data_wrap {
- position: relative;
- }
- .floor_words .floor_words_top_title font {
- display: inline-block;
- width: 39px;
- height: 1px;
- background: rgb(212, 212, 212);
- position: relative;
- top: -4px;
- }
- .floor_words .floor_words_top_title span {
- font-size: 14px;
- font-weight: bold;
- color: #101010;
- margin: 0 9px;
- }
- .adv_05_wrap .floor_content .floor_left .floor_words ul {
- width: 100%;
- height: 86px;
- margin: 16px 0 0 0;
- overflow: hidden;
- }
- .adv_05_wrap .floor_content .floor_left .floor_words li {
- float: left;
- width: 66px;
- padding-left: 0px;
- margin: 0 0 18px 0px;
- height: 14px;
- line-height: 14px;
- overflow: hidden;
- }
- .adv_05_wrap .floor_content .floor_left .floor_words li a {
- font-size: 12px;
- color: #6d6d6d;
- font-weight: 400;
- }
- .adv_05_wrap .floor_content .floor_left .floor_words li a:hover {
- color: $colorMain;
- }
- .adv_05_wrap .floor_content .floor_left .floor_bg_img .ad_img {
- width: 298px;
- height: 482px;
- display: block;
- }
- .adv_05_wrap .floor_content .ad_img img {
- width: 100%;
- height: 100%;
- }
- .adv_05_wrap .floor_content .floor_right {
- width: 912px;
- height: 482px;
- border-style: solid;
- // border-color: $colorMain2;
- border-width: 2px 0 0 0;
- float: left;
- position: relative;
- background-color: #ffffff;
- }
- .adv_05_wrap .floor_content .floor_right .floor_right_main {
- width: 662px;
- height: 482px;
- float: left;
- position: relative;
- }
- .adv_05_wrap .floor_content .floor_right .floor_right_new {
- width: 250px;
- height: 480px;
- border-style: solid;
- border-color: rgba(0, 0, 0, 0.05);
- border-width: 0 0 0 1px;
- padding: 5px 10px 0 10px;
- float: right;
- position: relative;
- box-sizing: border-box;
- }
- .floor_right_new .floor_right_new_top_title {
- height: 30px;
- line-height: 30px;
- margin: 0 0 6px 0;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
- .floor_right_new .floor_right_new_top_title font {
- display: inline-block;
- width: 39px;
- height: 1px;
- background: $colorMain2;
- position: relative;
- top: -4px;
- }
- .floor_right_new .floor_right_new_top_title span {
- font-size: 14px;
- font-weight: bold;
- color: $colorMain2;
- margin: 0 9px;
- }
- .adv_05_wrap .floor_right_new .floor_content {
- height: 450px;
- }
- .adv_05_wrap .floor_right_new .floor_content .item {
- width: 230px;
- height: 110px;
- padding: 10px 0;
- border-style: solid;
- border-color: rgba(0, 0, 0, 0.05);
- border-width: 0 0 1px 0;
- box-sizing: border-box;
- }
- .adv_05_wrap .floor_right_new .floor_content .item .wrap {
- width: 230px;
- }
- .adv_05_wrap .floor_right_new .floor_content .item .left_pic {
- width: 90px;
- height: 90px;
- float: left;
- }
- .adv_05_wrap .floor_right_new .floor_content .item .left_pic .ad_img {
- width: 90px;
- height: 90px;
- display: block;
- overflow: hidden;
- }
- .adv_05_wrap .floor_right_new .floor_content .item .right_info {
- width: 140px;
- height: 90px;
- padding: 10px 0 0 10px;
- overflow: hidden;
- box-sizing: border-box;
- }
- .adv_05_wrap .floor_right_new .floor_content .item .right_info .title {
- margin-bottom: 15px;
- height: 38px;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-wrap: break-word;
- word-break: normal;
- background: #fff;
- letter-spacing: 0;
- font-size: 12px;
- }
- .adv_05_wrap .floor_right_new .floor_content .item .right_info .title a {
- line-height: 19px !important;
- font-size: 12px;
- color: #000000;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-wrap: break-word;
- word-break: normal;
- }
- .adv_05_wrap .floor_right_new .floor_content .item .right_info .price {
- color: $colorMain;
- font-weight: bold;
- font-size: 12px;
- width: auto;
- height: auto;
- line-height: 20px;
- text-align: left;
- }
- .adv_05_wrap .floor_right_new .floor_content .item .right_info .price .money_number {
- margin: 0 0 0 -3px;
- color: $colorMain;
- font-size: 18px;
- font-weight: bold;
- }
- .adv_05_wrap .floor_right_main .floor_content {
- height: 480px;
- }
- .adv_05_wrap .floor_right_main .floor_content .item {
- width: 220px;
- height: 240px;
- padding: 10px;
- border-style: solid;
- border-color: rgba(0, 0, 0, 0.05);
- border-width: 0 0 1px 1px;
- float: left;
- box-sizing: border-box;
- }
- .adv_05_wrap .floor_right_main .floor_content .item .wrap {
- width: 199px;
- }
- .adv_05_wrap .floor_right_main .floor_content .item .wrap:hover .title a{
- color: $colorMain;
- }
- .adv_05_wrap .floor_right_new .floor_content .item .wrap:hover .title a{
- color: $colorMain;
- }
- .adv_05_wrap .floor_right_main .floor_content .bottom_item {
- border-width: 0 0 0 1px;
- }
- .adv_05_wrap .floor_right_main .floor_content .item .ad_img {
- width: 162px;
- height: 162px;
- margin: 0 auto;
- display: block;
- transition: transform 0.5s;
- }
- .adv_05_wrap .floor_right_main .floor_content .item .ad_img:hover {
- transform: translateX(-4px);
- }
- .adv_05_wrap .floor_right_main .floor_content .item .title {
- margin: 10px 0 5px 0;
- height: 20px;
- line-height: 20px;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 1;
- -webkit-box-orient: vertical;
- word-wrap: break-word;
- word-break: normal;
- font-size: 12px;
- background: #fff;
- letter-spacing: 0;
- width: 162px;
- margin-left: 18px;
- }
- .adv_05_wrap .floor_right_main .floor_content .item .title a {
- font-size: 12px;
- font-size: 12px;
- color: #000000;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- word-break: break-all;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- }
- .adv_05_wrap .floor_right_main .floor_content .item .price {
- color: $colorMain;
- font-weight: bold;
- font-size: 12px;
- letter-spacing: 1px;
- width: auto;
- height: auto;
- line-height: 20px;
- text-align: left;
- width: 162px;
- margin-left: 18px;
- .money_number {
- font-size: 18px;
- margin-left: -3px;
- }
- }
- .adv_05_wrap .floor_right_main .floor_content .item.big_item {
- width: 440px;
- padding: 0;
- }
- .adv_05_wrap .floor_right_main .floor_content .item.big_item .wrap {
- width: 440px;
- padding: 39px 34px;
- box-sizing: border-box;
- }
- .adv_05_wrap .floor_right_main .floor_content .item.big_item .left_pic {
- width: 162px;
- height: 162px;
- float: left;
- }
- .adv_05_wrap .floor_right_main .floor_content .item.big_item .left_pic .ad_img {
- width: 162px;
- height: 162px;
- display: block;
- transition: transform 0.5s;
- }
- .adv_05_wrap .floor_right_main .floor_content .item.big_item .left_pic .ad_img:hover {
- transform: translateX(-4px);
- }
- .adv_05_wrap .floor_right_main .floor_content .item.big_item .right_info {
- width: 191px;
- height: 162px;
- margin: 0 0 0 18px;
- float: right;
- overflow: hidden;
- }
- .adv_05_wrap .floor_right_main .floor_content .item.big_item .right_info .title {
- margin-bottom: 5px;
- height: 56px;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 3;
- -webkit-box-orient: vertical;
- word-wrap: break-word;
- word-break: normal;
- background: #fff;
- font-size: 12px;
- letter-spacing: 0;
- }
- .adv_05_wrap .floor_right_main .floor_content .item.big_item .right_info .title a {
- line-height: 18px !important;
- font-size: 12px;
- }
- .floor-con3 .ad_img img {
- width: 100%;
- height: 100%;
- }
- .adv_05_wrap .example_text {
- color: #777;
- text-align: center;
- position: relative;
- background: #fff !important;
- font-weight: 300;
- }
- .adv_05_wrap .example_text span {
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- margin-top: -12px;
- font-size: 15px !important;
- }
- .adv_05_wrap .floor_left .floor_bg_img a.ad_img:before {
- content: "";
- position: absolute;
- width: 80px;
- height: 482px;
- top: 0;
- left: -150px;
- overflow: hidden;
- background: -moz-linear-gradient(
- left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- background: -webkit-gradient(
- linear,
- left top,
- right top,
- color-stop(0%, rgba(255, 255, 255, 0)),
- color-stop(50%, rgba(255, 255, 255, 0.2)),
- color-stop(100%, rgba(255, 255, 255, 0))
- );
- background: -webkit-linear-gradient(
- left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- background: -o-linear-gradient(
- left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- -webkit-transform: skewX(-25deg);
- -moz-transform: skewX(-25deg);
- }
- .adv_05_wrap .floor_left .floor_bg_img a.ad_img:hover::before {
- -webkit-transition: left 0.5s;
- -moz-transition: left 0.5s;
- transition: left 0.5s;
- left: 320px;
- }
- .adv_05_wrap .floor_right_main .floor_content .ad_img {
- -webkit-transition: -webkit-transform 0.5s;
- transition: -webkit-transform 0.5s;
- -moz-transition: transform 0.5s, -moz-transform 0.5s;
- transition: transform 0.5s;
- transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
- }
- .adv_05_wrap .floor_right_new .floor_content .item .left_pic .ad_img {
- -webkit-transition: -webkit-transform 0.5s;
- transition: -webkit-transform 0.5s;
- -moz-transition: transform 0.5s, -moz-transform 0.5s;
- transition: transform 0.5s;
- transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
- }
- .adv_05_wrap .floor_right_new .floor_content .item .left_pic .ad_img:hover {
- -webkit-transform: translateX(4px);
- -ms-transform: translateX(4px);
- transform: translateX(4px);
- }
- .w_sld_react_1210 {
- width: 1210px;
- margin: 0 auto;
- }
- /* adv_05-end */
- /* adv_04-start */
- .w_sld_react_1210 {
- width: 1210px;
- }
- .adv_04_wrap {
- height: auto;
- }
- .adv_04_wrap .floor_title {
- position: relative;
- margin-bottom: 15px;
- height: 35px;
- line-height: 35px;
- overflow: hidden;
- margin-top: 10px;
- }
- .adv_04_wrap .floor_title h2 {
- width: 100%;
- line-height: 35px;
- text-align: center;
- margin: 0 auto;
- font-size: 28px;
- color: #333;
- height: 35px;
- }
- .adv_04_wrap .floor_title h2 font {
- display: inline-block;
- width: 80px;
- height: 1px;
- background: $colorMain;
- position: relative;
- top: 20px;
- }
- .adv_04_wrap .floor_title h2 span {
- font-size: 24px;
- margin: 0 20px;
- color: $colorMain;
- width: auto;
- min-width: 30px;
- height: 35px;
- line-height: 35px;
- text-indent: 3px;
- display: inline-block;
- font-weight: normal;
- vertical-align: middle;
- }
- .adv_04_wrap .floor_goods {
- position: relative;
- width: 100%;
- overflow: hidden;
- }
- .adv_04_wrap .floor_goods .item {
- float: left;
- width: 234px;
- // height: 287px;
- margin: 0 10px 10px 0;
- padding: 10px;
- background-color: #fff;
- box-sizing: border-box;
- }
- .adv_04_wrap .floor_goods .item:nth-child(5n + 5) {
- margin-right: 0 !important;
- }
- .adv_04_wrap .floor_goods .item .wrap {
- width: 172px;
- text-align: center;
- margin: 0 auto;
- font-size: 14px;
- position: relative;
- }
- .adv_04_wrap .floor_goods .item .wrap:hover .title a{
- color: $colorMain;
- }
- .adv_04_wrap .floor_goods .item .wrap img {
- width: 170px;
- height: 170px;
- display: block;
- }
- .adv_04_wrap .floor_goods .item .wrap .example_text {
- width: 170px;
- height: 170px;
- display: block;
- color: #777;
- text-align: center;
- position: relative;
- background: #eee !important;
- font-weight: 300;
- transition: opacity ease 0.5s;
- }
- .adv_04_wrap .floor_goods .item .wrap .example_text:hover {
- opacity: 0.65;
- }
- .adv_04_wrap .floor_goods .item .wrap .example_text span {
- margin-top: -24px;
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- font-size: 15px !important;
- }
- .adv_04_wrap .floor_goods .item .wrap .title {
- margin: 20px 0 8px 0;
- max-height: 38px;
- height: 38px;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-wrap: break-word;
- word-break: normal;
- display: inline-block;
- background: #fff;
- letter-spacing: 0;
- }
- .adv_04_wrap .floor_goods .item .wrap .title a {
- color: #000;
- line-height: 19px !important;
- font-size: 15px;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-break: break-word;
- white-space: normal;
- }
- .adv_04_wrap .floor_goods .item .wrap .price {
- font-size: 12px;
- font-weight: bold;
- color: $colorMain;
- line-height: 25px;
- width: auto;
- height: auto;
- }
- .adv_04_wrap .floor_goods .item .wrap .price .money_number {
- font-size: 18px;
- font-weight: bold;
- margin: 0 0 0 -2px;
- //font-family: Arial, Helvetica, sans-serif;
- }
- /* adv_04-end */
- /* adv_06-start */
- .allow_show_edit .adv_06 .adv_06_wrap .item,
- .allow_show_edit .adv_06 .adv_06_wrap .item a {
- height: 350px;
- }
- .adv_06 {
- // margin-top: 10px !important;
- }
- .adv_06 .adv_06_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_06 .adv_06_wrap .item {
- float: left;
- width: 302px;
- overflow: hidden;
- }
- .adv_06 .adv_06_wrap .item a {
- -webkit-transition: opacity ease 0.5s;
- -o-transition: opacity ease 0.5s;
- -moz-transition: opacity ease 0.5s;
- transition: opacity ease 0.5s;
- display: block;
- width: 302px;
- }
- .adv_06 .adv_06_wrap .item a:hover {
- opacity: 0.65;
- }
- .adv_06 .adv_06_wrap .item a img {
- max-width: 100%;
- max-height: 100%;
- }
- .adv_06 .adv_06_wrap .item .show_tip {
- color: #777;
- text-align: center;
- position: relative;
- background: #eee !important;
- font-weight: 300;
- }
- .adv_06 .adv_06_wrap .item .show_tip:hover {
- background: #dedede !important;
- }
- .adv_06 .adv_06_wrap .item .show_tip span {
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- margin-top: -12px;
- font-size: 15px !important;
- }
- /* adv_06-end */
- /* adv_07-start */
- .allow_show_edit .adv_07 .adv_07_wrap .item,
- .allow_show_edit .adv_07 .adv_07_wrap .item a {
- height: 100px;
- }
- .adv_07 .adv_07_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_07 .adv_07_wrap .item {
- float: left;
- width: 403px;
- overflow: hidden;
- }
- .adv_07 .adv_07_wrap .item a {
- -webkit-transition: opacity ease 0.5s;
- -o-transition: opacity ease 0.5s;
- -moz-transition: opacity ease 0.5s;
- transition: opacity ease 0.5s;
- display: block;
- width: 403px;
- }
- .adv_07 .adv_07_wrap .item a:hover {
- opacity: 0.65;
- }
- .adv_07 .adv_07_wrap .item a img {
- max-width: 100%;
- max-height: 100%;
- }
- .adv_07 .adv_07_wrap .item .show_tip {
- color: #777;
- text-align: center;
- position: relative;
- background: #eee !important;
- font-weight: 300;
- }
- .adv_07 .adv_07_wrap .item .show_tip:hover {
- background: #dedede !important;
- }
- .adv_07 .adv_07_wrap .item .show_tip span {
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- margin-top: -12px;
- font-size: 15px !important;
- }
- /* adv_07-end */
- /* adv_08-start */
- .allow_show_edit .adv_08 .adv_08_wrap .item,
- .allow_show_edit .adv_08 .adv_08_wrap .item a {
- height: 350px;
- }
- .adv_08 .adv_08_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_08 .adv_08_wrap .item {
- float: left;
- width: 242px;
- overflow: hidden;
- }
- .adv_08 .adv_08_wrap .item a {
- -webkit-transition: opacity ease 0.5s;
- -o-transition: opacity ease 0.5s;
- -moz-transition: opacity ease 0.5s;
- transition: opacity ease 0.5s;
- display: block;
- width: 242px;
- line-height: 0;
- }
- .adv_08 .adv_08_wrap .item a:hover {
- opacity: 0.65;
- }
- .adv_08 .adv_08_wrap .item a img {
- max-width: 100%;
- max-height: 100%;
- }
- .adv_08 .adv_08_wrap .item .show_tip {
- color: #777;
- text-align: center;
- position: relative;
- background: #eee !important;
- font-weight: 300;
- }
- .adv_08 .adv_08_wrap .item .show_tip:hover {
- background: #dedede !important;
- }
- .adv_08 .adv_08_wrap .item .show_tip span {
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- margin-top: -12px;
- font-size: 15px !important;
- }
- /* adv_08-end */
- /* adv_09-start */
- .adv_09 .adv_09_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_09 .adv_09_wrap .item {
- float: left;
- width: 396px;
- height: 450px;
- background-color: #fff;
- padding-top: 0;
- }
- .adv_09 .adv_09_wrap .item.right {
- margin-left: 0;
- }
- .adv_09 .adv_09_wrap .item .top_title {
- font-size: 23px;
- text-align: center;
- height: 58px;
- line-height: 58px;
- position: relative;
- cursor: pointer;
- }
- .adv_09 .adv_09_wrap .item .main_con {
- background-color: #fff;
- margin: 10px;
- height: 372px;
- overflow: hidden;
- position: relative;
- }
- .adv_09 .adv_09_wrap .item.left .main_con a {
- width: 187px;
- height: 123px;
- float: left;
- border-style: solid;
- border-color: rgba(0, 0, 0, 0.1);
- border-width: 0 0 1px 1px;
- overflow: hidden;
- position: relative;
- text-align: center;
- }
- .adv_09 .adv_09_wrap .item.right .main_con a:nth-child(4) {
- border-left: 0;
- }
- .adv_09 .adv_09_wrap .item.right .main_con a:nth-child(1) {
- border-left: 0;
- }
- .adv_09 .adv_09_wrap .item.left .main_con .first {
- border-width: 0 0 1px 0;
- }
- .adv_09 .adv_09_wrap .item .main_con a span {
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- margin-top: -12px;
- font-size: 13px !important;
- color: #777;
- }
- .adv_09 .adv_09_wrap .item.center {
- margin: 0 10px;
- }
- .adv_09 .adv_09_wrap .item.center .main_con a {
- width: 376px;
- height: 123px;
- display: block;
- overflow: hidden;
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
- position: relative;
- text-align: center;
- }
- .adv_09 .adv_09_wrap .item.right .main_con a.first {
- border-width: 0 0 1px 0;
- }
- .adv_09 .adv_09_wrap .item.right .main_con a {
- width: 124px;
- height: 185px;
- float: left;
- border-style: solid;
- border-color: rgba(0, 0, 0, 0.1);
- border-width: 0 0 1px 1px;
- overflow: hidden;
- position: relative;
- text-align: center;
- }
- .adv_09 .adv_09_wrap .item .main_con a img {
- max-width: 100%;
- max-height: 100%;
- }
- /* adv_09-end */
- /* adv_10-start */
- .adv_10 .adv_10_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_10 .adv_10_wrap .row_one,
- .adv_10 .adv_10_wrap .row_four,
- .adv_10 .adv_10_wrap .row_five {
- position: relative;
- }
- .adv_10 .adv_10_wrap .row_one a {
- width: 100%;
- height: 30px;
- //display: block;
- margin-top: 10px;
- }
- .adv_10 .adv_10_wrap a {
- background: #fff;
- text-align: center;
- -webkit-transition: -webkit-transform 0.5s;
- transition: -webkit-transform 0.5s;
- -moz-transition: transform 0.5s, -moz-transform 0.5s;
- transition: transform 0.5s;
- transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
- }
- .adv_10 .adv_10_wrap a img {
- max-width: 100%;
- max-height: 100%;
- }
- .adv_10 .adv_10_wrap a span {
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- margin-top: -12px;
- font-size: 13px !important;
- color: #777;
- }
- .adv_10 .adv_10_wrap .row_one a,
- .adv_10 .adv_10_wrap .row_four a,
- .adv_10 .adv_10_wrap .row_five a {
- position: relative;
- }
- .adv_10 .adv_10_wrap .row_four {
- height: 220px;
- margin: 10px 0;
- }
- .adv_10 .adv_10_wrap .row_four a {
- width: 295px;
- height: 220px;
- float: left;
- margin: 0 10px 0 0;
- display: block;
- }
- .adv_10 .adv_10_wrap .row_four a:last-child,
- .adv_10 .adv_10_wrap .row_five a:last-child {
- margin: 0;
- }
- .adv_10 .adv_10_wrap .row_five {
- height: 130px;
- margin: 10px 0;
- }
- .adv_10 .adv_10_wrap .row_five a {
- width: 234px;
- height: 130px;
- float: left;
- margin: 0 10px 0 0;
- display: block;
- }
- .adv_10 .adv_10_wrap a:hover {
- -webkit-transform: translateX(-4px);
- -ms-transform: translateX(-4px);
- transform: translateX(-4px);
- }
- /* adv_10-end */
- /* adv_11-start */
- .adv_11 .adv_11_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_11 .adv_11_wrap .item {
- float: left;
- height: 535px;
- position: relative;
- }
- .adv_11 .adv_11_wrap .item a {
- background: #fff;
- position: relative;
- text-align: center;
- -webkit-transition: -webkit-transform 0.5s;
- transition: -webkit-transform 0.5s;
- -moz-transition: transform 0.5s, -moz-transform 0.5s;
- transition: transform 0.5s;
- transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
- }
- .adv_11 .adv_11_wrap .item a:hover {
- -webkit-transform: translateX(-4px);
- -ms-transform: translateX(-4px);
- transform: translateX(-4px);
- }
- .adv_11 .adv_11_wrap .item a img {
- max-width: 100%;
- max-height: 100%;
- }
- .adv_11 .adv_11_wrap .item a span {
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- margin-top: -12px;
- font-size: 13px !important;
- color: #777;
- }
- .adv_11 .adv_11_wrap .row_left {
- width: 800px;
- }
- .adv_11 .adv_11_wrap .row_left .lb_margin {
- margin: 0 0 10px 10px;
- }
- .adv_11 .adv_11_wrap .row_right {
- width: 400px;
- margin-left: 10px;
- }
- .adv_11 .adv_11_wrap .row_left a {
- float: left;
- width: 395px;
- height: 170px;
- display: block;
- }
- .adv_11 .adv_11_wrap .row_right .top {
- height: 350px;
- position: relative;
- }
- .adv_11 .adv_11_wrap .row_right .top a {
- height: 350px;
- width: 400px;
- display: block;
- }
- .adv_11 .adv_11_wrap .row_right .bottom {
- height: 170px;
- margin-top: 10px;
- position: relative;
- }
- .adv_11 .adv_11_wrap .row_right .bottom a {
- height: 170px;
- width: 400px;
- display: block;
- }
- /* adv_11-end */
- /* adv_12-start */
- .adv_12 .adv_12_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_12 .adv_12_wrap .item {
- float: left;
- width: 396px;
- background-color: #ffffff;
- height: 450px;
- padding: 10px;
- position: relative;
- box-sizing: border-box;
- }
- .adv_12 .adv_12_wrap .item:first-child {
- margin-right: 10px;
- }
- .adv_12 .adv_12_wrap .item:last-child {
- margin-left: 10px;
- }
- .adv_12 .adv_12_wrap .item.clear_padding {
- padding: 0;
- }
- .adv_12 .adv_12_wrap .item .l_img {
- width: 396px;
- height: 450px;
- display: block;
- overflow: hidden;
- position: relative;
- }
- .adv_12 .adv_12_wrap .item .l_img:before {
- content: "";
- position: absolute;
- width: 80px;
- height: 450px;
- top: 0;
- left: -150px;
- overflow: hidden;
- background: -moz-linear-gradient(
- left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- background: -webkit-gradient(
- linear,
- left top,
- right top,
- color-stop(0%, rgba(255, 255, 255, 0)),
- color-stop(50%, rgba(255, 255, 255, 0.2)),
- color-stop(100%, rgba(255, 255, 255, 0))
- );
- background: -webkit-linear-gradient(
- left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- background: -o-linear-gradient(
- left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- -webkit-transform: skewX(-25deg);
- -moz-transform: skewX(-25deg);
- }
- .adv_12 .adv_12_wrap .item.left a:hover {
- color: #0c0c0c;
- }
- .adv_12 .adv_12_wrap .item.left a:hover::before {
- -webkit-transition: left 0.5s;
- -moz-transition: left 0.5s;
- transition: left 0.5s;
- left: 450px;
- }
- .adv_12 .adv_12_wrap .item a {
- width: 100%;
- height: 100%;
- text-align: center;
- //background: #eee !important;
- position: relative;
- display: inline-block;
- }
- .adv_12 .adv_12_wrap .item a img {
- max-width: 100%;
- max-height: 100%;
- }
- .adv_12 .adv_12_wrap .item a span {
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- margin-top: -12px;
- font-size: 13px !important;
- color: #777;
- }
- .adv_12 .adv_12_wrap .item.center a {
- float: left;
- width: 183px;
- height: 210px;
- margin-bottom: 10px;
- display: block;
- }
- .adv_12 .adv_12_wrap .item.center a,
- .adv_12 .adv_12_wrap .item.right .img_top a,
- .adv_12 .adv_12_wrap .item.right .img_bottom a {
- -webkit-transition: -webkit-transform 0.5s;
- transition: -webkit-transform 0.5s;
- -moz-transition: transform 0.5s, -moz-transform 0.5s;
- transition: transform 0.5s;
- transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
- }
- .adv_12 .adv_12_wrap .item.center a.l_b_margin {
- margin-left: 10px;
- margin-bottom: 10px;
- }
- .adv_12 .adv_12_wrap .item.center a:hover,
- .adv_12 .adv_12_wrap .item.right .img_top a:hover,
- .adv_12 .adv_12_wrap .item.right .img_bottom a:hover {
- -webkit-transform: scale(1.05);
- -ms-transform: scale(1.05);
- -o-transform: scale(1.05);
- -moz-transform: scale(1.05);
- transform: scale(1.05);
- }
- .adv_12 .adv_12_wrap .item.right .title_wrap {
- height: 50px;
- line-height: 50px;
- position: relative;
- }
- .adv_12 .adv_12_wrap .item.right .title_wrap .title {
- font-size: 19px;
- color: #666;
- display: inline;
- background: #fff;
- }
- .adv_12 .adv_12_wrap .item.right .title_wrap .title span {
- margin: 0 18px 0 5px;
- }
- .adv_12 .adv_12_wrap .item.right .title_wrap .subtitle {
- font-size: 12px;
- color: #666;
- display: inline;
- }
- .adv_12 .adv_12_wrap .item.right .img_top {
- width: 376px;
- height: 180px;
- margin: 10px 0px;
- position: relative;
- }
- .adv_12 .adv_12_wrap .item.right .img_bottom {
- position: relative;
- width: 376px;
- height: 180px;
- }
- .adv_12 .adv_12_wrap .item.right .img_bottom a {
- float: left;
- width: 183px;
- height: 180px;
- position: relative;
- text-align: center;
- }
- .adv_12 .adv_12_wrap .item.right .img_bottom a:last-child {
- margin-left: 10px;
- }
- /* adv_12-end */
- /* adv_13-start */
- .adv_13 .adv_13_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_13 .adv_13_wrap .item {
- float: left;
- width: 396px;
- background-color: #ffffff;
- height: 450px;
- padding: 10px;
- position: relative;
- box-sizing: border-box;
- margin-left: 0;
- }
- .adv_13 .adv_13_wrap .item:first-child {
- margin-right: 10px;
- }
- .adv_13 .adv_13_wrap .item:last-child {
- margin-left: 10px;
- }
- .adv_13 .adv_13_wrap .item.clear_padding {
- padding: 0;
- }
- .adv_13 .adv_13_wrap .item .l_img {
- width: 396px;
- height: 450px;
- display: block;
- overflow: hidden;
- position: relative;
- }
- .adv_13 .adv_13_wrap .item .l_img:before {
- content: "";
- position: absolute;
- width: 80px;
- height: 450px;
- top: 0;
- left: -150px;
- overflow: hidden;
- background: -moz-linear-gradient(
- left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- background: -webkit-gradient(
- linear,
- left top,
- right top,
- color-stop(0%, rgba(255, 255, 255, 0)),
- color-stop(50%, rgba(255, 255, 255, 0.2)),
- color-stop(100%, rgba(255, 255, 255, 0))
- );
- background: -webkit-linear-gradient(
- left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- background: -o-linear-gradient(
- left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- -webkit-transform: skewX(-25deg);
- -moz-transform: skewX(-25deg);
- }
- .adv_13 .adv_13_wrap .item.left a:hover {
- color: #0c0c0c;
- }
- .adv_13 .adv_13_wrap .item.left a:hover::before {
- -webkit-transition: left 0.5s;
- -moz-transition: left 0.5s;
- transition: left 0.5s;
- left: 450px;
- }
- .adv_13 .adv_13_wrap .item a {
- width: 100%;
- height: 100%;
- text-align: center;
- //background: #eee !important;
- position: relative;
- display: inline-block;
- }
- .adv_13 .adv_13_wrap .item a img {
- max-width: 100%;
- max-height: 100%;
- }
- .adv_13 .adv_13_wrap .item a span {
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- margin-top: -12px;
- font-size: 13px !important;
- color: #777;
- }
- .adv_13 .adv_13_wrap .item.center a {
- float: left;
- width: 183px;
- height: 210px;
- margin-bottom: 10px;
- display: block;
- }
- .adv_13 .adv_13_wrap .item.center a,
- .adv_13 .adv_13_wrap .item.right .img_top a,
- .adv_13 .adv_13_wrap .item.right .img_bottom a {
- -webkit-transition: -webkit-transform 0.5s;
- transition: -webkit-transform 0.5s;
- -moz-transition: transform 0.5s, -moz-transform 0.5s;
- transition: transform 0.5s;
- transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
- }
- .adv_13 .adv_13_wrap .item.center a.l_b_margin {
- margin-left: 10px;
- margin-bottom: 10px;
- }
- .adv_13 .adv_13_wrap .item.center a:hover,
- .adv_13 .adv_13_wrap .item.right .img_top a:hover,
- .adv_13 .adv_13_wrap .item.right .img_bottom a:hover {
- -webkit-transform: scale(1.05);
- -ms-transform: scale(1.05);
- -o-transform: scale(1.05);
- -moz-transform: scale(1.05);
- transform: scale(1.05);
- }
- .adv_13 .adv_13_wrap .item.right .title_wrap {
- height: 50px;
- line-height: 50px;
- position: relative;
- }
- .adv_13 .adv_13_wrap .item.right .title_wrap .title {
- font-size: 19px;
- color: #666;
- display: inline;
- background: #fff;
- }
- .adv_13 .adv_13_wrap .item.right .title_wrap .title span {
- margin: 0 18px 0 5px;
- }
- .adv_13 .adv_13_wrap .item.right .title_wrap .subtitle {
- font-size: 12px;
- color: #666;
- display: inline;
- }
- .adv_13 .adv_13_wrap .item.right .img_top {
- width: 376px;
- height: 180px;
- margin: 10px 0px;
- position: relative;
- overflow: hidden;
- }
- .adv_13 .adv_13_wrap .item.right .img_bottom {
- position: relative;
- width: 376px;
- height: 180px;
- }
- .adv_13 .adv_13_wrap .item.right .img_bottom a {
- float: left;
- width: 183px;
- height: 180px;
- position: relative;
- text-align: center;
- }
- .adv_13 .adv_13_wrap .item.right .img_bottom a:last-child {
- margin-left: 10px;
- }
- /* adv_13-end */
- /* adv_14-start */
- .adv_14 .adv_14_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- /* adv_14-end */
- /* adv_15-start */
- .adv_15 .adv_15_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_15 .adv_15_wrap .top_title {
- width: 1210px;
- height: 40px;
- line-height: 40px;
- border-style: solid;
- border-width: 0 0 2px 0;
- box-sizing: content-box;
- }
- .adv_15 .adv_15_wrap .top_title .title {
- position: relative;
- height: 40px;
- line-height: 40px;
- font-size: 20px;
- color: #333;
- width: 402px;
- text-indent: 5px;
- font-weight: normal;
- float: left;
- overflow: hidden;
- }
- .adv_15 .adv_15_wrap .top_title .tab_nav {
- width: auto;
- height: 40px;
- position: relative;
- float: right;
- z-index: 1;
- }
- .adv_15 .adv_15_wrap .top_title .tab_nav li {
- background-color: #f2f2f2;
- width: auto;
- height: 40px;
- float: left;
- padding: 0;
- position: relative;
- z-index: 1;
- cursor: pointer;
- margin-left: 10px;
- padding: 0 30px;
- }
- .adv_15 .adv_15_wrap .top_title .tab_nav li i.arrow {
- font-style: normal;
- font-size: 0px;
- line-height: 0;
- display: none;
- width: 0px;
- height: 0px;
- float: right;
- margin-left: -4px;
- border-width: 5px;
- border-style: solid dashed dashed dashed;
- position: absolute;
- z-index: 1;
- bottom: -12px;
- left: 50%;
- }
- .adv_15 .adv_15_wrap .top_title .tab_nav li h3 {
- font-size: 14px;
- font-weight: 400;
- line-height: 38px;
- text-align: center;
- }
- /* adv_15-end */
- .sld_no_border_bottom {
- border-bottom: 0 !important;
- }
- div,
- p,
- ul {
- padding: 0;
- margin: 0;
- }
- ul,
- ol,
- li {
- list-style-image: none;
- list-style-type: none;
- }
- a {
- cursor: pointer;
- }
- /* adv_19-start */
- .adv_19 .adv_19_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_19 .sld_com_no_img {
- background: #fff !important;
- }
- .adv_19 .adv_19_wrap .item {
- overflow: hidden;
- }
- .adv_19 .adv_19_wrap .item:last-child {
- margin-left: 10px !important;
- }
- .adv_19 .adv_19_wrap .item.left {
- width: 600px;
- display: inline-block;
- height: 546px;
- margin: 10px auto;
- background-color: #fff;
- }
- .adv_19 .adv_19_wrap .item.left .top_title {
- width: 100%;
- height: 56px;
- line-height: 56px;
- background: rgb(248, 154, 63);
- color: #fff;
- padding: 0 5px 0 22px;
- overflow: hidden;
- }
- .adv_19 .adv_19_wrap .item.left .top_title .l_title {
- font-size: 20px;
- float: left;
- width: 200px;
- height: 56px;
- position: relative;
- }
- .adv_19 .adv_19_wrap .item.left .top_title .r_title {
- float: left;
- width: 373px;
- border-width: 0;
- height: 57px;
- line-height: 57px;
- border-style: solid;
- border-color: rgb(239, 240, 241);
- text-align: right;
- }
- .adv_19 .adv_19_wrap .item.left .top_title .r_title ul {
- float: right;
- }
- .adv_19 .adv_19_wrap .item.left .top_title .r_title ul li {
- margin: 0 5px;
- position: relative;
- float: left;
- cursor: pointer;
- min-width: 60px;
- text-align: center;
- }
- .adv_19 .adv_19_wrap .item.left .top_title .r_title ul li a {
- position: absolute;
- top: 0px;
- left: 0px;
- font-size: 12px;
- color: #fff;
- background: #4da2fd;
- padding: 2px 5px 2px 1px;
- line-height: 20px;
- visibility: hidden;
- margin: 0;
- z-index: 33;
- }
- .adv_19 .adv_19_wrap .item.left .top_title .r_title ul li .con {
- background-color: rgb(235, 174, 99);
- border: 1px solid rgb(253, 224, 194);
- padding: 9px 29px;
- font-size: 13px;
- }
- .adv_19 .adv_19_wrap .item.left .top_title .r_title ul li.sel_tab .con {
- background: rgb(248, 154, 63);
- }
- .adv_19 .adv_19_wrap .item.left .center {
- padding: 10px;
- height: auto;
- overflow: hidden;
- }
- .adv_19 .adv_19_wrap .item.left .center .l_center {
- position: relative;
- width: 186px;
- height: 340px;
- display: block;
- float: left;
- }
- .adv_19 .adv_19_wrap .item.left .center .l_center a {
- width: 186px;
- height: 340px;
- display: block;
- position: relative;
- overflow: hidden;
- text-align: center;
- background: #eee !important;
- font-weight: 300;
- }
- .adv_19 .adv_19_wrap .item.left .center .l_center a span {
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- margin-top: -12px;
- font-size: 13px !important;
- color: #777;
- }
- .adv_19 .adv_19_wrap .item.left .center .l_center a:before {
- content: "";
- position: absolute;
- width: 80px;
- height: 409px;
- top: 0;
- left: -150px;
- overflow: hidden;
- background: -webkit-linear-gradient(
- left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- }
- .adv_19 .adv_19_wrap .item.left .center .l_center a:hover::before {
- -webkit-transition: left 0.5s;
- -moz-transition: left 0.5s;
- transition: left 0.5s;
- left: 260px;
- }
- .adv_19 .adv_19_wrap .item.left .center .r_center {
- width: 394px;
- display: block;
- float: left;
- }
- .adv_19 .adv_19_wrap .item.left .center .r_center .tabs_panel {
- width: 100%;
- height: 340px;
- overflow: hidden;
- }
- .adv_19 .adv_19_wrap .item.left .center .r_center .tabs_panel .item {
- width: 197px;
- height: 170px;
- display: block;
- float: left;
- border-color: rgb(239, 240, 241);
- border-style: solid;
- border-width: 0 0 1px 1px;
- padding: 12px;
- }
- .adv_19 .adv_19_wrap .item.left .center .r_center .tabs_panel .item .title_wrap {
- margin: 0;
- text-align: center;
- }
- .adv_19 .adv_19_wrap .item.left .center .r_center .tabs_panel .item .title_wrap a {
- overflow: hidden;
- height: 20px;
- line-height: 20px;
- text-overflow: ellipsis;
- display: block;
- -webkit-line-clamp: 1;
- -webkit-box-orient: vertical;
- word-wrap: break-word;
- word-break: normal;
- }
- .adv_19 .adv_19_wrap .item.left .center .r_center .tabs_panel .item .title_wrap a.main_title {
- font-size: 14px;
- color: #000000;
- }
- .adv_19 .adv_19_wrap .item.left .center .r_center .tabs_panel .item {
- margin-left: 0 !important;
- }
- .adv_19 .adv_19_wrap .item.left .center .r_center .tabs_panel .item .title_wrap a.sub_title {
- font-size: 12px;
- color: rgb(55, 155, 201);
- }
- .adv_19 .adv_19_wrap .item.left .center .r_center .tabs_panel .item .bottom_img {
- -webkit-transition: -webkit-transform 0.5s;
- transition: -webkit-transform 0.5s;
- -moz-transition: transform 0.5s, -moz-transform 0.5s;
- transition: transform 0.5s;
- transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
- }
- .adv_19 .adv_19_wrap .item.left .center .r_center .tabs_panel .item .bottom_img:hover {
- -webkit-transform: scale(1.05);
- -ms-transform: scale(1.05);
- -o-transform: scale(1.05);
- -moz-transform: scale(1.05);
- transform: scale(1.05);
- }
- .adv_19 .adv_19_wrap .item.left .center .r_center .tabs_panel .item .bottom_img:hover a span {
- color: #777;
- }
- .adv_19 .adv_19_wrap .item.left .center .r_center .tabs_panel .item .bottom_img a {
- width: 172px;
- height: 106px;
- display: block;
- }
- .adv_19 .adv_19_wrap .item.left .bottom {
- width: 600px;
- height: 120px;
- overflow: hidden;
- position: relative;
- }
- .adv_19 .adv_19_wrap .item.left .bottom a {
- width: 187px;
- height: 120px;
- display: block;
- float: left;
- margin-left: 10px;
- position: relative;
- overflow: hidden;
- }
- /* adv_19-end */
- /* adv_20-start */
- .adv_20 .adv_20_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- flex-wrap: wrap;
- background: #FBFBFD;
- padding: 18px 0;
- }
- .adv_20 .adv_20_wrap .adv_20_wrap_row{
- width: 100%;
- padding: 0 35px;
- position: relative;
- }
- .adv_20 .adv_20_wrap .adv_20_wrap_item{
- flex-shrink: 0;
- width: 190px;
- margin: 18px 0;
- }
- .adv_20 .adv_20_wrap .adv_20_wrap_item .adv_20_wrap_item_img{
- width: 70px;
- height:70px;
- cursor: pointer;
- img{
- max-width: 100%;
- max-height: 100%;
- }
- }
- .adv_20 .adv_20_wrap .adv_20_wrap_item .main_title{
- font-size: 14px;
- //font-family: PingFangSC-Semibold, PingFang SC;
- font-weight: 600;
- color: #333;
- line-height: 20px;
- margin-top: 17px;
- cursor: pointer;
- }
- .adv_20 .adv_20_wrap .adv_20_wrap_item .sub_title{
- font-size: 12px;
- //font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #333;
- line-height: 17px;
- margin-top: 12px;
- cursor: pointer;
- }
- /* adv_20-end */
- /* adv_21-start */
- .adv_21 .adv_21_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- flex-wrap: wrap;
- background: #FBFBFD;
- padding: 18px 0;
- }
- .adv_21 .adv_21_wrap .adv_21_wrap_item{
- width: 380px;
- height: 388px;
- background: #FFF;
- box-shadow: 0 0 6px 0 rgba(0,0,0,0.09);
- border-radius: 2px;
- margin-right: 35px;
- }
- .adv_21 .adv_21_wrap .adv_21_wrap_item:last-child{
- width: 380px;
- height: 388px;
- background: #FFF;
- box-shadow: 0 0 6px 0 rgba(0,0,0,0.09);
- border-radius: 2px;
- margin-right: 0;
- }
- .adv_21 .adv_21_wrap .adv_21_wrap_item .title_part{
- width: 100%;
- height: 54px;
- border-bottom: 1px solid #F0F0F0;
- cursor: pointer;
- flex-shrink: 0;
- position: relative;
- }
- .adv_21 .adv_21_wrap .adv_21_wrap_item .title_part .title{
- font-size: 20px;
- //font-family: PingFangSC-Semibold, PingFang SC;
- font-weight: 600;
- color: #333;
- line-height: 28px;
- border-left: 4px solid #EE712E;
- padding-left: 15px;
- }
- .adv_21 .adv_21_wrap .adv_21_wrap_item .title_part .view_more{
- height: 20px;
- font-size: 14px;
- //font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #EE712E;
- line-height: 20px;
- margin-right: 18px;
- }
- .adv_21 .adv_21_wrap .adv_21_wrap_item .detail{
- flex: 1;
- width: 100%;
- }
- .adv_21 .adv_21_wrap .adv_21_wrap_item .detail .item {
- margin-top: 19px;
- }
- .adv_21 .adv_21_wrap .adv_21_wrap_item .detail .item .item_left{
- font-size: 16px;
- //font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #A2A2A2;
- line-height: 30px;
- margin-left: 20px;
- width: 110px;
- flex-shrink: 0;
- cursor: pointer;
- position: relative;
- }
- .adv_21 .adv_21_wrap .adv_21_wrap_item .detail .item .item_right{
- flex-wrap:wrap;
- margin-right: 15px;
- position: relative;
- }
- .adv_21 .adv_21_wrap .adv_21_wrap_item .detail .item .item_right .item_right_con{
- margin-right: 20px;
- font-size: 14px;
- //font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #666;
- line-height: 28px;
- cursor: pointer;
- margin-right: 20px;
- }
- .adv_21 .adv_21_wrap .adv_21_wrap_item .detail .item .item_right .item_right_con:hover{
- color: #EE712E;
- }
- /* adv_21-end */
- .sld_no_border_bottom {
- border-bottom: 0 !important;
- }
- .sld_com_no_img {
- color: #777;
- text-align: center;
- position: relative;
- background: #eee !important;
- font-weight: 300;
- }
- .sld_com_no_img img {
- max-width: 100%;
- max-height: 100%;
- }
- .sld_com_no_img span {
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- margin-top: -12px;
- font-size: 13px !important;
- }
- .com_1210_center {
- width: 1210px;
- margin: 0 auto;
- }
- .com_1210_center .adv_19_wrap .item.left {
- margin: 10px 0;
- }
- .adv_19_wrap img {
- max-width: 100%;
- max-height: 100%;
- }
- .com_1210_center .adv_19_wrap .item.left:nth-child(2n) {
- margin: 10px 0 !important;
- }
- //flex 常用布局
- .flex_row_center_center {
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .flex_row_center_between {
- display: flex;
- justify-content: center;
- align-items: space-between;
- }
- .flex_row_center_around {
- display: flex;
- justify-content: center;
- align-items: space-around;
- }
- .flex_row_center_start {
- display: flex;
- justify-content: center;
- align-items: flex-start;
- }
- .flex_row_center_end {
- display: flex;
- justify-content: center;
- align-items: flex-end;
- }
- .flex_row_between_center {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .flex_row_between_between {
- display: flex;
- justify-content: space-between;
- align-items: space-between;
- }
- .flex_row_between_around {
- display: flex;
- justify-content: space-between;
- align-items: space-around;
- }
- .flex_row_between_start {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
- }
- .flex_row_between_end {
- display: flex;
- justify-content: space-between;
- align-items: flex-end;
- }
- .flex_row_around_center {
- display: flex;
- justify-content: space-around;
- align-items: center;
- }
- .flex_row_around_between {
- display: flex;
- justify-content: space-around;
- align-items: space-between;
- }
- .flex_row_around_around {
- display: flex;
- justify-content: space-around;
- align-items: space-around;
- }
- .flex_row_around_start {
- display: flex;
- justify-content: space-around;
- align-items: flex-start;
- }
- .flex_row_around_end {
- display: flex;
- justify-content: space-around;
- align-items: flex-end;
- }
- .flex_row_start_center {
- display: flex;
- justify-content: flex-start;
- align-items: center;
- }
- .flex_row_start_between {
- display: flex;
- justify-content: flex-start;
- align-items: space-between;
- }
- .flex_row_start_around {
- display: flex;
- justify-content: flex-start;
- align-items: space-around;
- }
- .flex_row_start_start {
- display: flex;
- justify-content: flex-start;
- align-items: flex-start;
- }
- .flex_row_start_end {
- display: flex;
- justify-content: flex-start;
- align-items: flex-end;
- }
- .flex_row_end_center {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- }
- .flex_row_end_between {
- display: flex;
- justify-content: flex-end;
- align-items: space-between;
- }
- .flex_row_end_around {
- display: flex;
- justify-content: flex-end;
- align-items: space-around;
- }
- .flex_row_end_start {
- display: flex;
- justify-content: flex-end;
- align-items: flex-start;
- }
- .flex_row_end_end {
- display: flex;
- justify-content: flex-end;
- align-items: flex-end;
- }
- .flex_column_center_center {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- .flex_column_center_between {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: space-between;
- }
- .flex_column_center_around {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: space-around;
- }
- .flex_column_center_start {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: flex-start;
- }
- .flex_column_center_end {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: flex-end;
- }
- .flex_column_between_center {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: center;
- }
- .flex_column_between_between {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: space-between;
- }
- .flex_column_between_around {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: space-around;
- }
- .flex_column_between_start {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: flex-start;
- }
- .flex_column_between_end {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: flex-end;
- }
- .flex_column_around_center {
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: center;
- }
- .flex_column_around_between {
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: space-between;
- }
- .flex_column_around_around {
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: space-around;
- }
- .flex_column_around_start {
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: flex-start;
- }
- .flex_column_around_end {
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: flex-end;
- }
- .flex_column_start_center {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: center;
- }
- .flex_column_start_between {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: space-between;
- }
- .flex_column_start_around {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: space-around;
- }
- .flex_column_start_start {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: flex-start;
- }
- .flex_column_start_end {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: flex-end;
- }
- .flex_column_end_center {
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- align-items: center;
- }
- .flex_column_end_between {
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- align-items: space-between;
- }
- .flex_column_end_around {
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- align-items: space-around;
- }
- .flex_column_end_start {
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- align-items: flex-start;
- }
- .flex_column_end_end {
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- align-items: flex-end;
- }
- /* adv_22-start */
- .adv_22 .adv_22_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_22 .adv_22_wrap .goods_empty {
- width: 1210px;
- height: 300px;
- background: #fff;
- }
- .adv_22 .adv_22_wrap .top {
- width: 100%;
- margin-top: 26px;
- position: relative;
- padding-top: 20px;
- padding-bottom: 19px;
- }
- .adv_22 .adv_22_wrap .top .left {
- position: relative;
- border-left: 4px solid #3586f8;
- padding-top: 0;
- flex-shrink: 0;
- flex: 1;
- }
- .adv_22 .adv_22_wrap .top .left .title {
- color: #000;
- font-size: 18px;
- margin-left: 8px;
- flex-shrink: 0;
- letter-spacing: 0;
- height: 24px;
- line-height: 24px;
- background: #f8f8f8;
- }
- .adv_22 .adv_22_wrap .top .left .sub_title {
- font-size: 14px;
- font-weight: 400;
- color: rgba(102, 102, 102, 1);
- margin-left: 20px;
- flex-shrink: 0;
- }
- .adv_22 .adv_22_wrap .top .left .sub_title .buy_num {
- color: #3585f7;
- flex-shrink: 0;
- }
- .adv_22 .adv_22_wrap .top .right .view_more_text {
- color: #333;
- font-size: 16px;
- font-weight: 400;
- }
- .adv_22 .adv_22_wrap .top .right .view_more_img {
- width: 20px;
- height: 20px;
- margin-left: 17px;
- }
- .adv_22 .adv_22_wrap .main_con {
- background: #fff;
- position: relative;
- flex-wrap: wrap;
- }
- .adv_22 .adv_22_wrap .main_con .item {
- width: 403px;
- height: 150px;
- padding: 0 20px;
- border-right: 1px solid #ebebeb;
- border-bottom: 1px solid #ebebeb;
- box-sizing: border-box;
- }
- .adv_22 .adv_22_wrap .main_con .item .left {
- width: auto;
- background: #fff;
- text-align: left;
- padding-top: 0;
- }
- .adv_22 .adv_22_wrap .main_con .item .left .img_wrap {
- width: 100px;
- height: 100px;
- background: rgba(255, 255, 255, 1);
- flex-shrink: 0;
- }
- .adv_22 .adv_22_wrap .main_con .item .left .img_wrap img {
- max-width: 100%;
- max-height: 100%;
- -webkit-transition: -webkit-transform 0.5s;
- transition: -webkit-transform 0.5s;
- -moz-transition: transform 0.5s, -moz-transform 0.5s;
- transition: transform 0.5s;
- transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
- }
- .adv_22 .adv_22_wrap .main_con .item .left .img_wrap img:hover {
- -webkit-transform: translateX(4px);
- -ms-transform: translateX(4px);
- transform: translateX(4px);
- }
- .adv_22 .adv_22_wrap .main_con .item .right {
- margin-left: 15px;
- width: 140px;
- overflow: hidden;
- flex-shrink: 0;
- }
- .adv_22 .adv_22_wrap .main_con .item .right .goods_name {
- font-size: 16px;
- color: rgba(51, 51, 51, 1);
- white-space: nowrap;
- display: inline-block;
- overflow: hidden;
- width: 100%;
- text-overflow: ellipsis;
- text-align: left;
- }
- .adv_22 .adv_22_wrap .main_con .item .right .sale_info {
- margin-top: 13px;
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .adv_22 .adv_22_wrap .main_con .item .right .sale_info .sale_num_label {
- color: #999999;
- font-size: 14px;
- flex-shrink: 0;
- }
- .adv_22 .adv_22_wrap .main_con .item .right .sale_info .sale_num {
- color: #3586f8;
- font-size: 14px;
- }
- .adv_22 .adv_22_wrap .main_con .item .apply_btn {
- width: 90px;
- height: 30px;
- background: rgba(255, 255, 255, 1);
- border: 1px solid rgba(53, 134, 248, 1);
- border-radius: 6px;
- text-align: center;
- color: #3586f8;
- font-size: 14px;
- line-height: 30px;
- flex-shrink: 0;
- }
- .adv_22 .adv_22_wrap .main_con .item .apply_btn:hover {
- background: #3585f7;
- color: #fff;
- }
- /* adv_22-end */
- /* adv_25-start */
- .adv_25 .adv_25_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_25 .adv_25_wrap .store_empty {
- width: 1210px;
- height: 280px;
- background: #fff;
- }
- .adv_25 .adv_25_wrap .top {
- width: 100%;
- margin-top: 26px;
- position: relative;
- padding-top: 20px;
- padding-bottom: 19px;
- }
- .adv_25 .adv_25_wrap .top .left {
- position: relative;
- border-left: 4px solid #3586f8;
- flex-shrink: 0;
- padding-top: 0;
- flex: 1;
- }
- .adv_25 .adv_25_wrap .top .left .title {
- color: #000;
- font-size: 18px;
- margin-left: 8px;
- flex-shrink: 0;
- letter-spacing: 0;
- height: 24px;
- line-height: 24px;
- background: #f8f8f8;
- }
- .adv_25 .adv_25_wrap .top .left .sub_title {
- font-size: 14px;
- font-weight: 400;
- color: rgba(102, 102, 102, 1);
- margin-left: 20px;
- flex-shrink: 0;
- }
- .adv_25 .adv_25_wrap .top .right .view_more_text {
- color: #333;
- font-size: 16px;
- font-weight: 400;
- }
- .adv_25 .adv_25_wrap .top .right .view_more_img {
- width: 20px;
- height: 20px;
- margin-left: 17px;
- }
- .adv_25 .adv_25_wrap .main_con {
- background: #fff;
- position: relative;
- flex-wrap: wrap;
- }
- .adv_25 .adv_25_wrap .main_con .item {
- width: 241px;
- height: 140px;
- border-right: 1px solid #ebebeb;
- border-bottom: 1px solid #ebebeb;
- padding: 30px 10px;
- box-sizing: border-box;
- position: relative;
- }
- .adv_25 .adv_25_wrap .main_con .item .img_wrap {
- width: 100%;
- height: 100%;
- }
- .adv_25 .adv_25_wrap .main_con .item .img_wrap:hover {
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- z-index: 2;
- background: #e6f2fc;
- }
- .adv_25 .adv_25_wrap .main_con .item img {
- max-width: 100px;
- max-height: 100px;
- -webkit-transition: -webkit-transform 0.5s;
- transition: -webkit-transform 0.5s;
- -moz-transition: transform 0.5s, -moz-transform 0.5s;
- transition: transform 0.5s;
- transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
- }
- .adv_25 .adv_25_wrap .main_con .item img:hover {
- -webkit-transform: translateX(4px);
- -ms-transform: translateX(4px);
- transform: translateX(4px);
- }
- /* adv_25-end */
- /* adv_23-start */
- .adv_23 .adv_23_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_23 .adv_23_wrap .store_empty {
- width: 1210px;
- height: 280px;
- background: #fff;
- }
- .adv_23 .adv_23_wrap .top {
- width: 100%;
- margin-top: 26px;
- position: relative;
- padding-top: 20px;
- padding-bottom: 19px;
- }
- .adv_23 .adv_23_wrap .top .left {
- position: relative;
- border-left: 4px solid #3586f8;
- padding-top: 0;
- flex-shrink: 0;
- flex: 1;
- }
- .adv_23 .adv_23_wrap .top .left .title {
- color: #000;
- font-size: 18px;
- margin-left: 8px;
- flex-shrink: 0;
- letter-spacing: 0;
- height: 24px;
- line-height: 24px;
- background: #f8f8f8;
- }
- .adv_23 .adv_23_wrap .top .left .sub_title {
- font-size: 14px;
- font-weight: 400;
- color: rgba(102, 102, 102, 1);
- margin-left: 20px;
- flex-shrink: 0;
- }
- .adv_23 .adv_23_wrap .top .right .view_more_text {
- color: #333;
- font-size: 16px;
- font-weight: 400;
- }
- .adv_23 .adv_23_wrap .top .right .view_more_img {
- width: 20px;
- height: 20px;
- margin-left: 17px;
- }
- .adv_23 .adv_23_wrap .main_con {
- background: #fff;
- border-top: 1px solid #69b7f9;
- width: 1210px;
- }
- .adv_23 .adv_23_wrap .main_con .empty {
- width: 100%;
- height: 100%;
- }
- .adv_23 .adv_23_wrap .main_con .left {
- width: 522px;
- height: 314px;
- border-right: 1px solid #ebebeb;
- margin-top: 9px;
- margin-bottom: 31px;
- padding-top: 0;
- background: #fff;
- }
- .adv_23 .adv_23_wrap .main_con .center {
- width: 340px;
- height: 314px;
- border-right: 1px solid #ebebeb;
- margin-top: 9px;
- margin-bottom: 31px;
- background: #fff;
- }
- .adv_23 .adv_23_wrap .main_con .right {
- width: 344px;
- height: 314px;
- margin-top: 9px;
- margin-bottom: 31px;
- margin-left: 0;
- background: #fff;
- }
- .adv_23 .adv_23_wrap .main_con .left .top {
- width: 522px;
- }
- .adv_23 .adv_23_wrap .main_con .top {
- height: 80px;
- position: relative;
- padding: 0;
- margin-top: 0;
- }
- .adv_23 .adv_23_wrap .main_con .center .top {
- width: 340px;
- }
- .adv_23 .adv_23_wrap .main_con .right .top {
- width: 344px;
- }
- .adv_23 .adv_23_wrap .main_con .left .top img {
- width: 500px;
- height: 100%;
- }
- .adv_23 .adv_23_wrap .main_con .top img {
- width: 312px;
- height: 100%;
- }
- .adv_23 .adv_23_wrap .main_con ul.info_list {
- padding-left: 20px;
- padding-right: 15px;
- margin-top: 5px;
- width: 100%;
- height: 250px;
- overflow: hidden;
- position: relative;
- box-sizing: border-box;
- }
- .adv_23 .adv_23_wrap .main_con ul.info_list li {
- list-style-position: inside;
- list-style-type: circle;
- margin-top: 17px;
- }
- .adv_23 .adv_23_wrap .main_con ul.info_list li .circle {
- width: 4px;
- height: 4px;
- background: rgba(153, 153, 153, 1);
- border-radius: 50%;
- margin-left: 0px;
- }
- .adv_23 .adv_23_wrap .main_con .left ul.info_list li .title {
- width: 300px;
- }
- .adv_23 .adv_23_wrap .main_con ul.info_list li:hover .circle {
- background: #3586f8;
- }
- .adv_23 .adv_23_wrap .main_con ul.info_list li .title {
- display: inline-block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- margin-left: 15px;
- letter-spacing: 0;
- height: 18px;
- background: #fff;
- text-align: left;
- }
- .adv_23 .adv_23_wrap .main_con .center ul.info_list li .title {
- width: 150px;
- }
- .adv_23 .adv_23_wrap .main_con .right ul.info_list li .title {
- width: 154px;
- }
- .adv_23 .adv_23_wrap .main_con ul.info_list li .title,
- .adv_23 .adv_23_wrap .main_con ul.info_list li .create_time {
- color: #000;
- font-size: 13px;
- white-space: nowrap;
- }
- .adv_23 .adv_23_wrap .main_con ul.info_list li:hover .title,
- .adv_23 .adv_23_wrap .main_con ul.info_list li:hover .create_time {
- color: #3586f8;
- }
- /* adv_23-end */
- /* adv_24-start */
- .adv_24 .adv_24_wrap {
- width: 100%;
- position: relative;
- clear: both;
- overflow: hidden;
- }
- .adv_24 .adv_24_wrap .goods_empty {
- width: 1210px;
- height: 300px;
- background: #fff;
- }
- .adv_24 .adv_24_wrap .top {
- width: 100%;
- margin-top: 26px;
- position: relative;
- padding-top: 20px;
- padding-bottom: 19px;
- }
- .adv_24 .adv_24_wrap .top .left {
- position: relative;
- border-left: 4px solid #3586f8;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding: 0;
- }
- .adv_24 .adv_24_wrap .top .left .title {
- color: #000;
- font-size: 18px;
- margin-left: 8px;
- letter-spacing: 0;
- height: 24px;
- line-height: 24px;
- background: #f8f8f8;
- }
- .adv_24 .adv_24_wrap .top .left .sub_title {
- font-size: 14px;
- font-weight: 400;
- color: rgba(102, 102, 102, 1);
- margin-left: 35px;
- }
- .adv_24 .adv_24_wrap .top .left .sub_title .buy_num {
- color: #3585f7;
- }
- .adv_24 .adv_24_wrap .top .right .view_more_text {
- color: #333;
- font-size: 16px;
- font-weight: 400;
- }
- .adv_24 .adv_24_wrap .top .right .view_more_img {
- width: 20px;
- height: 20px;
- margin-left: 17px;
- }
- .adv_24 .adv_24_wrap .bottom {
- width: 100%;
- height: 560px;
- position: relative;
- background: #fff;
- }
- .adv_24 .adv_24_wrap .bottom .empty {
- width: 100%;
- height: 100%;
- }
- .adv_24 .adv_24_wrap .bottom .border_top {
- position: absolute;
- z-index: 6;
- width: 100%;
- height: 1px;
- background: #f5c443;
- }
- .adv_24 .adv_24_wrap .bottom .left {
- width: 362px;
- height: 100%;
- position: relative;
- padding: 0;
- }
- .adv_24 .adv_24_wrap .bottom .left img {
- width: 100%;
- height: 100%;
- }
- .adv_24 .adv_24_wrap .bottom .left:before {
- content: " ";
- z-index: 6;
- position: absolute;
- width: 80px;
- height: 560px;
- top: 0;
- left: -200px;
- overflow: hidden;
- background: -moz-linear-gradient(
- to left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- background: -webkit-gradient(
- linear,
- left top,
- right top,
- color-stop(0%, rgba(255, 255, 255, 0)),
- color-stop(50%, rgba(255, 255, 255, 0.2)),
- color-stop(100%, rgba(255, 255, 255, 0))
- );
- background: -webkit-linear-gradient(
- to left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- background: linear-gradient(
- to left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- background: -o-linear-gradient(
- to left,
- rgba(255, 255, 255, 0) 0,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- -webkit-transform: skewX(-25deg);
- -moz-transform: skewX(-25deg);
- }
- .adv_24 .adv_24_wrap .bottom .left:hover:before {
- -webkit-transition: left 0.5s;
- -moz-transition: left 0.5s;
- transition: left 0.5s;
- left: 450px;
- }
- .adv_24 .adv_24_wrap .bottom .left .cat_part {
- width: 88px;
- height: 100%;
- background: rgba(255, 255, 255, 0.1);
- position: absolute;
- z-index: 2;
- top: 0;
- right: 0;
- bottom: 0;
- }
- .adv_24 .adv_24_wrap .bottom .left .sld_mask {
- right: 88px;
- }
- .adv_24 .adv_24_wrap .bottom .left .cat_part .sld_mask {
- right: 0;
- }
- .adv_24 .adv_24_wrap .bottom .left .cat_part li {
- width: 100%;
- height: 56px;
- line-height: 56px;
- text-align: center;
- color: #fff;
- font-size: 16px;
- position: relative;
- }
- .adv_24 .adv_24_wrap .bottom .left .cat_part .del_cat_btn {
- position: absolute;
- top: 2px;
- right: 3px;
- z-index: 6;
- display: inline-block;
- height: 20px;
- line-height: 20px;
- opacity: 0;
- }
- .adv_24 .adv_24_wrap .bottom .left .cat_part li:hover .del_cat_btn {
- opacity: 1;
- }
- .adv_24 .adv_24_wrap .bottom .left .cat_part li.add_btn {
- font-size: 12px;
- font-weight: bold;
- }
- .adv_24 .adv_24_wrap .bottom .left .cat_part .sld_mask span {
- right: 0;
- top: 0;
- border-radius: 2px;
- padding: 3px 5px;
- background: transparent;
- box-shadow: none;
- font-size: 15px;
- color: #fff;
- }
- .adv_24 .adv_24_wrap .bottom .left .cat_part li.sele {
- background: #fff;
- color: #3586f8;
- border-left: 4px solid #3586f8;
- }
- .adv_24 .adv_24_wrap .bottom .right {
- width: 847px;
- height: 100%;
- flex-wrap: wrap;
- position: relative;
- padding: 0;
- margin-left: 0;
- }
- .adv_24 .adv_24_wrap .bottom .right .empty {
- width: 100%;
- height: 100%;
- }
- .adv_24 .adv_24_wrap .bottom .right .sld_mask span {
- left: 5px;
- right: auto;
- }
- .adv_24 .adv_24_wrap .bottom .right .item {
- width: 211px;
- height: 279px;
- border-bottom: 1px solid #ebebeb;
- border-right: 1px solid #ebebeb;
- }
- .adv_24 .adv_24_wrap .bottom .right .item .goods_name {
- color: #333;
- font-size: 14px;
- white-space: nowrap;
- width: 124px;
- overflow: hidden;
- text-overflow: ellipsis;
- margin-left: 39px;
- margin-top: 46px;
- }
- .adv_24 .adv_24_wrap .bottom .right .item .goods_brief {
- color: #999;
- font-size: 12px;
- white-space: nowrap;
- width: 95px;
- overflow: hidden;
- text-overflow: ellipsis;
- margin-left: 39px;
- margin-top: 12px;
- }
- .adv_24 .adv_24_wrap .bottom .right .item .img_wrap {
- width: 162px;
- height: 162px;
- margin-left: 30px;
- }
- .adv_24 .adv_24_wrap .bottom .right .item .img_wrap img {
- max-width: 120px;
- max-height: 120px;
- -webkit-transition: -webkit-transform 0.5s;
- transition: -webkit-transform 0.5s;
- -moz-transition: transform 0.5s, -moz-transform 0.5s;
- transition: transform 0.5s;
- transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
- }
- .adv_24 .adv_24_wrap .bottom .right .item .img_wrap img:hover {
- -webkit-transform: translateX(4px);
- -ms-transform: translateX(4px);
- transform: translateX(4px);
- }
- /* adv_24-end */
- /* adv_27-start */
- .adv_27_wrap {
- height: auto;
- // min-height: 374px;
- }
- .adv_27_wrap .floor_title {
- position: relative;
- margin-bottom: 15px;
- height: 35px;
- line-height: 35px;
- overflow: hidden;
- margin-top: 10px;
- }
- .adv_27_wrap .floor_title h2 {
- width: 100%;
- line-height: 35px;
- text-align: center;
- margin: 0 auto;
- font-size: 28px;
- color: #333;
- height: 35px;
- }
- .adv_27_wrap .floor_title h2 font {
- display: inline-block;
- width: 80px;
- height: 1px;
- background: $colorMain;
- position: relative;
- top: 20px;
- }
- .adv_27_wrap .floor_title h2 span {
- font-size: 24px;
- margin: 0 20px;
- color: $colorMain;
- width: auto;
- min-width: 30px;
- height: 35px;
- line-height: 35px;
- text-indent: 3px;
- display: inline-block;
- font-weight: normal;
- vertical-align: middle;
- }
- .adv_27_wrap .floor_goods {
- position: relative;
- width: 100%;
- overflow: hidden;
- }
- .adv_27_wrap .floor_goods .item {
- float: left;
- width: 234px;
- min-height: 200px;
- margin: 0 10px 10px 0;
- padding: 10px;
- background-color: #fff;
- box-sizing: border-box;
- }
- .adv_27_wrap .floor_goods .item:nth-child(5n + 5) {
- margin-right: 0 !important;
- }
- .adv_27_wrap .floor_goods .item .wrap {
- width: 172px;
- text-align: center;
- margin: 0 auto;
- font-size: 14px;
- position: relative;
- }
- .adv_27_wrap .floor_goods .item .wrap:hover .title a{
- color: $colorMain;
- }
- .adv_27_wrap .floor_goods .item .wrap img {
- width: 120px;
- height: 120px;
- display: block;
- }
- .adv_27_wrap .floor_goods .item .wrap .example_text {
- width: 120px;
- height: 120px;
- display: block;
- color: #777;
- text-align: center;
- position: relative;
- background: #eee !important;
- font-weight: 300;
- transition: opacity ease 0.5s;
- margin: 0 auto;
- }
- .adv_27_wrap .floor_goods .item .wrap .example_text:hover {
- opacity: 0.65;
- }
- .adv_27_wrap .floor_goods .item .wrap .example_text span {
- margin-top: -24px;
- display: block;
- width: 100%;
- line-height: 24px;
- position: absolute;
- top: 50%;
- font-size: 15px !important;
- }
- .adv_27_wrap .floor_goods .item .wrap .title {
- margin: 20px 0 8px 0;
- max-height: 38px;
- height: 38px;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-wrap: break-word;
- word-break: normal;
- display: inline-block;
- background: #fff;
- letter-spacing: 0;
- }
- .adv_27_wrap .floor_goods .item .wrap .title a {
- color: #000;
- line-height: 19px !important;
- font-size: 15px;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-break: break-word;
- white-space: normal;
- }
- .adv_27_wrap .floor_goods .item .wrap .price {
- font-size: 12px;
- font-weight: bold;
- color: $colorMain;
- line-height: 25px;
- width: auto;
- height: auto;
- }
- .adv_27_wrap .floor_goods .item .wrap .price .money_number {
- font-size: 18px;
- font-weight: bold;
- margin: 0 0 0 -2px;
- //font-family: Arial, Helvetica, sans-serif;
- }
- /* adv_27-end */
- /* adv_28-start */
- .adv_28_wrap .industry-booth {
- background: #fff;
- margin: 20px auto;
- display: flex;
- display: -webkit-flex;
- flex-direction: row;
- }
- .adv_28_wrap .industry-booth .industry-banner {
- position: relative;
- box-sizing: border-box;
- width: 300px;
- overflow: hidden;
- }
- .adv_28_wrap .industry-booth .industry-banner .ob-icon {
- font-size: 26px;
- display: none;
- }
- .adv_28_wrap .industry-booth .industry-products {
- display: flex;
- display: -webkit-flex;
- flex-direction: row;
- flex-wrap: wrap;
- border-top: 1px solid #e6ecf2;
- flex: 1;
- }
- .adv_28_wrap .industry-booth .prod-item {
- position: relative;
- box-sizing: border-box;
- border: 1px solid #e6ecf2;
- border-left: 0;
- border-top: 0;
- width: 25%;
- &:hover {
- .pic-inr{
- opacity: .5;
- }
- .prod-txt{
- color: $colorMain;
- }
- }
- }
- .adv_28_wrap .industry-booth .prod-inr {
- position: relative;
- display: block;
- padding: 15px;
- }
- .adv_28_wrap .industry-booth .prod-txt {
- font-size: 15px;
- line-height: 24px;
- height: 48px;
- color: #000;
- display: -webkit-box;
- overflow: hidden;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-wrap: break-word;
- position: relative;
- z-index: 2;
- text-align: center;
- }
- .adv_28_wrap .industry-booth .prod-pic {
- text-align: center;
- margin-bottom: 10px;
- }
- .adv_28_wrap .industry-booth .prod-pic .pic-inr {
- width: 100px;
- height: 100px;
- display: inline-block;
- font-size: 0;
- overflow: hidden;
- opacity: 1;
- transition: all .3s;
- }
- .adv_28_wrap .industry-booth .prod-pic .img-wp {
- width: 100%;
- position: relative;
- font-size: 0;
- text-align: center;
- overflow: hidden;
- }
- .adv_28_wrap .industry-booth .prod-pic .img-wp img {
- max-width: 100%;
- max-height: 100%;
- vertical-align: middle;
- top: 0;
- left: 0;
- margin: auto;
- bottom: 0;
- right: 0;
- }
- .adv_28_wrap .industry-booth .industry-link {
- display: block;
- width: 100%;
- height: 100%;
- padding: 30px 30px 30px 31px;
- box-sizing: border-box;
- }
- .adv_28_wrap .industry-booth .industry-theme-image {
- position: absolute;
- right: 0;
- bottom: 0;
- top: 0;
- }
- .adv_28_wrap .industry-booth .theme-img-big {
- display: block !important;
- width: 100%;
- height: 100%;
- }
- .adv_28_wrap .industry-booth .theme-img-small {
- display: none !important;
- }
- .adv_28_wrap .industry-booth .industry-theme-info {
- position: relative;
- }
- .adv_28_wrap .industry-booth .industry-title {
- font-weight: 500;
- margin-bottom: 20px;
- font-size: 22px;
- line-height: 30px;
- color: #222;
- }
- .adv_28_wrap .industry-booth .soure-now .btn {
- height: 30px;
- line-height: 28px;
- padding: 0 10px;
- }
- .adv_28_wrap .industry-booth .btn {
- height: 36px;
- line-height: 34px;
- font-size: 14px;
- display: inline-block;
- vertical-align: middle;
- *display: inline;
- *zoom: 1;
- text-align: center;
- color: #222;
- border: solid 1px #ced3d9;
- background-color: #f5f7fa;
- padding: 0 15px;
- border-radius: 3px;
- cursor: pointer;
- box-sizing: border-box;
- }
- .adv_28_wrap .industry-booth .btn-main {
- color: #fff;
- border: solid 1px $colorMain;
- background-color: $colorMain;
- }
- /* adv_28-end */
- .home-slider {
- width: 1210px;
- margin: 0 auto;
- position: relative;
- height: 520px;
- background: #fff;
- //margin-bottom: 20px;
- box-shadow: -1px 5px 10px 0px #ddd;
- }
- .home-slider .s1 {
- width: 250px;
- float: left;
- }
- .home-slider .s2 {
- width: 100%;
- height: 100%;
- float: left;
- }
- .home-slider .s3 {
- width: 250px;
- float: left;
- padding: 10px 15px 0;
- }
- .home-slider .s3 .title {
- font-size: 15px;
- color: #333;
- }
- .home-slider .s3 .title:hover {
- //color:#00985e
- }
- .home-slider .s3 .link {
- display: block;
- width: 100%;
- background: $colorMain;
- font-size: 15px;
- text-align: center;
- padding: 5px 0px;
- border-radius: 10px;
- margin: 10px auto;
- }
- .home-slider .s3 .link a {
- color: #fff;
- }
- .home-slider .s3 .link:hover {
- background: $colorHover;
- }
- .home-slider .s3 .desc {
- font-size: 13px;
- line-height: 1.9;
- color: #333;
- }
- .home-slider .s3 .desc:hover{
- color:#00985e
- }
- .el-carousel {
- width: 100%;
- height: 100%;
- margin: 0 auto;
- }
- .el-carousel__item {
- div {
- background-position: center center;
- width: 100%;
- height: 459px;
- background-repeat: no-repeat;
- background-size: cover;
- }
- }
- /* adv_29-start */
- .adv_29_wrap .easy-sourcing {
- margin-top: 20px;
- margin-bottom: 20px;
- padding: 30px;
- position: relative;
- overflow: hidden;
- .sourcing-bg {
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- margin: auto;
- img {
- width: 100%;
- height: 100%;
- -o-object-fit: cover;
- object-fit: cover;
- }
- }
- .sourcing-centent {
- position: relative;
- }
- .sourcing-form {
- float: right;
- padding: 20px 25px;
- background: #fff;
- margin-left: 225px;
- width: 530px;
- .form-title {
- font-size: 24px;
- line-height: 30px;
- margin-bottom: 10px;
- font-weight: normal;
- }
- }
- .sourcing-text {
- padding-top: 20px;
- padding-left: 30px;
- overflow: hidden;
- }
- .sourcing-title {
- font-size: 32px;
- font-weight: bold;
- margin-bottom: 20px;
- transform-origin: left;
- }
- .sourcing-desc {
- font-size: 16px;
- color: #555;
- p {
- margin-bottom: 8px;
- }
- }
- .sourcing-more {
- margin-top: 45px;
- font-weight: 500;
- font-size: 14px;
- a {
- color: #222;
- font-weight: 500;
- }
- }
- }
- /* adv_29-end */
|