/* Theme Name: 非凡门户免费体验版 Theme URI:http://www.themepark.com.cn/ Description: WEB主题公园所出品的一款全自定义主题，支持全站自定义，整个网站的颜色、字体以及背景图片都可以在后台自定义，并且支持《购物盒子》插件（WEB主题公园出品的拓展插件）。可以建立小型问答社区、并支持在线支付。 Author:WEB主题公园 Author URI: http://www.themepark.com.cn/ Version: 1.04 */ * {margin: 0;padding: 0} body {background: white;font: 14px/1.4 Georgia,Serif;font-family: 微软雅黑,Arial,Helvetica,sans-serif; background:#fff;} .screen-reader-text {position: absolute;left: -9999px;top: -9999px} .clear {clear: both} .group: after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0} * html .group,*: first-child+html .group {zoom: 1} a{ text-decoration:none;} a:hover{ color:#11a3c2 ; text-decoration:underline;} img{ border:none;max-width:100%; height:auto;} li,ul,ol{ list-style:none } b a{ color:#333;} .header{ width:100%; height:106px; background:#FFF; position:relative; z-index:10;} .top{ width:100%; height:0px; padding:0px 0; background:#efefef;} .header_in,.top_in,.nav_in{ height: 100px;width:1200px; min-width:960px; margin:0 auto; position:relative;margin-top: 10px;} .header_in .logo{ display:block; float:left; height:100px; overflow:hidden;} .gonggao{ float: left; width:50%; padding-right:10px; overflow:hidden;} .gonggao b,.gonggao a{ font-size:14px; color:#666; margin-right:10px; line-height:27px;} .gonggao a:hover{ font-size:14px; color:#000; text-decoration:underline;} .right_top{ float:right; margin-left:10px; height:100%;} .right_top .login{ height:22px; padding:2.5px 5px; } .right_top .login a img{border-radius:22px; border:#FFF solid 1px; } .right_top .login a{ font-size:12px; color:#11a3c2; display:block; width:auto; height:22px; line-height:22px; float:left; padding-right:5px; margin-right:5px;} .right_top .login a:hover{ text-decoration:underline; color:#000;} .header_menu{ width:100%; height:auto; background:url('../images/nav_b.gif'); height:44px; float:left;} .header_menu .header_menu_ul{ width:auto; height:44px; display:block; float:left;} .header_menu .header_menu_ul li{ float:left; display:block; height:44px; position:relative; margin-right:1px;} .header_menu .header_menu_ul li a{ display:block; padding:0 20px; height:44px; line-height:44px; color:#fff; position:relative; z-index:10;} .header_menu .header_menu_ul li a:hover{ text-decoration:none;} .header_menu .header_menu_ul li a.over_nav{ color:#FFF;} .header_menu .header_menu_ul li .hover{ position:absolute; width:100%; height:44px; display:none; background:#11a3c2; top:0; left:0; z-index:1; } .current-menu-item #hover, .current-category-ancestor #hover,.current-menu-ancestor #hover,.current-post-parent #hover,.current_page_item #hover{ display:block !important;} .header_menu .header_menu_ul .current-menu-item a, .header_menu .header_menu_ul .current-category-ancestor a, .header_menu .header_menu_ul .current-menu-ancestor a, .header_menu .header_menu_ul .current-post-parent a{ color:#FFF; !important;} .language{ margin:5px 10px 0 0; display:block; float:left; } .header_menu .header_menu_ul li .sub-menu{ display:none; height:auto; width:170px; border:solid 5px #FFFFFF; position:absolute; top:44px; left:0; background:#f7f7f7;box-shadow: 0 1px 3px #333333; z-index:10; padding:5px;} #header_menu li .sub-menu li .current-menu-item a, #header_menu li .sub-menu li a{ color: #11a3c2; text-shadow:none !important;} .header_menu .header_menu_ul li .sub-menu li a{ width:150px !important; padding:0 10px !important; display:inline; height:30px !important; float:left; line-height:30px !important;} .header_menu .header_menu_ul li .sub-menu li a:hover{ background:#11a3c2 ; color:#FFF !important;} .header_menu .header_menu_ul li .sub-menu li{ float:left; width:130px; height:auto !important; padding:0; line-height:28px !important; margin:2px 0; border-bottom:dotted 1px #CCCCCC; position:relative;} #nav .home_url{ width:62px; height:46px; float:left;background:no-repeat 0px -309px url("../images/Sprites.png");} .header_menu .header_menu_ul li .sub-menu li .sub-menu{ left:170px; top:0; display:none;} .cat_nav{ display:block; float:left; width:auto; height:44px; line-height:44px; color:#FFF; padding:0 20px 0 38px; background-image:url("../images/Sprites.png"); background-position:1px 3px; cursor:pointer; position:relative; margin-right:1px;} .cat_nav:hover{ background-color:#11a3c2; color:#fff; text-decoration:none;} .drop_nav{ position:absolute; left:0; top:44px; width:841px; height: auto; padding-bottom:20px; background:#FFF; box-shadow:0 0 3px #999999; border-radius:5px; display:none;} .drop_nav_n{ display:block; overflow:hidden; padding:20px 0 0 20px; float:left;} .drop_nav_n li{ display:block; float:left; overflow:hidden; width:200px;} .drop_nav_n li a{ font-size:15px; color:#333; padding-bottom:2px; margin-bottom:5px; border-bottom:solid 1px #333333; display:block; width:100%; font-weight:bold;} .drop_nav_n li .sub-menu li a{ font-size:14px; color:#999; margin:0; border-bottom: dashed 1px #ccc;padding:8px 0 8px 15px; font-weight:normal; background:no-repeat 1px -89px url("../images/Sprites.png");} .drop_nav_n li .sub-menu li a:hover{ color:#11a3c2;background:#efefef no-repeat 1px -89px url("../images/Sprites.png");} .drop_nav .ad{ float:left; padding:20px 20px 0 20px; overflow:hidden; width:449px;} .drop_nav .ad b{ font-size:15px; color:#333; padding-bottom:2px; margin-bottom:5px; border-bottom:solid 1px #333333; display:block; width:100%; font-weight:bold; width:100%;} .drop_nav .ad p{ width:100%; display:block; overflow:hidden; font-size:12px; color:#666;} .header_in .search{ width:50%; float:right; height:71px; overflow:hidden;} .header_in .search #searchform{ display:block; overflow:hidden;} .header_in .search #s{ height:15px; padding:5px; width:60%; border:#ccc solid 1px;} .header_in .search #cat{ height:27px; border:#ccc solid 1px;} .header_in .search #searchsubmit{ height:28px; cursor:pointer; border:#ccc solid 1px; background:#11a3c2; color:#FFF; width:70px;} .header_in .search p{ display:block; width:100%;margin-top:13px;} .header_in .search p b{ font-size:14px; color:#333;} .header_in .search p a{ margin-right:10px; color:#11a3c2; font-size:12px;} .m_title{ width:100%; float:left; overflow:hidden; } .m_title a{ font-size:12px; color:#11a3c2;margin-bottom:5px; display:block; overflow: hidden;} .m_title a b{ font-size:18px; color:#333; margin-right:10px;} #photo_full_in .flex-direction-nav li a{ position:absolute; width:50px; height:47px; top:45%; display:block; font-size:0;opacity:0;filter:Alpha(opacity=0)} #photo_full_in .flex-direction-nav li a{opacity:1;filter:Alpha(opacity=100)} #photo_full_in .flex-direction-nav li .flex-prev{ background:url("../images/prev.png"); left:0; } #photo_full_in .flex-direction-nav li .flex-next{ background:url("../images/next.png"); right:0; } .index_content,.footer_in{ width:90%; max-width:1200px; min-width:960px; margin:0 auto;padding:20px 0;} #per100{ width:100%; float:left;} #per70{ /*width:70%;*/width:100%; float:left;} #per27{ width:27%; float:right;} #per70 .box,#per27 .box{ width:100%;height: 560px;overflow: hidden; /*margin:0 0 20px 0;*/margin:0%; } #photo_full{ width:100%; height: auto; overflow:hidden; position:relative; border-bottom:6px solid #fff; border-top:1px solid #fff} #photo_full_in ul li{ display:block; width:100%; height:100%;} #photo_full_in ul li a{ display:block; width:100%; height:100%;} .nav_menu_widgetss{ width:100%; background:#FFF; border:#cbcbcb solid 1px; overflow:hidden; margin-bottom:20px; float:left;} .nav_menu_widgetss ul li{ width:100%; height:auto;!important;} .nav_menu_widgetss ul li a{ font-size:14px; color:#333; display:block; width:90%;padding:10px 2% 10px 25px; border-top:1px solid #cbcbcb; font-weight:bold;background: #fff url("../images/Sprites.png") no-repeat scroll 9px -458px;} .nav_menu_widgetss ul li .sub-menu{ display:block; overflow:hidden; background:#f4f4f4;} .nav_menu_widgetss ul li .sub-menu .sub-menu a{padding:10px 2% 10px 65px;background:url("../images/Sprites.png") no-repeat scroll 48px -85px!important ;} .nav_menu_widgetss ul li .sub-menu a{ color:#666; width:85%;padding:10px 2% 10px 45px; background:url("../images/Sprites.png") no-repeat scroll 29px -85px!important ; font-weight:normal ; } .fourq{width:27%; height: auto; float:left; margin:0 0 20px 2%; background:#FFF; border:#cbcbcb solid 1px; position:relative;} .fourq_title{ width:100%; border-bottom:1px solid #cbcbcb ; margin-bottom:10px; overflow:hidden;} .fourq_title a{ display:block; float:left; padding:5px 3%; cursor:pointer; } .fourq_title a.cues{ background:#11a3c2; color:#FFF !important; text-decoration:none;} .fourq ul li{ display:block; width:96%; margin:3px 0; float:left;} .fourq ul li.fourq_first{ border-bottom:dashed 1px #ccc; padding:0 0 5px 5px; margin-bottom:5px;} .fourq ul li.fourq_first .four_pic{ width:31%; height:auto; float:left; display:block; font-size:0;} .fourq ul li.fourq_first span{ width:62%; padding-left:3%; float:left; display:block; overflow:hidden;} .fourq ul li.fourq_first span b{ font-size:14px; width:100%; display: block;} .fourq ul li.fourq_first span p{ width:100%; display:block; font-size:12px; color:#666;} #per27 .fourq ul li.fourq_first span p{ display:none;} .fourq ul li.fourq_first span p a{ color:#11a3c2; margin-right:10px; display:block;} .fourq ul { position:relative; left:0; top:0;} .fourq ul.ulf_2,.fourq ul.ulf_3{ display:none;} .fourq ul li.text_fp{ width:96%; padding:5px 2%; border-bottom:#CCC dashed 1px;} .fourq ul li.text_fp a{ font-size:14px; font-weight:normal; display:block; padding-left:15px; background: 1px -98px no-repeat url("../images/Sprites.png");} #per70 .fourq ul li.text_fp{ width:46%; padding:5px 2%; float:left; height:18px; overflow:hidden;} .pictext{ width:70%; height: auto; float:left; margin:0 0 20px 0;} .pictext_in{ width:98%; padding:1% 1% 0 1%; height: auto; background:#FFF; border:#cbcbcb solid 1px; float:left; position:relative; } .pictext_pic{ width:40%; height:auto; float:left;}\ .pictext_pic .pictext_pic_a{ display:block; font-size:0; width:100%; height:auto; overflow:hidden;} .pictext_pic b{ font-size:16px; color:#333; width:100%; display:block; margin-bottom:10px;} .pictext_pic p{ font-size:12px; color:#666; width:100%; display:block; margin-bottom:10px;} .pictext_in ul{ width:58%; margin-left:2%; display:block; float:left;} .pictext_in ul li.first_v{ display:block; width:100%; height:auto; margin:0 0 10px 0; float:left;} .pictext_in ul li.first_v b{ font-size:18px; color:#333; display:block; width:100%; padding-bottom:2px; margin-bottom:2px;} .pictext_in ul li p{ display:block; width:98%; padding:1%;color:#666; font-size:12px; overflow:hidden; height:48px; border-bottom:dashed #ccc 1px; } #per27 .pictext_pic,#per27 .pictext_in ul{ width:100%;} #per27 .pictext_pic b,#per27 .pictext_in ul li.first_v b{ font-size:15px; margin-bottom:3px;} #per27 .pictext_pic{border-bottom:dashed #ccc 1px;} .pic_l{width:27%; height: auto; float:left;margin:0 0 20px 2%; } .pic_l_in{ width:100%; height: auto; background:#FFF;position:relative; } .pic_l_in ul{ display: flex; justify-content: left; flex-wrap: wrap; position: absolute; top: 0px; } .pic_l_in ul li{ flex: 0 0 390px; margin:0 4px; margin-top:38px!important; border: 1px solid #fccdda; } /*.pic_l_in{ width:100%; height: auto; background:#FFF; border:#cbcbcb solid 1px; float:left; position:relative;} *//*.pic_l_in ul li{ display:block; width:48%; margin:1%; float:left; position:relative; overflow:hidden;} #per70 .pic_l_in ul li{ width:31%;}*/ .vedio_over_li a{ color:#333; font-size:16px; display:block; /*width:100%;*/ padding:20px; text-decoration:none;} .vedio_over_li{ width:390px; height:70px; position:relative; bottom:-100%; left:0;} .pic_r{ width:70%; height: auto; float:left; margin:0 0 20px 0;} .pic_r_in{ width:98%; padding:1% 1% 0 1%; height: auto; background:#FFF; border:#cbcbcb solid 1px; float:left; position:relative; } .pic_r_pic{ width:50%; height:auto; float:left;position:relative; overflow:hidden;} .pic_r_pic .pic_r_pic_a{ display:block; font-size:0; width:100%; height:auto; overflow:hidden;} .pic_r_pic b{ font-size:16px; color:#333; width:100%; display:block; margin-bottom:10px;} .pic_r_pic p{ font-size:12px; color:#666; width:100%; display:block; margin-bottom:10px;} .pic_r_in ul{ width:50%; display:block; float:left;} .pic_r_in ul li.first_v{ display:block; width:47.5%; height:auto; margin:0 0 10px 2%; float:left;position:relative; overflow:hidden;} .pic_r_in ul li.first_v b{ font-size:14px; color:#333; display:block; width:100%; padding-bottom:2px; margin-bottom:2px;position:relative; overflow:hidden;} .pic_r_in ul li p{ display:block; width:98%; padding:1%;color:#ccc; font-size:12px; overflow:hidden; height: auto; margin:2px 0;} .picl_over_li{width:96%; padding:0 2%; height:100%; background:url("../images/blacks.png"); position:absolute; top:0; left:0; display:none;} .picl_over_li .title a{ font-size:14px; color:#FFF;} .picl_over_li .title{float:left; display:block; width:100%;} .picl_over_li #price_pic{ font-size:14px; color:#FFF; float:left; display:block; width:100%;} .picl_over_li p{ display:block; width:100%; color:#ccc; float:left; margin:5px 0;} .picl_over_li .btn{ display:inline-block; background:#11a3c2; border:solid 1px #FFFFFF; padding:3px 10px; color:#fff !important; margin-top:10px; cursor:pointer;} .picl_over_li .star{ width:100%;} .pic_r_pic .picl_over_li .title{ margin:5px 0;} .pic_r_pic .picl_over_li .title a{ font-size:18px;} .pic_r_pic .picl_over_li #price_pic{ font-size:24px; margin:5px 0;} #per27 .pic_r_pic,#per27 .pic_r_in ul{ width:100%;} #per27 .pic_r_pic{ margin-bottom:10px;} #per27 .pic_r_in .picl_over_li .btn{ display:none;} .star{ width:104px; height:17px; background-image:url("../images/star_y.png"); float:left; background-repeat:no-repeat;} .footer{ width:100%; float:left; overflow:hidden; } .footer{height: auto;/*background:url("../images/footer.jpg");*/ margin-top:20px;border-top:solid 5px #fff;} .footer_bottom{ height: auto;; text-align:center; border-top:dashed 1px #959595;/*background:url("../images/black_b2.png")*/background-color:#fff;} .footer_in{ text-align:center; overflow:hidden;} .footer_in{ padding:10px 0;} .footer_in_box{ width:28%; padding:5px 1%; height:175px; display:inline-block; margin:10px 1% 0 0; overflow:hidden; text-align:left;} .demor{ border:#3f3f3f solid 1px;} .footer_in_box b{ font-size:18px; color:#FFF; display:block; width:100%; float:left; margin:5px 0; } .footer_in_link { display:block; float:left; } .footer_in_link li { display:block; width:100%; padding:5px 0;} .footer_in_link li a{ font-size:14px; color:#c1c1c1;} .footer_in_link li a:hover,.footer_bottom p a{ color:#11a3c2;} .about_pic{ float:left; display:block; border:3px #fff solid; width:30%; margin-top:10px; font-size:0;} .about_text{ float:right; display:block; width:62%; font-size:12px; color:#c1c1c1; margin-top:10px;} .footer_bottom{ width:100%; float:left;} .footer_bottom_link{ display:block; width:100%; float:left; text-align:center;} .footer_bottom_link li{ display:inline-block; margin-right:10px;} .footer_bottom_link li a{ font-size:12px; color:#999;} .footer_bottom p{ font-size:12px; color:#999; margin-top:30px; float:left; display:block; width:100%;} #footer-pic{ float: left; margin: 0 calc((100% - 400px)/2); margin-top: -8px; z-index: 9999; } /* page_top */ #page_top{ width:100%; height:0px; padding-top:0px;/*38px*/ overflow:hidden; background-position:top; background-image: url("../images/pic_b.jpg"); background-position:center; margin-top:-7px;} #page_top .page_top_in{ width:95%; height: auto; max-width:1180px; min-width:760px; _padding:0; _width:960px; margin:0 auto; position:relative; overflow:hidden;} #page_top .page_top_in h3{ display:block; width:100%; font-size:24px; color:#fff; font-weight:normal;text-transform:uppercase;} #page_top .page_top_in h3 a{ font-size:14px; color:#FFF; text-transform:uppercase;} #page_top .page_top_in p{ font-size:9px; color:#FFF;} #page_muen_nav{ width:95%;max-width:1180px; min-width:760px; _width:960px; height:auto; padding:10px; margin:0 auto ; border-bottom: dashed #D5D5D5 1px;} #page_muen_nav b,#page_muen_nav a{ font-size:12px; color:#666; text-decoration:none;} #page_muen_nav a:hover{color:#117dc2} #content{ width:95%; height: auto; max-width:1180px; min-width:960px; _width:960px; margin:0 auto; position:relative; overflow:hidden; padding:0 0 20px 0;} #content .left_mian{ width:30%; height:auto; overflow:hidden; float:left;background:url("../images/whitr.png"); padding:10px; border:solid 1px #EEE; } #content .right_mian{ width:65%; height:auto; overflow:hidden; float:right;} #content .case_in ul li{ margin-bottom:15px; width:23%; margin-right:1%;} #content .case_in ul { width:105%; display:block; overflow:hidden;} #content .case_in ul.slides li p{ margin-bottom:5px; height:54px;} #content .right_mian .case_in ul.slides li{ width:31%;} .alignleft {display:inline;float:left; margin-right:1.625em;} .alignright { display:inline; float:right; margin-left:1.625em;} .aligncenter {clear:both;display:block; margin-left:auto;margin-right:auto;} .title_page{ width:100%; padding:10px 0; border-bottom:#CCC solid 1px; margin-bottom:10px; } #nav_product_mue .title_page a{ font-size:12px; color:#11a3c2; margin-left:5px;} .pager {width:95%;overflow:hidden;white-space:nowrap;padding:4px;float:left;text-align:left; margin:20px 0;} .pager a { background:#333; color:#FFF; font-size:12px;margin:2px;padding:6px 12px; text-decoration:none;} .pager a.current {background:#11a3c2; font-size:12px;margin:2px;padding:6px 12px;} .pager a:hover {background:#11a3c2;font-size:12px;color:#fff;text-decoration:none;} .hover_incase{ position:absolute; top:0; left:0; display:none;} #category{ width:100%;} #category .default{ background:#fff;} #category .default li{padding:10px 1%; width:98%; margin-bottom:10px; border-bottom:dashed #ccc 1px; overflow:hidden;} #category .default li:hover{ background:#FFF; box-shadow:0 0 3px #CCCCCC; } #category .default li .titels{ font-size:16px; color:#333; font-weight:bold; margin-bottom:5px;} #category .default li span a{ margin-bottom:5px;} #category .default li p{ font-size:14px; color:#666;} #category .default li p em{ font-size:12px; color:#999;} #category .default li .picdsa{ border:solid 3px #FFFFFF; width:30%; height:auto; float:left; overflow:hidden; display:block; margin-right:10px} #category .default li span a:hover,.infot a:hover{ text-decoration: underline; color:#11a3c2} .infot a#tagss{ color:#11a3c2; font-size:12px; font-weight:normal; display:inline; margin-right:5px;} .infot{ color:#11a3c2; font-size:12px; font-weight:normal; display:block; width:100%; padding-bottom:3px; margin-bottom:6px; } .infot a{color:#11a3c2;} .infot em{ margin-right:10px;} .ad_img{ padding:1%; width:98%; background:#FFF; display:block; height:auto; overflow:hidden;} .ad_img img{ max-width:100%; height:auto;} .singlep{ margin-top:20px !important;} .singlep .title_page{ margin-bottom:2px; border: none;} .singlep .infot{width:98%; border-left: 10px solid #ccc; border-bottom: none; background:#EFEFEF; color:#666; display:block; padding:3px 0 3px 5px;} .title_page h1{ font-size:18px; color:#333;} .singlep .des_page{ padding-bottom:5px; margin-bottom:5px; border-bottom: dashed 1px #ccc;} .enter{ margin-top:20px; overflow:hidden; width:100%; height:auto; position:relative;} .enter p{ font-size:14px; color:#333; line-height:28px;} .enter a{ color:#11a3c2; text-decoration:underline; margin:0 5px;} .enter img{ max-width:100%; height:auto; border: solid 1px #CCCCCC;} .next_post{ width:96%; height:auto; border-top:dotted 1px #CCCCCC; padding:3px 2%; margin-top:20px;} .suojin p{text-indent: 2em; } .suojin img{ display:block;} .relevat_div{ width:100%; height:auto; overflow:hidden; position:relative; margin:40px 0; } .relevat_div .relevat_title{ width:98%; border-left: 10px solid #ccc; background:#EFEFEF; color:#999; display:block; padding:3px 0 3px 5px; margin-bottom:10px;} .text_relvat li{ width:45%; float:left; padding:5px 1%; margin-right:2%} .text_relvat li:hover{ background:#E4E4E4;} .text_relvat li a{ display:block; width:92%; padding-left:8%; background: no-repeat 0 -470px url("../images/Sprites.png"); color:#666;color:#11a3c2;} .text_relvat li a:hover{ text-decoration:underline; } #left_mian #relevat_full li{ width:22.5%; margin-right:2%;} .bqc{ border-top:#CCC dotted 1px; padding-top:20px; margin-top:20px;width:100%; overflow:hidden;} #respond{ padding:10px 0; border-top:dashed #999999 1px; margin-top:20px;} .liuy3{ padding:10px 0; color:#666; font-size:12px;} .liuy2{ float:left; padding-right:10px; width:50px; overflow: hidden} #commentform input ,#commentform textarea { border:#ccc solid 1px; background:#FFF; padding:5px; } #respond #commentform #submit{ padding:5px 20px; background:#11a3c2 ; color:#FFF; font-weight:bold; margin:0 0 0 60px !important; cursor:pointer;border-radius: 5px;} #commentform #submit:hover{ background:#333; } .order_list{ width:98%; padding:5px 0; height:auto; display:block; overflow:hidden;} .order_list li{ display:block; width:99.5%; height:auto; padding-bottom:10px; border:#ccc solid 1px; margin-bottom:10px; overflow:hidden;} .order_list li .order_top{ width:96%; height:auto; padding:5px 2%; background:#E1E1E1; overflow:hidden; border-bottom:1px solid #CCC;} .order_list li .order_top b{ font-size:14px; color:#333; float:left;} .order_list li .order_top .star{ font-size:12px; color:#fff; float:right; display:block; background:#F60; border:#CCC; border-radius:5px; padding:3px; text-decoration:none;} .order_list li .order_top .star:hover{ background:#F30;} .order_list li .order_top em{ float:right; font-size:12px; color:#333;} .order_list li .order_pic{ width:15%; height:auto; overflow:hidden; display:block; float:left; margin:2%; float: left;} .order_list li .order_more{ width:80%; float:left; margin-top:2%;} .order_list li .order_post_name { font-size:14px; color:#333; text-decoration:none; width:100%; font-weight:bold;} .order_list li .red{ font-size:14px; color:#F00;} .order_list li p{ margin:0; color:#333;} .order_list li a{ color:#03F;} .order_list li .orderstatus{ display:block; padding:2px; border:#ccc solid 1px; margin:3px 0;} .order_comment{ width:96%; height:auto; overflow:hidden; padding:2%;} .order_comment p{ display:block; width:100%; overflow:hidden;} .order_star{ display:block; width:21px; height:17px; float:left; cursor:pointer;} #order_comment em{ float:left; margin-left:10px;} #order_stars{ width:100%; height:17px; background-image:url('../images/star_y.png'); background-repeat:no-repeat; line-height:18px;} .order_stars_4{ background-position:0 -21px ;} .order_stars_3{ background-position:0 -42px ;} .order_stars_2{ background-position:0 -63px ;} .order_stars_1{ background-position:0 -84px ;} .order_stars_0{ background-position:0 -103px } .order_comment textarea{ border:solid #CCC 1px; background:#FFF;border-radius:5px; padding:2%; font-size:14px; color:#666; width:95%;} .order_comment .button-primary{ border:#FFF solid 1px; background:#F60; color:#FFF; padding:5px 8px; cursor:pointer;border-radius:5px; margin-top:10px; } .order_comment .button-primary:hover{ background:#F30;} .order-pagination{ width:96%; padding:2%; height:auto; overflow:hidden; } .order-pagination span{ font-size:14px; color:#333 ; padding:2px 5px; float:left; display: block;margin:0 2px;} .order-pagination a{ display:block; float:left; padding:2px 5px; border:solid #CCC 1px; margin:0 2px; color:#333; text-decoration:none;} .order-pagination a:hover{ color:#FFF; background:#666;} .per_title{ font-size:14px; display:block; width:100%; padding:2px 0; border-bottom:dashed 1px #CCCCCC; font-weight:bold;} .per{ display:block; width:95%; padding:5px 2%; background:#E3E3E3; border: none; font-size:14px; color:#666; font-weight:bold; float:left; margin-bottom:20px;} .right_btn{ float:right; color:#069 !important; font-size:12px; font-weight:normal;} /* shop*/ .shop_form{ width:100%; height:auto; overflow:hidden;} .information{ display:block; width:95%; padding:5px 2%; border:#F60 solid 1px; background:#FDEBC6; color:#F00; margin:5px 0 15px 0;font-size:14px; float:left; } .success{border:#9C0 solid 1px; background:#E7F4A8;} .shop_form div{ width:96%; padding:3px 2%; height: auto; float:left; overflow:hidden; margin-bottom:8px;} .shop_form label{ font-size:14px; color:#333; margin-right:10px; width:105px; display:block; float:left; } .shop_form input{ float:left; width:40%;} .shop_form input,.shop_form textarea { padding:3px; border:#999 solid 1px; font-size:14px; color:#666;border-radius:3px;} .shop_form textarea{ width:96%; padding:1.5%; margin:3px 0;} .shop_form div em{ font-size:12px; color:#999;line-height:18px; margin-left:10px;} .shop_form div a{ margin-right:10px;} .shop_form #wp-submit{ padding:5px 25px; background:#F60; color:#FFF; cursor:pointer;float:right;} .shop_form .wp-submit{ padding:5px 45px; background:#F60; color:#FFF; cursor:pointer; border:solid #FFF 1px; margin:5px 0 0 112px;} .shop_form #wp-submit:hover,.shop_form .wp-submit:hover{ background: #F30; } #rememberme{ width:17px; margin:5px 0 0 112px;} .captcha{margin:5px 0 0 112px; } .captcha img{ width:180px; height:auto; border: solid #CCC 1px;} #original{ font-size:14px; color:#666; text-decoration:line-through; margin:0 10px 0 0} #price_now,#price_all{ font-size:14px; color:#F00;} #shop_price{ width:100%; margin:10px 0;} #shop_price_all{ width:100%; margin:0 0 10px 0;} .shop_comment{ width:100%; height:auto; margin:20px 0;} .shop_comment .shop_comment_title{ width:100%; margin:10px 0; font-size:16px; color:#333; border-bottom:dashed 1px #CCCCCC; display:block;} .shop_comment li{ width:100%; height:auto; margin-bottom:5px; border-bottom:#E6E6E6 1px dotted;} .shop_comment li p{ width:100%; height:auto; display: block; overflow:hidden;font-size:12px; color:#666;} .shop_comment li p b{ font-size:14px; color:#333; float:left;} .shop_comment li p span{ font-size:12px; color:#999; float:right;} .btn{ cursor:pointer;} .close_order{ float: right; line-height:21px; color:#999; font-weight:normal; cursor:pointer; font-size:12px;} .de_product p .original_price{ color:#333; text-decoration:line-through; text-decoration:line-through; float:none} .de_product p .price{ color:#F60; font-size:18px;} .shop_form{ width:100%; height:auto; overflow:hidden; padding-top:20px; } .information{ display:block; width:95%; padding:5px 2%; border:#F60 solid 1px; background:#FDEBC6; color:#F00; margin:5px 0 15px 0;font-size:14px; float:left; } .information a{ font-size:14px; color:#069; margin:0 3px; text-decoration:none;} .success{border:#9C0 solid 1px; background:#E7F4A8;} .enter_cs{ display:block; width:628px; padding:0; margin:15px 0; border:#ccc 1px solid; overflow:hidden;background:#FFF;} .enter_cs a{font-size:14px;padding:5px 15px; float:left; cursor:pointer; color: #333; border-right:solid #ccc 1px; } .enter_cs a.cutyes{ background:#999; color:#FFF; font-weight:bold;} .tag_pro b{display:block; float:left; font-size:14px;} #shop_login{ float:right; height:34px; line-height:34px;} #shop_login a{ font-size:12px; color:#FFF; display:block; margin-right:10px; float:left;} #shop_login a:hover{ text-decoration:underline;} a.btn_login{ display:block; padding:0 18px; background:#a8302f; color:#FFF; height:20px; line-height:20px; margin-top:5px;border-radius:5px; border:#FFF solid 1px; } a.btn_login:hover{ color:#FFF; background:#000; color:#CCC; text-decoration: none !important;} .original_price{ color:#CCC; font-size:12px; float:left; display:block; text-decoration:line-through; margin-right:10px; line-height:20px; padding:1px 3px;} #price{ color:#FFF; margin-left:0; padding:1px 3px; background:#eb302f; font-size:14px;border-radius:3px; float:left;font-weight:bold; font-style:normal;} #price_l{ color:#fff; float:left; margin:0 0 3px 0;padding:1px 5px; background:#333; font-size:14px;border-radius:3px; font-size:14px; } .shop_p .original_price{ color:#666; font-size:12px; width:100px; margin:0;} .shop_p {margin:3px 0 3px 0; } .prices_p,.case_pic .time{ width:100%; display:block; overflow:hidden; padding:0 0 10px 10px;} #white{ color:#CCC; margin-right:5px;} #full_prodcts_single .de_product{ margin:10px 0; max-height:245px;} .tag_pro{ margin:0 !important; } #black{ color:#333; margin-left:10px;} .case_pic ul li p{ height:55px;} #big #price,#big .original_price{ float:none; display:inline;} .ppre{ margin:5px 0;} .kefu{ width:50px; height:auto; padding:2px; position:fixed; right:0; bottom:120px; z-index:100;} .kefu .kefu_d{ width:50px; height:50px; background-image:url(../images/kefu.png); background-repeat:no-repeat; margin-bottom:5px; background-color:#FFF; position:relative;;opacity:0.8;filter:Alpha(opacity=0.8);} .kefu .kefu_d:hover{ background-color:#F2F2F2; cursor:pointer;opacity:1;filter:Alpha(opacity=100);} .kefu #tops{ background-position:14px 11px;} .kefu #tops a,.kefu #homes a,.kefu #shoucang a{ display:block;width:50px; height:50px;} .kefu #weixin{ background-position:14px -34px;} .kefu #weixin div{ width:auto; height:auto; overflow:hidden; text-align:center; padding:10px;} .kefu #kefu_severs{ background-position:14px -80px;} .kefu #kefu_severs div{ width: auto; height:auto; padding:10px;} .kefu #kefu_severs div a{ display:block; float:left; padding:5px 0; margin-right:10px; color:#666; font-size:14px; line-height:24px;} .kefu #shoucang{ background-position:14px -126px;} .kefu #homes{ background-position:14px -169px;} .kefu .kefu_d div{ position:absolute; top:-50px; right:50px; background:#fff; display:none; border:#CCC solid 1px;} /*2015-3-19 shop_community*/ #cat_bbs_list{ width:99%; overflow:hidden; float:left; background:#FFF; border:#CCC solid 1px;} #cat_bbs_list_title{ width:96%;padding:15px 2% 8px 2%;height:auto; background:#fff;border-bottom:#CCC solid 1px; overflow:hidden;} #cat_bbs_list_title span{ display:block; float:left;} #cat_bbs_list .btn_loop{ width:96%;padding:10px 2%; float:left;border-bottom:#CCC solid 1px; overflow:hidden; background:#F3F3F3} #cat_bbs_list .btn_loop a{ font-size:14px; margin-right:15px; color:#333; text-decoration:none; background-image:url(../images/bbs_sp.png); background-repeat: no-repeat; padding-left:25px; line-height:30px;} #cat_bbs_list .btn_loop a:hover{ text-decoration:underline;} #cat_bbs_list .btn_loop a#all{ background-position:-2px -8px; } #cat_bbs_list .btn_loop a#jinghua{ background-position:-2px -44px; } #cat_bbs_list .btn_loop a#huitie{ background-position:-2px -84px; } #cat_bbs_list_title h1,#post_bbs_page_from_title h1{ font-size:16px; color:#666; margin:5px 0; float:left; margin-right:10px;} #cat_bbs_list_title b{ font-size:12px; font-weight:normal; color:#666; float:left; line-height:30px; margin-left:10px;} #cat_bbs_list_title .post_btn,#post_bbs_page_from_title .post_btn{ float:right; display:block; padding:3px 5px; background:#3998C6; color:#FFF; font-size:14px;border-radius:5px; } #cat_bbs_list_title .post_btn:hover{ background:#333;} #cat_bbs_list ul li{ width:96%;padding:0 2%;height:auto; display:block; float:left; border-bottom:#CCC dashed 1px;} #cat_bbs_list ul li:hover{ background:#F3F3F3;} #author_bbs_avatar { width:80px; overflow:hidden; float:left; min-width:50px; text-align:center; padding-bottom:15px; padding-top:15px; position: relative;} #author_bbs_avatar #louzhu{ width:36px; height:36px; position:absolute; top:0; right:0; background: 0 -128px url(../images/bbs_sp.png);} #author_bbs_avatar #huifu{ width:36px; height:36px; position:absolute; top:0; right:0; background: 0 -183px url(../images/bbs_sp.png);} #author_bbs_avatar a{ display:inline-block; padding:3px; border:#999 1px solid; background:#FFF; overflow:hidden; font-size:0;border-radius:100%; } #author_bbs_avatar b{ font-size:14px; color:#999;} #author_bbs_avatar a img{ width:100%; height:auto;border-radius:100%;} #cat_bbs_list ul{ width:100%; padding:0; margin:0; overflow:hidden; display:block;} #cat_bbs_list ul li .left_bbs_single{ display:block; overflow:hidden; margin-left:100px;padding:15px 0;} #cat_bbs_list ul li #left_bbs_single{ margin-left:0; padding-left:20px; background:#FAFAFA; padding-right:10px; padding-bottom:120px; position:relative; } #cat_bbs_list ul li .left_bbs_single .bbs_a_title{ font-size:16px; color:#666; font-weight:bold; text-decoration:none;} #cat_bbs_list ul li .left_bbs_single .bbs_a_title:hover{ text-decoration:underline;} #cat_bbs_list ul li .left_bbs_single div,#cat_bbs_list ul li .author_bbs_avatar div{ width:100%; overflow:hidden; margin:5px 0;} #cat_bbs_list ul li .left_bbs_single div b{ display:block; padding:3px 5px; background:#A5A5A5; color:#FFF; font-size:12px; margin-right:10px; float:left;border-radius:5px; font-weight:normal;} #cat_bbs_list ul li #author_bbs_avatar div b{ font-size:12px; font-weight:normal; display:inline-block; margin-bottom:5px;} #cat_bbs_list ul li #author_bbs_avatar div b.jinghua{ padding:3px 5px; background:#7ECDD3; color:#FFF; font-size:12px;border-radius:5px;} #cat_bbs_list ul li #author_bbs_avatar div b.bbs_over{ padding:3px 5px; background:#70AB1F; color:#FFF; font-size:12px;border-radius:5px;} #cat_bbs_list ul li #author_bbs_avatar div b.admin_answer{ padding:3px 5px; background:#F60; color:#FFF; font-size:12px;border-radius:5px;} #cat_bbs_list ul li span div b.zhiding{ background:#FF7171;} #cat_bbs_list ul li span div b.jinghua{ background:#7ECDD3} #cat_bbs_list ul li span div b.bbs_over{ background:#70AB1F} #cat_bbs_list ul li span p{ margin-top:10px;text-indent:0 !important;word-break:break-all; /*支持IE，chrome，FF不支持*/ 　word-wrap:break-word;/*支持IE，chrome，FF*/} #cat_bbs_list ul li span a#zd_shop_bbs{ color:#F00;} .nav_bbs{ width:100%; height:auto; padding:10px 0; overflow:hidden;} .nav_bbs a{ display:block; padding:3px 8px; border:solid 1px #CCCCCC; margin-left:5px; float:left; color:#666; text-decoration:none;} .nav_bbs a:hover,.nav_bbs a.current{ background:#666; color:#FFF;} .post_bbs_page_from{ width:96%;padding:10px 1.5%; overflow:hidden; } .post_bbs_page_from #tougao_content_ifr{border:solid 1px #CCCCCC;} #post_bbs_page_from_title{width:96%;padding:10px 2%; overflow:hidden;background:#F3F3F3; margin-bottom:20px;} .post_bbs_page_from .cat{ width:100%; height:auto; padding:5px 0; margin-bottom:15px;} .post_bbs_page_from .cat label { font-size:14px; color:#666;} .post_bbs_page_from input#tougao_title,.post_bbs_page_from input#CAPTCHA{ padding:8px; border:solid 1px #CCCCCC; width:60%;} .error{ display:block; padding:5px; background:#FFD9D9; border:#F00; color:#F00; font-size:14px; text-indent:0 !important;} .post_bbs_page_from .submit{ float: left; display:block; padding:5px 60px; border: none; cursor:pointer; background:#3998C6; color:#FFF; font-size:16px;border-radius:5px; margin-right:20px;} .post_bbs_page_from .reset{ float: left; display:block; padding:5px 60px; border: none; cursor:pointer; background:#ccc; color:#FFF; font-size:16px;border-radius:5px;} .yzmmmm{ display:block; width:100%;} .tijiao{ padding:10px 0 20px 50px; overflow:hidden;} .wp-editor-tabs{ display:none !important;} .single_bbs_avatar{ padding-right:10px; } #cat_bbs_list ul li#single_bbs_li{ padding:0 0 0 2% !important; width:98%;} #bbs_enter p,#bbs_enter a, #bbs_enter b{ font-size:14px;} #cat_bbs_list ul li span .datetime{ position:absolute; display:block; right:10px; bottom:15px; width:200px;} #cat_bbs_list ul li span .datetime a{ margin-left:10px;} .comment_ector{ width:100%; overflow:hidden; position:relative; padding-top:50px;} .comment_ector .tutle{position:absolute; left:10px; top:0; width:100%; height:60px;} .comment_ector .avatar_comment{ width:60px; height:60px;display:block; padding:3px; border:#999 1px solid; background:#FFF; overflow:hidden; font-size:0;border-radius:100%; float:left; margin-right:10px;} .comment_ector .avatar_comment img{width:60px; height:60px;border-radius:100%; } .comment_ector span{ width: auto; display: block; float:right; height:32px; padding:15px 15px 0 0} #comment_bbs{ width:98%; padding-top:30px !important; border:solid 1px #CCCCCC;} .comment_ector b{ font-size:14px; color:#999; line-height:51px;} #commentform #submit{ margin:0 !important; } .per b,.per a{ line-height:60px;} .per_title{ display:block; overflow:hidden; border-bottom:solid 1px #CCCCCC; padding:0;} .per_title a{ display:block; padding:5px 15px; background:#CCC; float:left; color:#fff; margin-right:1px; cursor:pointer; text-decoration: none;} .per img{ float:left; margin-right:20px; width:60px; height:60px; border-radius:60px; border:solid 4px #FFFFFF;} /* Preload images */ body:after {content: url("../images/close.png") url("../images/loading.gif") url("../images/prev.png") url("../images/next.png"); display: none;} .lightboxOverlay {position: absolute;top: 0; left: 0;z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none;} .lightbox { position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;} .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;} .lightbox a img { border: none;} .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px;margin: 0 auto; -webkit-border-radius: 4px;-moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .lb-outerContainer:after {content: ""; display: table; clear: both;} .lb-container { padding: 4px;} .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;} .lb-cancel { display: block; width: 32px;height: 32px;margin: 0 auto;background: url(../images/loading.gif) no-repeat;} .lb-nav { position: absolute;top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} .lb-container > .nav { left: 0;} .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');} .lb-prev, .lb-next {height: 100%; cursor: pointer; display: block;} .lb-nav a.lb-prev { width: 34%; left: 0;float: left; background: url(../images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;} .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-nav a.lb-next { width: 64%; right: 0;float: right;background: url(../images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;} .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;} .lb-dataContainer:after { content: ""; display: table; clear: both;} .lb-data { padding: 0 4px; color: #ccc;} .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em;} .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em;} .lb-data .lb-number {display: block; clear: left; padding-bottom: 1em; font-size: 12px;color: #999999;} .lb-data .lb-close {display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;} .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} /*-------------------------------------------------*/ @charset "utf-8"; *{ box-sizing: border-box; } body,div,p,h1{ margin: 0; padding: 0; } img{ border: 0; display: block; max-width: 100%; vertical-align: middle; } .js-silder{ position: relative; min-width: 320px; } .silder-scroll{ width: 100%; overflow: hidden; } .silder-main{ position: relative; width: 100%; overflow: hidden; } .silder-main-img{ position: absolute; top: 0; left: 0; width: 100%; } .silder-main-img img{ width: 100%; } .js-silder-ctrl{ width: 100%; text-align: center; height: 30px; margin-top: -6px; background-color: #feebf0; } .silder-ctrl-prev, .silder-ctrl-next{ position: absolute; top: 0; width: 8%; height: 100%; vertical-align: middle; cursor: pointer; color: #fff; font-family: "宋体"; font-size: 52px; font-weight: 600; text-shadow: #666 2px 2px 5px; } .silder-ctrl-prev{ left: 0; text-align: left; } .silder-ctrl-next{ right: 0; text-align: right; } .silder-ctrl-prev>span, .silder-ctrl-next>span{ position: absolute; top: 50%; margin-top: -40px; } .silder-ctrl-prev>span{ left: 0; } .silder-ctrl-next>span{ right: 0; } .silder-ctrl-con{ display: inline-block; width: 4%; padding: 10px 0; margin: 0 10px; cursor: pointer; } .silder-ctrl-con>span{ display: block; line-height: 0; text-indent: -9999px; overflow: hidden; padding: 5px 0; cursor: pointer; background-color: #e4e4e4; } .silder-ctrl-con.active>span{ background-color: #7bbedf; } @media (max-width: 768px){ .silder-ctrl-prev, .silder-ctrl-next{ width: 10%; font-size: 26px; margin-top: -25px; } .silder-ctrl-con{ width: 14px; height: 14px; padding: 0; margin: 0 5px; } .silder-ctrl-con>span{ display: block; width: 100%; height: 100%; border-radius: 50%; padding: 0; } } /*-------------------------------------------------*/ .display_none{ display:none!important; } #sty-div-1{ width:100%; max-width: 1200px; margin: 0 auto; height:100px; background-color:#feebf0; text-align: center; } #div-1-line{ width:100%; height:50px; border-bottom:1px dashed #fe3861; } #div-1-span{ width: 140px; margin: 0 calc((100% - 140px)/2); margin-top: -20px; background-color: #feebf0; color:#fe3861; font-size: 16px; } .flex-box{ height: 45px; text-align: center; display: flex; justify-content: left; flex-wrap: nowrap; padding-left: 70px; } .line_left{ border-left:1px solid #bbb; /* padding-left: 20px;*/ } .flex-item{ font-size: 16px; flex:0 0 130px; border-right:1px solid #bbb; margin:0px 0px; font-weight: bolder; color:#959595; cursor:pointer; } [stykey='action']{ color:#fe3861; } .flex-item-click{ color:#fe3861; } .pic-qr1{ position: absolute; right: 260px; } .pic-qr2{ position: absolute; right: 130px; } .pic-qr3{ position: absolute; right: 0px; } #div-0-line{ width: 100%; height: 3px; background-color: #f99bb6; } .pic_l_in img{ width: 390px!important; max-height: 168px!important; overflow: hidden; } .vedio_over_li{ top: 1px!important; } .header_in{ padding-top:40px; } .logo{ margin-top: -35px; } #fenxiang_QR{ position: absolute; top: 40px; right: 260px; background-image: url('/static/mlm/images/fenxiang_QR.jpg'); } #pindao_QR{ position: absolute; top: 40px; right: 130px; background-image: url('/static/mlm/images/pindao_QR.jpg'); } #fuli_QR{ position: absolute; top: 40px; right: 0px; background-image: url('/static/mlm/images/fuli_QR.jpg'); } .QR{ position: absolute; height: -10px; background-size: 100% auto; background-repeat: no-repeat; z-index: 999; } .m_over{ animation:a_over 0.1s 1; -webkit-animation:a_over 0.1s 1; animation-fill-mode: forwards; display: block!important; } .m_out{ animation:a_out 0.1s 1; -webkit-animation:a_out 0.1s 1; animation-fill-mode: forwards; } @keyframes a_over { from {width: 0px;height:0px;border:1px solid #f99bb6;} to {width: 150px;height:175px;border:1px solid #f99bb6;} } @-webkit-keyframes a_over { from {width: 0px;height:0px;border:1px solid #f99bb6;} to {width: 150px;height:175px;border:1px solid #f99bb6;} } @keyframes a_out { from {width: 150px;height:175px;border:1px solid #f99bb6;} to {width: 0px;height:0px;border:0px solid #f99bb6;} } @-webkit-keyframes a_out { from {width: 150px;height:175px;border:1px solid #f99bb6;} to {width: 0px;height:0px;border:0px solid #f99bb6;} } .txt-1{ width: 1200px; margin: 0px auto; margin-top: 50px; text-align: left; font-size: 18px; color: #535353; font-weight: bold; letter-spacing: 2px; line-height: 30px; } .txt-2{ width: 1200px; margin: 0px auto; margin-top: 50px; text-align: left; font-size: 16px; color: #535353; font-weight: 300; letter-spacing: 0.5px; line-height: 30px; margin-bottom: 80px; } .AB_flex{ width: 1200px; margin:0px auto; display: flex; padding-left: 60px; justify-content: space-between; flex-wrap: wrap; } .AB_flex_item{ flex: 1 1 calc(50% - 40px); margin-bottom: 50px; padding-left: 80px; background-size: 50px; background-position: 0px 0px; background-repeat: no-repeat; } .AB_flex_item1{ background-image: url('/static/mlm/../images/icon-1.jpg'); } .AB_flex_item2{ background-image: url('/static/mlm/../images/icon-2.jpg'); } .AB_flex_item3{ background-image: url('/static/mlm/../images/icon-3.jpg'); } .AB_flex_item4{ background-image: url('/static/mlm/../images/icon-4.jpg'); } .AB_txt1{ font-size: 25px; } .AB_txt2{ font-size: 16px; } .AB_txt3{ font-size: 16px; color: #636363; line-height: 30px; margin-top: 16px; } .contactUs_box{ width: 1200px; margin: 0 auto; padding: 70px 40px; letter-spacing: 2px; } .index_box{ width: 1200px; padding-top: 50px; display: flex; justify-content: center; flex-wrap: nowrap; } .index_item{ flex: 0 0 auto; min-width: 32px; min-height: 32px; text-align: center; padding: 5px; margin:10px; border: 1px solid #bbb; cursor:pointer; } .index_item:hover{ background-color: #f45b71; color:#fff; } #pre_btn,#next_btn{ flex: 0 0 auto; min-width: 32px; min-height: 32px; text-align: center; padding: 5px; margin:10px; border: 1px solid #bbb; cursor:pointer; } #pre_btn:hover,#next_btn:hover{ background-color: #f45b71; color:#fff; } .index_die{ flex: 0 0 auto; min-width: 32px; min-height: 32px; text-align: center; padding: 5px; margin:10px; border: 1px solid #fff; cursor:pointer; } .index_die:hover{ color:#333!important; background-color: #fff!important; cursor:default!important; } .index_Act{ background-color: #f45b71; color:#fff; } .full_main{ width: 750px!important; margin: 0 225px!important; } #footer_btn_1{ cursor: pointer; } #footer_btn_2{ cursor: pointer; } #footer_btn_3{ cursor: pointer; } .foot_txt_box{ display: flex; justify-content: center; flex-wrap: nowrap; width: 400px; margin: 0 auto; margin-top: -20px; background-color: #fff; } .foot_txt{ font-size: 15px; flex: 0 0 130px; border-right: 1px solid #bbb; margin: 0px 0px; font-weight: bolder; color: #959595; cursor: pointer; }