| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413 |
- @charset "UTF-8";
- /* width1200px */
- body {
- background: #f5f7fa;
- }
- .center_page {
- width: 1200px;
- margin: auto;
- content: '';
- display: block;
- clear: both;
- }
- /* 小区域头部*/
- .area_title {
- text-align: left;
- font-size: 22px;
- color: #333333;
- padding: 25px 0 20px 0;
- margin: 0 20px;
- border-bottom: 1px solid #e5e5e5;
- }
- .set {
- width: 100%;
- height: 851px;
- background: url(../list_images/xinmei_operate/bg1.png) no-repeat center;
- margin-top: -108px;
- }
- .set .center_page {
- padding-top: 88px;
- }
- .set_choose {
- float: left;
- width: 860px;
- height: 574px;
- position: relative;
- padding: 25px 20px 0 20px;
- background: #fff;
- }
- .set_choose_item {
- position: relative;
- border-bottom: 1px solid #e5e5e5;
- border-left: 1px solid #e5e5e5;
- }
- .set_choose_item1, .set_choose_item2, .set_choose_item3, .set_choose_item4 {
- float: left;
- width: 155px;
- height: 40px;
- border-right: 1px solid #e5e5e5;
- border-top: 1px solid #e5e5e5;
- background: #f0f0f0;
- }
- .set_choose_item1:hover, .set_choose_item2:hover, .set_choose_item3:hover, .set_choose_item4:hover {
- border-bottom: none;
- background: #fff;
- }
- .set_choose_item1:hover .set_choose_itemt, .set_choose_item2:hover .set_choose_itemt, .set_choose_item3:hover .set_choose_itemt, .set_choose_item4:hover .set_choose_itemt {
- border-top: 3px solid #576fff;
- position: absolute;
- top: -1px;
- font-size: 16px;
- color: #576fff;
- font-weight: bold;
- background: #fff;
- }
- .set_choose_itemt {
- width: 155px;
- height: 41px;
- border-top: 3px solid transparent;
- text-align: center;
- line-height: 41px;
- font-size: 16px;
- color: #4c4c4c;
- cursor: pointer;
- transition: all .5s;
- }
- .set_choose_itemd {
- display: none;
- /*套餐价格*/
- /* 一种套餐类型 */
- /*另套餐类型*/
- /*套餐周期*/
- /* 第一种套餐周期 */
- /* 立即购买等btn */
- /* 另一个购买btn的height变化 */
- /* 商品编号等 */
- }
- .set_choose_itemd_title {
- font-size: 20px;
- color: #333333;
- font-weight: bold;
- }
- .set_choose_itemd_intro {
- font-size: 14px;
- color: #808080;
- width: 820px;
-
- height: 14px;
- margin: 12px 0 36px 0;
- }
- .set_choose_itemd_price {
- width: 100%;
- height: 82px;
- background: #f7f9fa;
- }
- .set_choose_itemd_price .serve_price {
- float: left;
- width: 575px;
- height: 100%;
- line-height: 82px;
- }
- .set_choose_itemd_price .serve_pricen {
- font-size: 14px;
- color: #4c4c4c;
- font-weight: bold;
- margin-left: 20px;
- }
- .set_choose_itemd_price .serve_pricep {
- font-size: 20px;
- color: #ff7200;
- font-weight: bold;
- position: relative;
- }
- .set_choose_itemd_price .serve_pricep:before {
- content: '¥';
- font-size: 12px;
- color: #ff7200;
- }
- .set_choose_itemd_price .serve_pricep > span {
- display: inline-block;
- padding: 0 5px;
- text-align: center;
- line-height: 22px;
- font-size: 12px;
- color: #fff;
- background: #576fff;
- position: relative;
- margin-left: 10px;
- top: -5px;
- }
- .set_choose_itemd_price .serve_pricep > span:before {
- content: '';
- display: inline-block;
- width: 0;
- height: 0;
- border-bottom: 5px solid #576fff;
- border-left: 5px solid transparent;
- position: absolute;
- bottom: 0;
- left: -5px;
- }
- .set_choose_itemd_price .serve_price_info {
- font-size: 14px;
- color: #999999;
- }
- .set_choose_itemd_price .focus_yuzhua {
- float: right;
- font-size: 14px;
- line-height: 82px;
- position: relative;
- width: 240px;
- }
- .set_choose_itemd_price .focus_yuzhua > a {
- margin-right: 28px;
- color: #6a4cff;
- float: right;
- }
- .set_choose_itemd_price .focus_yuzhua > a:before {
- content: '';
- display: inline-block;
- width: 15px;
- height: 15px;
- position: relative;
- top: 3px;
- margin-right: 8px;
- background: url(../list_images/xinmei_operate/icon1.png) no-repeat center;
- }
- .set_choose_itemd_price .focus_yuzhua .display_er_code {
- max-width: 248px;
- max-height: 248px;
- border: 1px solid #6a4cff;
- background-color: #ffffff;
- box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.1);
- position: absolute;
- top: 60px;
- left: 0px;
- z-index: -1;
- opacity: 0;
- transition: all 0.3s linear;
- }
- .set_choose_itemd_price .focus_yuzhua .display_er_code_sin {
- width: 0;
- height: 0;
- border-width: 0px 7px 7px 7px;
- border-style: solid;
- border-color: transparent transparent #6a4cff transparent;
- position: relative;
- top: -7px;
- left: 100px;
- }
- .set_choose_itemd_price .focus_yuzhua .display_er_code_sin:after {
- content: '';
- width: 0;
- height: 0;
- border-width: 0px 6px 6px 6px;
- border-style: solid;
- border-color: transparent transparent #ffffff transparent;
- position: absolute;
- top: 7px;
- bottom: 0;
- left: -6px;
- right: 0;
- margin: auto;
- }
- .set_choose_itemd_price .focus_yuzhua .display_er_code_sin .cod_pic {
- width: 100%;
- height: 100%;
- margin: auto;
- text-align: center;
- overflow: hidden;
- }
- .set_choose_itemd_price .focus_yuzhua .display_er_code_sin .cod_pic > img {
- display: none;
- width: 240px;
- height: 240px;
- position: absolute;
- top: 55px;
- left: 0;
- }
- .set_choose_itemd_price .focus_yuzhua:after {
- content: '';
- display: block;
- clear: both;
- }
- .set_choose_itemd_price .focus_yuzhua:hover .display_er_code {
- opacity: 9;
- z-index: 9;
- }
- .set_choose_itemd_price:after {
- content: '';
- display: block;
- clear: both;
- }
- .set_choose_itemd_type1 {
- width: 100%;
- height: 89px;
- border-bottom: 1px dashed #dbdbdb;
- overflow: hidden;
- }
- .set_choose_itemd_type1 .type_name {
- width: 85px;
- padding-top: 35px;
- float: left;
- font-size: 14px;
- color: #575757;
- font-weight: bold;
- text-align: right;
- }
- .set_choose_itemd_type1 .type_wrap {
- width: 730px;
- float: left;
- padding-top: 28px;
- }
- .set_choose_itemd_type1 .type_wrap_each {
- display: inline-block;
- width: 95px;
- height: 30px;
- border: 1px solid #dfdfdf;
- margin-right: 10px;
- text-align: center;
- line-height: 30px;
- position: relative;
- cursor: pointer;
- }
- .set_choose_itemd_type1 .type_wrap_each:after {
- content: '';
- display: none;
- width: 0;
- height: 0;
- border-bottom: 12px solid #c26aff;
- border-left: 12px solid transparent;
- position: absolute;
- bottom: 0px;
- right: 0px;
- }
- .set_choose_itemd_type1 .type_wrap_each:first-child {
- margin-left: 5px;
- }
- .set_choose_itemd_type1 .type_wrap .on {
- width: 93px;
- height: 28px;
- border: 2px solid #c26aff;
- line-height: 28px;
- }
- .set_choose_itemd_type1 .type_wrap .on:after {
- display: inline-block;
- }
- .set_choose_itemd_type {
- width: 100%;
- height: 140px;
- border-bottom: 1px dashed #dbdbdb;
- }
- .set_choose_itemd_type .type_name {
- float: left;
- width: 85px;
- height: 115px;
- padding-top: 25px;
- font-size: 14px;
- color: #575757;
- font-weight: bold;
- text-align: right;
- }
- .set_choose_itemd_type .type_detail {
- float: left;
- width: 720px;
- height: 135px;
- position: relative;
- margin: 15px 0 0 8px;
- }
- .set_choose_itemd_type .type_detail1, .set_choose_itemd_type .type_detail2 {
- cursor: pointer;
- width: 265px;
- height: 32px;
- border: 1px solid #dfdfdf;
- text-align: center;
- line-height: 32px;
- float: left;
- text-align: center;
- }
- .set_choose_itemd_type .type_detail1:after, .set_choose_itemd_type .type_detail2:after {
- content: '';
- display: none;
- width: 0;
- height: 0;
- border-bottom: 12px solid #c26aff;
- border-left: 12px solid transparent;
- position: relative;
- top: -20px;
- left: 127px;
- }
- .set_choose_itemd_type .type_detail1 {
- margin-right: 10px;
- }
- .set_choose_itemd_type .type_detail .on {
- width: 263px;
- height: 30px;
- border: 2px solid #c26aff;
- line-height: 30px;
- }
- .set_choose_itemd_type .type_detail .on .type_detail_show {
- display: block;
- }
- .set_choose_itemd_type .type_detail .on:after {
- display: inline-block;
- }
- .set_choose_itemd_type .type_detail_name {
- font-size: 14px;
- color: #484848;
- }
- .set_choose_itemd_type .type_detail_name > span {
- color: #c26aff;
- }
- .set_choose_itemd_type .type_detail_show {
- display: none;
- position: absolute;
- width: 715px;
- height: 70px;
- background: #f3ecf8;
- top: 0;
- left: 0;
- margin-top: 40px;
- text-align: left;
- padding-top: 5px;
- }
- .set_choose_itemd_type .type_detail_show > span {
- font-size: 14px;
- color: #808080;
- display: inline-block;
- margin-left: 10px;
- }
- .set_choose_itemd_type .type_detail_show > span > i {
- display: inline-block;
- width: 20px;
- height: 20px;
- background: url(../list_images/xinmei_operate/operate_pingtu.png);
- background-position: -26px -26px;
- position: relative;
- top: 5px;
- margin-right: 5px;
- }
- .set_choose_itemd_type .type_detail_show:after {
- content: '';
- display: block;
- clear: both;
- }
- .set_choose_itemd_type .type_detail_show .type1, .set_choose_itemd_type .type_detail_show .type5 {
- width: 140px;
- }
- .set_choose_itemd_type .type_detail_show .type2, .set_choose_itemd_type .type_detail_show .type6 {
- width: 168px;
- }
- .set_choose_itemd_type .type_detail_show .type3, .set_choose_itemd_type .type_detail_show .type7 {
- width: 125px;
- }
- .set_choose_itemd_type .type_detail_show .type4, .set_choose_itemd_type .type_detail_show .type8 {
- width: 225px;
- }
- .set_choose_itemd_type .type_detail_show .active > i {
- display: inline-block;
- width: 20px;
- height: 20px;
- background: url(../list_images/xinmei_operate/operate_pingtu.png);
- background-position: -27px -68px;
- position: relative;
- top: 5px;
- margin-right: 5px;
- }
- .set_choose_itemd_type:after {
- content: '';
- display: block;
- clear: both;
- }
- .set_choose_itemd_cycle, .set_choose_itemd_cycle1 {
- width: 100%;
- height: 49px;
- border-bottom: 1px dashed #dbdbdb;
- }
- .set_choose_itemd_cycle .cycle_name, .set_choose_itemd_cycle1 .cycle_name {
- float: left;
- width: 85px;
- height: 39px;
- font-size: 14px;
- color: #575757;
- font-weight: bold;
- text-align: right;
- padding-top: 10px;
- }
- .set_choose_itemd_cycle .cycle_detail, .set_choose_itemd_cycle1 .cycle_detail {
- margin-top: 18px;
- /* 给套餐周期加类名,让点击能有效果 */
- }
- .set_choose_itemd_cycle .cycle_detail_each, .set_choose_itemd_cycle1 .cycle_detail_each {
- float: left;
- width: 124px;
- height: 32px;
- border: 1px solid #dfdfdf;
- margin-right: 10px;
- text-align: center;
- line-height: 32px;
- position: relative;
- cursor: pointer;
- /* 这里的hover效果先注释 */
- }
- .set_choose_itemd_cycle .cycle_detail_each .each_span, .set_choose_itemd_cycle1 .cycle_detail_each .each_span {
- font-size: 14px;
- color: #4d4d4d;
- }
- .set_choose_itemd_cycle .cycle_detail_each .each_span > span, .set_choose_itemd_cycle1 .cycle_detail_each .each_span > span {
- color: #c26aff;
- }
- .set_choose_itemd_cycle .cycle_detail_each:first-child, .set_choose_itemd_cycle1 .cycle_detail_each:first-child {
- margin-left: 5px;
- }
- .set_choose_itemd_cycle .cycle_detail_each:after, .set_choose_itemd_cycle1 .cycle_detail_each:after {
- content: '';
- display: none;
- width: 0;
- height: 0;
- border-bottom: 12px solid #c26aff;
- border-left: 12px solid transparent;
- position: absolute;
- bottom: 0px;
- right: 0px;
- }
- .set_choose_itemd_cycle .cycle_detail:after, .set_choose_itemd_cycle1 .cycle_detail:after {
- content: '';
- display: block;
- clear: both;
- }
- .set_choose_itemd_cycle .cycle_detail .on, .set_choose_itemd_cycle1 .cycle_detail .on {
- width: 122px;
- height: 33px;
- border: 2px solid #c26aff;
- line-height: 30px;
- }
- .set_choose_itemd_cycle .cycle_detail .on:after, .set_choose_itemd_cycle1 .cycle_detail .on:after {
- display: inline-block;
- }
- .set_choose_itemd_cycle:after, .set_choose_itemd_cycle1:after {
- content: '';
- display: block;
- clear: both;
- }
- .set_choose_itemd_cycle:after:after, .set_choose_itemd_cycle1:after:after {
- display: inline-block;
- }
- .set_choose_itemd_cycle1 {
- height: 69px;
- padding-top: 10px;
- }
- .set_choose_itemd_cycle1 .cycle_name {
- padding-top: 20px;
- }
- .set_choose_itemd_cycle1 .cycle_detail_each {
- display: inline-block;
- width: 95px;
- height: 30px;
- border: 1px solid #dfdfdf;
- margin: 0 5px 0 5px;
- text-align: center;
- line-height: 30px;
- position: relative;
- cursor: pointer;
- }
- .set_choose_itemd_cycle1 .cycle_detail_each:after {
- content: '';
- display: none;
- width: 0;
- height: 0;
- border-bottom: 12px solid #c26aff;
- border-left: 12px solid transparent;
- position: absolute;
- bottom: 0px;
- right: 0px;
- }
- .set_choose_itemd_cycle1 .on1 {
- width: 193px;
- height: 28px;
- border: 2px solid #c26aff;
- line-height: 28px;
- }
- .set_choose_itemd_cycle1 .on1:after {
- display: inline-block;
- }
- .set_choose_itemd_btns {
- padding: 24px 0;
- border-bottom: 1px dashed #dbdbdb;
- /* / 给后台预留的添加类名,亮起加入购物车*/
- /* / 给后台预留的添加类名,亮起加入收藏 */
- }
- .set_choose_itemd_btns .btn_buy, .set_choose_itemd_btns .btn_contact {
- display: inline-block;
- width: 198px;
- height: 44px;
- border: 1px solid #576fff;
- background: #576fff;
- text-align: center;
- line-height: 44px;
- border-radius: 4px;
- font-size: 18px;
- color: #fff;
- transition: .5s;
- }
- .set_choose_itemd_btns .btn_buy:hover {
- background: #3751ec;
- }
- .set_choose_itemd_btns .btn_contact {
- border: 1px solid #9a9a9a;
- background: #fff;
- margin-left: 10px;
- color: #4c4c4c;
- }
- .set_choose_itemd_btns .btn_contact:hover {
- color: #6a4cff;
- border: 1px solid #6a4cff;
- }
- .set_choose_itemd_btns .btn_car, .set_choose_itemd_btns .btn_select {
- font-size: 14px;
- color: #808080;
- margin-left: 20px;
- }
- .set_choose_itemd_btns .btn_car i, .set_choose_itemd_btns .btn_select i {
- display: inline-block;
- margin-right: 4px;
- background: url(../list_images/xinmei_operate/operate_pingtu.png);
- width: 17px;
- height: 17px;
- position: relative;
- top: 6px;
- }
- .set_choose_itemd_btns .btn_car:hover, .set_choose_itemd_btns .btn_select:hover {
- color: #576fff;
- }
- .set_choose_itemd_btns .btn_car {
- margin-left: 20px;
- }
- .set_choose_itemd_btns .btn_car > i {
- background-position: -151px -26px;
- }
- .set_choose_itemd_btns .btn_car:hover > i {
- background-position: -152px -68px;
- }
- .set_choose_itemd_btns .btn_select > i {
- background-position: -95px -26px;
- }
- .set_choose_itemd_btns .btn_select:hover > i {
- background-position: -95px -68px;
- }
- .set_choose_itemd_btns .active2 > i {
- background-position: -95px -68px;
- }
- .set_choose_itemd .other_btns {
- height: 50px;
- padding: 33px 0;
- }
- .set_choose_itemd_num {
- width: 100%;
- height: 39px;
- border-bottom: 1px dashed #dbdbdb;
- line-height: 39px;
- }
- .set_choose_itemd_num > span {
- font-size: 12px;
- color: #999999;
- margin-right: 50px;
- }
- .set_choose_itemd_serve {
- width: 100%;
- padding-top: 12px;
- }
- .set_choose_itemd_serve > span {
- font-size: 12px;
- color: #999999;
- margin-right: 30px;
- position: relative;
- }
- .set_choose_itemd_serve > span > i {
- display: inline-block;
- width: 20px;
- height: 20px;
- position: relative;
- top: 7px;
- left: 0;
- background: url(../list_images/xinmei_operate/operate_pingtu.png);
- }
- .set_choose_itemd_serve > span:after {
- content: '';
- display: inline-block;
- width: 1px;
- height: 9px;
- background: #e8e6f0;
- position: absolute;
- top: 5px;
- right: -15px;
- }
- .set_choose_itemd_serve .serve1 > i {
- background-position: -277px -68px;
- }
- .set_choose_itemd_serve .serve2 > i {
- background-position: -338px -68px;
- }
- .set_choose_itemd_serve .serve3 > i {
- background-position: -387px -68px;
- }
- .set_choose_itemd_serve .serve4 > i {
- background-position: -437px -68px;
- }
- .set_choose_itemd_serve .serve5 > i {
- background-position: -490px -68px;
- }
- .set_choose_item .on {
- border-bottom: none;
- background: #fff;
- }
- .set_choose_item .on .set_choose_itemt {
- position: absolute;
- background: #fff;
- top: -1px;
- border-top: 3px solid #576fff;
- font-size: 16px;
- color: #576fff;
- font-weight: bold;
- }
- .set_choose_item .on .set_choose_itemd {
- display: block;
- height: 500px;
- width: 820px;
- padding: 10px 20px 0 20px;
- position: absolute;
- top: 0;
- left: 0;
- margin-top: 43px;
- }
- .set_choose_item:after {
- content: '';
- display: block;
- clear: both;
- }
- .set_custorm {
- float: right;
- width: 285px;
- background: #fff;
- padding-top: 42px;
- }
- .set_custorm_title {
- width: 182px;
- height: 20px;
- background: url(../list_images/xinmei_operate/icon2.png) no-repeat center;
- margin: auto auto 36px auto;
- font-size: 20px;
- color: #4c4c4c;
- font-weight: bold;
- text-align: center;
- line-height: 20px;
- }
- .set_custorm_wrap {
- width: 100%;
- }
- .set_custorm_info {
- width: 225px;
- height: 225px;
- background: url(../list_images/xinmei_operate/p1_bg2.png) no-repeat center;
- margin: auto;
- text-align: center;
- }
- .set_custorm_info .custorm_name {
- font-size: 16px;
- color: #808080;
- font-weight: bold;
- }
- .set_custorm_info .custorm_pic {
- width: 140px;
- height: 140px;
- position: relative;
- vertical-align: middle;
- overflow: hidden;
- border-radius: 100%;
- margin: 27px auto;
- }
- .set_custorm_info .custorm_pic > img {
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- margin: auto;
- /* 有了这个就自动居中了 */
- }
- .set_custorm_info .custorm_post {
- font-size: 16px;
- color: #404040;
- font-weight: bold;
- }
- .set_custorm_rate {
- width: 87px;
- height: 14px;
- margin: auto;
- position: relative;
- padding: 10px 0 20px 0;
- overflow: hidden;
- }
- .set_custorm_rate .rate_mask {
- position: absolute;
- top: 11px;
- left: 0;
- background: #576fff;
- height: 13px;
- }
- .set_custorm_rate .rate_star {
- position: absolute;
- top: 10px;
- left: 0;
- z-index: 1;
- }
- .set_custorm_experience {
- width: 100%;
- height: 45px;
- text-align: center;
- line-height: 45px;
- border-top: 1px solid #dbdbdb;
- border-bottom: 1px solid #dbdbdb;
- }
- .set_custorm_experience > span {
- font-size: 14px;
- color: #797979;
- }
- .set_custorm_phone {
- width: 100%;
- height: 47px;
- line-height: 47px;
- text-align: center;
- }
- .set_custorm_phone .phone_name {
- font-size: 14px;
- color: #787878;
- }
- .set_custorm_phone .phone_num {
- font-size: 16px;
- color: #ff6600;
- }
- .set_custorm_contact {
- display: block;
- width: 100%;
- height: 49px;
- text-align: center;
- line-height: 49px;
- background: url(../list_images/xinmei_operate/p1_bg3.png) no-repeat center;
- }
- .set_custorm_contact > i {
- display: inline-block;
- width: 21px;
- height: 21px;
- background: url(../list_images/xinmei_operate/operate_pingtu.png);
- background-position: -215px -26px;
- vertical-align: middle;
- }
- .set_custorm_contact > span {
- font-size: 16px;
- color: #ffffff;
- font-weight: bold;
- }
- .set_custorm_advice {
- width: 100%;
- height: 89px;
- line-height: 89px;
- text-align: center;
- }
- .set_custorm_advice .custorm_rate, .set_custorm_advice .custorm_advice {
- display: inline-block;
- width: 122px;
- height: 30px;
- background: #e5e9ff;
- border: 1px solid #576fff;
- border-radius: 4px;
- line-height: 30px;
- font-size: 14px;
- }
- .set_custorm_advice .custorm_rate > i, .set_custorm_advice .custorm_advice > i {
- display: inline-block;
- width: 21px;
- height: 21px;
- vertical-align: middle;
- background: url(../list_images/xinmei_operate/operate_pingtu.png);
- }
- .set_custorm_advice .custorm_rate {
- color: #576fff;
- }
- .set_custorm_advice .custorm_rate > i {
- background-position: -214px -68px;
- }
- .set_custorm_advice .custorm_advice {
- background: transparent;
- border: 1px solid #c8c8c8;
- margin-left: 5px;
- }
- .set_custorm_advice .custorm_advice > i {
- background-position: -27px -158px;
- }
- .wrap_content {
- margin-top: -74px;
- background: #fff;
- }
- .nav1 {
- width: 100%;
- height: 56px;
- background: #f8f7fb;
- overflow: hidden;
- }
- .nav1_item {
- width: 122px;
- height: 54px;
- line-height: 54px;
- border-right: 1px solid #e5e5e5;
- text-align: center;
- float: left;
- cursor: pointer;
- border-top: 2px solid transparent;
- }
- .nav1_item > a {
- display: inline-block;
- font-size: 16px;
- color: #666666;
- }
- .nav1_item:hover {
- border-top: 2px solid #6a4cff;
- color: #6a4cff;
- font-weight: bold;
- }
- .nav1_item.on {
- border-top: 2px solid #6a4cff;
- color: #6a4cff;
- font-weight: bold;
- background: #fff;
- }
- /*服务简介*/
- .summary_title {
- text-align: left;
- font-size: 22px;
- color: #333333;
- padding: 25px 0 20px 0;
- margin: 0 20px;
- border-bottom: 1px solid #e5e5e5;
- }
- .summary_show {
- width: 100%;
- height: 425px;
- background: url(../list_images/xinmei_operate/p2_bg1.jpg) no-repeat center;
- }
- .summary_show_t {
- font-size: 22px;
- color: #4d4d4d;
- text-align: center;
- padding-top: 65px;
- }
- .summary_show_detail {
- padding-top: 45px;
- margin: 0 84px;
- font-size: 15px;
- color: #4d4d4d;
- line-height: 32px;
- }
- .summary_show_items {
- width: 1035px;
- margin: auto;
- overflow: hidden;
- padding-top: 36px;
- }
- .summary_show_items .show_item {
- float: left;
- width: 110px;
- margin-right: 44px;
- text-align: center;
- }
- .summary_show_items .show_item > i {
- display: inline-block;
- width: 20px;
- height: 3px;
- background: url(../list_images/xinmei_operate/icon3.png) no-repeat center;
- }
- .summary_show_items .show_item:last-child {
- margin: 0;
- }
- .summary_show_items .show_img {
- width: 70px;
- height: 70px;
- background: url(../list_images/xinmei_operate/operate_pingtu.png);
- margin: auto;
- }
- .summary_show_items .show_p {
- font-size: 16px;
- color: #4d4d4d;
- font-weight: bold;
- margin: 20px 0 8px 0;
- }
- .summary_show_items .show_img1 {
- background-position: -27px -200px;
- }
- .summary_show_items .show_img2 {
- background-position: -151px -200px;
- }
- .summary_show_items .show_img3 {
- background-position: -277px -200px;
- }
- .summary_show_items .show_img4 {
- background-position: -387px -200px;
- }
- .summary_show_items .show_img5 {
- background-position: -490px -200px;
- }
- .summary_show_items .show_img6 {
- background-position: -592px -200px;
- }
- .summary_show_items .show_img7 {
- background-position: -698px -200px;
- }
- /*服务流程*/
- .process {
- width: 100%;
- }
- .process_shows {
- overflow: hidden;
- margin-left: 20px;
- padding-top: 20px;
- }
- .process_show {
- width: 223px;
- height: 102px;
- background: url(../list_images/xinmei_operate/s3_bg1.png) no-repeat center;
- margin-right: 12px;
- overflow: hidden;
- float: left;
- }
- .process_show:last-child {
- margin-right: 0;
- }
- .process_show_img {
- float: left;
- width: 52px;
- height: 52px;
- margin: 25px 0 0 10px;
- background: url(../list_images/xinmei_operate/operate_pingtu.png);
- }
- .process_show_img1 {
- background-position: -27px -292px;
- }
- .process_show_img2 {
- background-position: -151px -292px;
- }
- .process_show_img3 {
- background-position: -277px -292px;
- }
- .process_show_img4 {
- background-position: -387px -292px;
- }
- .process_show_img5 {
- background-position: -490px -292px;
- }
- .process_show_intro {
- width: 135px;
- height: 102px;
- float: left;
- position: relative;
- }
- .process_show_intro .process_num {
- position: absolute;
- top: 42%;
- right: -8px;
- margin-top: -28px;
- display: inline-block;
- width: 57px;
- height: 70px;
- background: url(../list_images/xinmei_operate/operate_pingtu.png) right center;
- }
- .process_show_intro .process_info {
- position: absolute;
- top: 0;
- left: 0;
- margin: 21px 0 0 6px;
- font-size: 0;
- }
- .process_show_intro .process_info_name {
- font-size: 15px;
- color: #4d4d4d;
- font-weight: bold;
- }
- .process_show_intro .process_info_line {
- display: inline-block;
- width: 28px;
- height: 3px;
- margin: 7px 0 11px 0;
- background: url(../list_images/xinmei_operate/line.png) no-repeat center;
- }
- .process_show_intro .process_info_e1 {
- font-size: 15px;
- color: #9dc2f3;
- text-transform: uppercase;
- margin-bottom: 3px;
- }
- .process_show_intro .process_info_e2 {
- font-size: 12px;
- color: #c8dff6;
- text-transform: uppercase;
- }
- .process_show_intro1 .process_num {
- background-position: -27px -369px;
- }
- .process_show_intro2 .process_num {
- background-position: -151px -369px;
- }
- .process_show_intro3 .process_num {
- background-position: -277px -369px;
- }
- .process_show_intro4 .process_num {
- background-position: -387px -369px;
- }
- .process_show_intro5 .process_num {
- background-position: -490px -369px;
- }
- /*服务优势*/
- .advantage_show {
- overflow: hidden;
- margin-left: 20px;
- }
- .advantage_item {
- float: left;
- width: 277px;
- height: 330px;
- background: url(../list_images/xinmei_operate/p4_bg1.png) no-repeat center;
- margin-right: 16px;
- }
- .advantage_item:last-child {
- margin-right: 0;
- }
- .advantage_item_intro {
- margin: 22px 0 0 20px;
- }
- .advantage_item_intro .item_name {
- font-size: 16px;
- color: #fff;
- font-weight: bold;
- }
- .advantage_item_intro .wight_line {
- width: 24px;
- height: 4px;
- background: #fff;
- margin: 10px 0 18px 0;
- }
- .advantage_item_intro .item_intro {
- font-size: 14px;
- color: #ffffff;
- line-height: 22px;
- }
- /*常见问题*/
- .questions {
- padding-bottom: 132px;
- margin-bottom: 90px;
- }
- .questions_all {
- overflow: hidden;
- margin: 25px 0 0 30px;
- }
- .questions_one {
- float: left;
- width: 545px;
- height: 142px;
- margin: 0 8px 10px 0;
- border: 1px solid #f0f1f5;
- }
- .questions_one_up {
- margin: 0 9px;
- height: 57px;
- border-bottom: 1px solid #ecf5ff;
- overflow: hidden;
- }
- .questions_one_up_img {
- width: 30px;
- height: 30px;
- float: left;
- margin: 15px 0 0 10px;
- background: url(../list_images/xinmei_operate/operate_pingtu.png);
- background-position: -27px -481px;
- }
- .questions_one_up_name {
- float: left;
- font-size: 16px;
- color: #4c4c4c;
- font-weight: bold;
- line-height: 57px;
- width: 477px;
- height: 57px;
- white-space: nowrap;
- text-overflow: ellipsis;
- -o-text-overflow: ellipsis;
- overflow: hidden;
- }
- .questions_one_down {
- overflow: hidden;
- }
- .questions_one_down_img {
- width: 30px;
- height: 30px;
- float: left;
- margin: 15px 0 0 19px;
- background: url(../list_images/xinmei_operate/operate_pingtu.png);
- background-position: -151px -481px;
- }
- .questions_one_down_answer {
- font-size: 14px;
- color: #999999;
- margin-top: 20px;
- line-height: 25px;
- display: inline-block;
- width: 477px;
- height: 50px;
- overflow: hidden;
- }
- .questions_one_down_answer .view_details {
- font-size: 14px;
- color: #999999;
- }
- .questions_one:hover .questions_one_up_name {
- color: #649be8;
- }
- .questions_one:hover .view_details {
- color: #649be8;
- }
- .questions_one:nth-child(2n) {
- margin-right: 0;
- }
- .questions_more {
- display: block;
- width: 260px;
- height: 52px;
- margin: 28px auto 0 auto;
- border: 4px solid #f1f3f8;
- text-align: center;
- line-height: 52px;
- font-size: 15px;
- color: #757575;
- transition: .5s;
- }
- .questions_more > i {
- display: inline-block;
- margin-right: 10px;
- width: 13px;
- height: 12px;
- background: url(../list_images/xinmei_operate/operate_pingtu.png);
- background-position: -277px -484px;
- }
- .questions_more:hover {
- border: 4px solid #9dbceb;
- color: #566fff;
- }
- .questions_more:hover > i {
- background: url(../list_images/xinmei_operate/icon4.png) no-repeat center;
- position: relative;
- top: -1px;
- left: 1px;
- }
|