/* 基本css */ body{font-family:"Microsoft Yahei";background:#f0f0f0;margin:0 auto;font-size:14px;color:#333} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0} :after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html{font-size:10px;-webkit-tap-highlight-color:transparent} a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;text-decoration:none;color:#26CE95} img{border:0;vertical-align:middle} button{cursor:pointer} .cl{zoom:1} .cl:after{content:".";display:block;height:0;clear:both;visibility:hidden} a,a:hover{text-decoration:none;color:#ff3622ba;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s} @font-face { font-family: 'iconfont'; /* project id 443723 */ src: url('../../../skin/in/fonts/font_443723_ar4exp7is5eqxgvi.eot'); src: url('../../../skin/in/fonts/font_443723_ar4exp7is5eqxgvi.eot') format('embedded-opentype'), url('../../../skin/in/fonts/font_443723_ar4exp7is5eqxgvi.woff') format('woff'), url('../../../skin/in/fonts/font_443723_ar4exp7is5eqxgvi.ttf') format('truetype'), url('https://www.sdncs.com/skin/in/fonts/font_443723_ar4exp7is5eqxgvi.svg#iconfont') format('svg'); } .iconfont{ font-family:"iconfont" !important; font-size:1.3em; margin-right: 6px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .qt_lists{overflow:hidden;display:block;position:absolute;top:-50px} .kong10{height:10px} .kong20{height:20px} .main{max-width:1180px;width:100%} .wp-smiley{height:24px!important;width:24px!important;max-height:24px!important} .index_header{height:90px;background:#fff;margin-bottom:30px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.10);-moz-box-shadow:0 2px 4px rgba(0,0,0,.10);box-shadow:0 2px 4px rgba(0,0,0,.10)} @-webkit-keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}} @-o-keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}} @-moz-keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}} @keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}} .header_bg{height:60px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .header_inner{max-width:1180px;width:100%;height:auto;margin:0 auto;overflow:hidden} .logo{line-height:90px;float:left;overflow:hidden;position:relative} .logo a:before{content:"";position:absolute;left:-665px;top:-460px;width:220px;height:15px;background-color:rgba(255,255,255,.5);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:searchLights 1s ease-in 1s infinite;-o-animation:searchLights 1s ease-in 1s infinite;animation:searchLights 1s ease-in 1s infinite} .logo img{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .bian_logo_scale{transform:scale(.8,.8);margin-top:-18px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .header_menu{float:left;height:90px;line-height:100px;font-size:18px;padding-left:10px;color:#666;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .bian_header_menu{height:60px;line-height:60px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .header_menu{margin-top:0;font-size:16px;margin-left:25px} .header_inner ul{list-style:none} .header_menu ul li{float:left;height:90px;line-height:90px;text-align:center} .header_menu ul li i:first-child{color:#26CE95} .header_menu ul li:hover i:first-child{color:#26CE95} .header_menu ul li a:hover,.header_menu ul li.current-menu-ancestor>a, .header_menu ul li.current-menu-item>a,.header_menu ul li.current-post-ancestor>a, .header_menu ul li.current-post-parent>a{color:#fff;background:#ce2626 } .header_menu ul li a{color:#333;text-decoration:none;display:block;padding:0 15px} .header_menu ul li ul{position:absolute;background:#fff;width:151px;z-index:99;margin-top: -1px;display:none} .header_menu ul li ul li{width:151px;height:40px;line-height:40px;font-size:12px;text-align:center} .header_menu ul li ul li a{display:block;padding-left:15px;color:#333} .header_menu ul li ul li ul{position:absolute;background:#fff;width:151px;display:none;left:151px;top:20px} .header_menu ul li:hover>ul{display:block} .header_menu>ul>li.toke>a:after{font-family:FontAwesome;content:"\f0d7";display:inline-block;color:#26CE95;float:none;position:relative;top:0;left:4px} .header_menu>ul>li.megamenu>.sub-menu{width:auto;height:auto;padding:30px 10px 15px;top:60px} .header_menu>ul>li.megamenu>.sub-menu>li{float:left;height:auto} .header_menu>ul>li.megamenu>.sub-menu>li>a{color:#222;border-bottom:1px solid #26CE95;margin-right:20px;margin-left:15px;font-size:16px;display:inline;padding:10px 0;font-weight:700} .header_menu>ul>li.megamenu>.sub-menu .sub-menu{display:block;position:relative;left:0;top:0;background:#fff;margin-top:15px} .header_menu>ul>li.megamenu>.sub-menu .sub-menu li{height:30px;line-height:30px} .header_menu>ul>li.megamenu>.sub-menu .sub-menu a{font-size:13px;color:#acacac} .header_menu>ul>li.megamenu>.sub-menu .sub-menu a:hover{color:#ff6869} .body_top{padding-top: 110px} .nav_headertop {position: fixed;left:0;top:0;width:100%;transition: top .5s;z-index: 99;opacity: 0.98} .hiddened{top: -90px} .home-top{width:1180px;margin:110px auto 0;overflow:hidden} .slider-wrap{position:relative;overflow:hidden;float:left} .slider-wrap .nivoSlider{width:880px;height:350px;margin:0 auto;background:url(../../../skin/in/images/dt_load.gif) no-repeat 50% 50%} .slider-wrap .nivoSlider img{position:absolute;top:0;left:0;display:none} .slider-wrap:hover .nivo-controlNav{opacity:1} .slider-right{margin-left:20px;width:280px;float:right} .slider-right .aditem{margin-bottom:20px;width:100%;height:103px;position:relative} .slider-right .aditem .cover-show{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);opacity:0;visibility:hidden;color:#fff;height:103px;line-height:103px;text-align:center} .slider-right .aditem:hover .cover-show{opacity:1;visibility:visible} .slider-right .aditem img{height:103px;width:280px} .slider-right .aditem:last-child{margin-bottom:0} .home-block-ad{width:1180px;margin:20px auto 0;overflow:hidden} .home-block-ad .item{width:280px;height:180px;float:left;margin-right:20px} .home-block-ad .item:last-child{margin-right:0} .home-block-ad .item img{width:280px;height:180px} .home-filter{width:100%;max-width:1180px;margin:35px auto 10px;position:relative;overflow:hidden} .h-screen-wrap{position:relative;float:left;max-width:900px;width:-moz-calc(100% - 280px);width:-webkit-calc(100% - 280px);width:calc(100% - 280px);overflow:hidden} .h-screen{margin:0;list-style:none;white-space:nowrap;height: 50px;overflow:hidden} .h-screen li{position:relative;float: left;display:block} .h-screen li a {display:block;height:40px;margin-right:15px;padding:0 20px;font-size:14px;background:#fff;border-radius:20px;color:#7c7c7c;line-height:40px;text-align:center;margin:5px 15px 5px 10px;border:1px solid #fff;box-shadow:1px 1px 5px rgba(0,0,0,0.24);} .h-screen li a:hover {color:#26CE95} .h-screen li a .num {position:relative;display:inline-block;height:18px;line-height:18px;margin-left:10px;padding:0 3px;background-color:#3498db;font-size:12px;color:#fff} .h-screen li a .num:after,.h-screen li a .num:before {content:"";width:0;height:0;position:absolute;border-style:solid} .h-screen li a .num:before {top:0;left:-6px;border-color:transparent #3498db transparent transparent;border-width:9px 6px 9px 0} .h-screen li a .num:after {top:0;right:-6px;border-color:transparent transparent transparent #3498db;border-width:9px 0 9px 6px} .h-screen li.current-menu-item a {border:1px solid #FE6E66;font-weight:500;color:#fff;background-color:#fe6e66;box-shadow:1px 1px 5px rgba(251,0,0,0.24)} .h-screen li.current-menu-item a:before {color:#fff} .h-screen li.current-menu-item a:hover{background-color:#fe6e66;color:#fff} .h-screen-wrap .arrow-left,.h-screen-wrap .arrow-right{color:#26CE95;font-size:34px;position:absolute;z-index:99;top:-5px} .h-screen-wrap .arrow-left{left:0;display:none} .h-screen-wrap .arrow-right{right:5px} .h-screen-wrap .arrow-left:hover,.h-screen-wrap .arrow-right:hover{color:#26CE95} .h-soup {position:relative;float:right;margin:0;height:40px;padding:0 20px;background-color:#fff7e7;border-radius:20px;list-style:none;width:270px;text-align:center;margin-right:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.28)} .h-soup li{display:none;font-size:14px;color:#6b3612;line-height:40px;white-space:nowrap} .h-soup li.open{display:block} .h-soup li.open em{color:#26CE95;font-weight:700;margin-right:3px} .h-soup li.open i{color:#000;font-size:18px;margin-right:3px} .lookmore{margin:0 auto 50px;text-align:center} .lookmore a{padding:18px 45px;background:#26CE95;color:#fff;font-size:16px} .login_text{float:right;padding-top:18px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .bian_login_text{padding-top:10px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .rlogin{padding:0 10px;text-align:center;line-height:40px;height:40px;float:right} .reg_hre_btn{display:block;background:#26CE95;color:#fff} .login_hre_btn{color:#666;background:#f6f6f6} .reg_hre_btn:hover{background:#FF8989;color:#fff} .isNoRead{position:relative} .isNoRead:before{content:'1';width:12px;height:12px;position:absolute;bottom:26px;right:-6px;background:#26CE95;color:#fff;border-radius:2px} .header_search_bar{float:right;width:auto;height:40px;background:#e6e6e6;margin-top:25px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .bian_header_search_bar{margin-top:10px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .search_bar_input{width:120px;float:right;height:40px;padding-left:8px;border:none;background:0 0;outline:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .search_bar_btn{height:40px;float:right;background:0 0;border:none;font-size:20px;color:#a0a0a0;padding-right:8px} .search_bar_input:focus{width:160px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .index_slider{max-height:560px;width:100%;margin-top:90px} .public_notice_bar{height:70px;width:100%;background:#fff;-webkit-box-shadow:0 3px 3px rgba(0,0,0,.19);-moz-box-shadow:0 3px 3px rgba(0,0,0,.19);box-shadow:0 3px 3px rgba(0,0,0,.19)} .pnb_1{max-width:1180px;width:100%;margin:0 auto;height:70px;line-height:70px;font-size:16px;color:#666;position:relative} .pnb_1_text{float:left} .update_area{width:100%;background:#f0f0f0;overflow:hidden;position:relative} .update_area_inner{max-width:1180px;width:100%;margin:0 auto} .uai_title{font-size:40px;font-weight:700;text-align:center;margin-top:55px} .update_area_content{max-width:1200px;width:100%;margin:auto;position:relative;overflow:hidden} .update_area_lists{max-width:1200px;width:100%;margin:0 auto;margin-top:10px;padding-top:10px;margin-bottom:10px;height:auto;overflow:hidden} .update_area_left{position:absolute;top:330px;left:0;font-size:80px;opacity:.4;display:none} .update_area_right{position:absolute;top:330px;right:0;font-size:80px;opacity:.4;display:none} .update_area_left:hover,.update_area_right:hover{opacity:1} .update_area:hover .update_area_left,.update_area:hover .update_area_right{display:block} .i_list{float:left;background:#ddd;overflow:hidden;position:relative;margin:0 10px 20px;padding-bottom:41px;-webkit-box-shadow:0 0 10px transparent;-moz-box-shadow:0 0 10px transparent;box-shadow:0 0 10px transparent;cursor:pointer} .case_info{background:#fff;position:absolute;bottom:0;width:100%;max-height:45px;overflow:hidden;-webkit-transition:max-height .25s;transition:max-height .25s} .case_info .meta-title{width: 100%;min-height:41px;-webkit-transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;-o-transition:all .35s;transition:all .35s;font-size:14px;color:#a0a0a0;font-family:'Microsoft Yahei';padding:8px 10px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block} .case_info .meta-category{font-size:12px;color:#666;font-family:'Microsoft Yahei';text-align:center;padding-top:3px} .case_info .meta-category a{color:#666} .case_info .meta-post{height:0;overflow:hidden;line-height:20px;color:#b7b7b7;padding:0 10px;-moz-transition:all .35s;-ms-transition:all .35s;-o-transition:all .35s;transition:all .35s} .case_info .meta-post span i{margin-left:6px;margin-right:3px} .case_info .meta-recommend{font-size:12px;color:#666;font-family:'Microsoft Yahei';text-align:center;padding-top:3px} .case_info .meta-recommend-star{font-size:16px;color:#666;font-family:'Microsoft Yahei';text-align:center;padding-top:3px} .case_info .meta-recommend-star i{color:#fc3} .i_list img{-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s;-webkit-backface-visibility:hidden;width:100%;height:170px;backface-visibility:hidden} .qxdownbook{position:absolute;top:10px;right:6px;line-height:25px;text-align:center;color:#fff;font-size:14px} .qxdownbook span{background:rgba(0,0,0,.46);padding:0 2px;border-radius:4px;display:inline-block;margin:0 3px} .qxdownbook span img{width:20px;height:20px;margin-top:-5px;margin:-5px 2px 0} .qxdownbook span i{margin:0 3px} .qxdownbook span i.vip_icon{margin:0} .i_list>a>img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)} .postlist-imagenum{display:block;bottom:60px;right:1px;position:absolute;background:rgba(0,0,0,.44);color:#fff;border-radius:20px 0 0 20px;padding:2px 3px;cursor:pointer;font-size:12px} .postlist-imagenum span{font-size:16px;font-weight:800;margin-right:3px;margin-left:5px} span.postlist-videoicon i{color:#f7b1b1;font-size:1em} .i_list:hover .case_info{max-height:95px} .i_list:hover .case_info .meta-title{white-space:normal;max-height:64px;color: #666;-webkit-transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;-o-transition:all .35s;transition:all .35s} .i_list:hover .case_info .meta-post{height: 20px;margin-bottom: 15px} .list_n1{width:-moz-calc(25% - 20px);width:-webkit-calc(25% - 20px);width:calc(25% - 20px);height:auto} .list_n2{width:-moz-calc(20% - 20px);width:-webkit-calc(20% - 20px);width:calc(20% - 20px);height:auto} .list_n3{width:-moz-calc(33.333% - 20px);width:-webkit-calc(33.333% - 20px);width:calc(33.333% - 20px);height:auto} .list_n3 .case_info .meta-title{color:#a0a0a0;text-align:center} .i_list.list_n3:hover .case_info{height:58px} .meta_zan{position:absolute;top:10px;right:10px;background-color:rgba(123,123,123,.59);padding:5px 10px;border-radius:6px;color:#fff} .meta_zan i{margin-right:5px;color:#F97070} .xl_1{background-color:rgba(206,39,239,.79)} .xl_2{background-color:rgba(206,39,239,.79)} .xl_3{background-color:rgba(206,39,239,.79)} .btt{font-size:20px;background-color:#FBF8F8;text-align:center;padding:10px 0;border:none;vertical-align:baseline;font-weight:500;outline:0;-webkit-tap-highlight-color:transparent;border-bottom: solid 3px #FF5722;display:none} .btt i{color:#309AF7;margin-right:3px} .btt span{font-size:.7em;display:block;margin-top:5px;color:#989797} .foot_bg_color{height:118px;background:#26CE95} a.pre-cat{position:absolute;left:0;top:30%;width:50px;background-color:#F0F0F0;line-height:150px;text-align:center;font-size:2.5em;border-radius:0 20% 20% 0} a.next-cat{position:absolute;right:0;top:30%;width:50px;background-color:#F0F0F0;line-height:150px;text-align:center;font-size:2.5em;border-radius:20% 0 0 20%} .page_imges{text-align:center;margin:20px 0} .image_div{padding:0 30px} .image_div a img{cursor:url(../images/arr_right.cur),auto} .pagination{display:block;max-width:1180px;width:100%;margin:0 auto;height:100px;margin-bottom:25px;text-align:center;padding-top:30px;border-radius:0;background:#fff} a.page-numbers{line-height:40px;padding:10px 15px;text-align:center;border:1px solid #eee;color:#a1a1a1;text-decoration:none;margin-left:3px;margin-right:3px} .nav-links a:hover{color:#000;text-decoration:none} .nav-links h2{display:none} .pages,.screen-reader-text{display:none} .nav-links .current{padding:10px 15px;color:#fff;line-height:40px;text-align:center;border:1px solid #26CE95;background:#26CE95;margin-left:3px;margin-right:3px} .footer{height:180px;width:100%;border-bottom:1px solid #eee;background:#fff} .footer_inner{max-width:1180px;width:100%;margin:0 auto} .footer_inner_left{float:left;width:730px;margin-top:30px} .footer_inner_right{float:right;margin-top:40px} .fil_list{width:110px;float:left;margin-right:8px} .header_menu_2{float:left;height:90px;line-height:90px;font-size:18px;color:#666;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .bian_header_menu_2{height:60px;line-height:60px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .header_menu_2 ul li{float:left;padding-left:12px;padding-right:12px;color:#ccc;cursor:pointer} .header_menu_2 ul li:hover{color:#26CE95} .header_menu_2 ul li a{color:#ccc;text-decoration:none} .header_menu_2 ul li a:hover{color:#26CE95;display:block} .header_menu_2 ul li ul{position:absolute;width:120px;background:#26CE95;display:none} .header_menu_2 ul li ul li{padding:0;height:40px;line-height:40px;font-size:14px;width:120px} .header_menu_2 ul li ul li a{padding-left:15px;color:#fff;display:block} .header_menu_2 ul li ul li a:hover{background:#fff;color:#666;display:block} .header_menu_2 ul li:hover ul{display:block} .link1{color:#a8a8a8} .link1:hover{color:#26CE95} .foot{height:120px;background:#ff3622ba} .foot .foot_list{width:100%;max-width:1200px;margin:0 auto} .foot_num{width:25%;float:left;color:#fff;line-height:120px;height:120px} .foot_num div:nth-child(1){font-size:18px;float:left;width:125px;text-align:right} .foot_num div:nth-child(2){font-family:Conv;font-size:40px;float:left;margin-left:20px} .foot_num:hover{background:#4c9f83;cursor:pointer} span.cx_like{float:right} span.cx_like em{font-style: normal} span.cx_like i{margin-right: 1px} span.cx_like a{margin-left: 5px} .list_img{max-width:1180px} .xg_content li{box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2)} .site-wrap{position:relative;width:100%;max-width:1180px;overflow:hidden;height:auto;margin:0 auto;max-height:472px} .bx-wrapper{position:relative;margin:0 auto;padding:0} .bx-wrapper img{width:100%;height:auto;display:block} .bx-wrapper .bx-viewport{background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)} .bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:10px;width:100%} .bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px} .bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block} .bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} .bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000;width:20px} .bx-wrapper .bx-prev{left:5px} .bx-wrapper .bx-next{right:5px} .bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;font-size:1.5em;color:#ddd;z-index:2;text-align:center} .bx-wrapper .bx-controls-direction a.disabled{display:none} .bx-wrapper .bx-controls-auto{text-align:center} .bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0} .bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px} .bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%} .bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px} .slide-mask{position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;display:none} .slide-wrapper{position:fixed;display:none\9;z-index:100;left:0;top:0;height:100%;width:50%;max-width:250px;background-color:#fff;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;overflow: auto} .slide-wrapper::-webkit-scrollbar {width: 0;height: 0} .slide-wrapper.moved{-webkit-transform:translate3d(0,0,0);display:block\9;-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} /* 样式二幻灯片 */ .wrappter {width:100%;max-width: 1180px;margin:0 auto;overflow: hidden;} .wrappter .wrp_left{float: left;width:67.2%} .wrappter .wrp_right{float: right;width:32.5%;margin-top:-6px} .wrappter .wrp_right li{padding: 6px 0;margin-left: 10px;position: relative;overflow: hidden} .wrappter .wrp_right li div{position: absolute;bottom:6px;width:100%;padding: 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;background-image: -webkit-linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.90) 100%);background-image: -moz-linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.90) 100%);background-image: linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.90) 100%);color: #eee} .wrappter .wrp_right li:hover div{background-image: -webkit-linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.50) 100%);background-image: -moz-linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.50) 100%);background-image: linear-gradient(180deg,rgba(0,0,0,0.01) 5%,rgba(0,0,0,0.50) 100%);-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease} .wrappter .wrp_right li div span{padding:3px 7px;background: #f00;color: #fff;border-radius: 4px;display: none} .wrappter .wrp_right li div p{margin-top: 10px;text-shadow: 1px 1px 2px #000} /*.wrappter img{width:100%;height:auto;vertical-align:middle}*/ .wrappter li{float: left;width: 100%;list-style-type:none} .wrappter .bx-wrapper .bx-prev{left:0px} .wrappter .bx-wrapper .bx-next{right:0px} .wrappter .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -26px;outline: 0;width: 32px;height: 52px;line-height: 52px;font-size: 1.5em;color: #ddd;background: rgba(0, 0, 0, 0.5);z-index: 2;text-align: center;display: none} .wrappter .bx-wrapper:hover .bx-controls-direction a{display: block} .header-info{background:url(../../../skin/in/images/head.png) no-repeat center center;height:120px} .header-info .header-logo{border-radius:50%;text-align:center;padding:20px 0 10px} .header-info .header-logo img{height:60px;} .header-info-content{text-align:center} .header-info-content a{padding:3px 5px;color:#fff} .menu_slide{margin-top:20px;padding:0;list-style:none} .menu_slide li .sub-menu{margin-left:-20px;list-style-type:none;background-color:#F9F9F9;padding-left:40px} .menu_slide li a{display:block;padding:8px 1em 8px 1.2em;color:#727272;text-shadow:0 0 1px rgba(255,255,255,.1);letter-spacing:1px;font-weight:400;-webkit-transition:background .3s,box-shadow .3s;transition:background .3s,box-shadow .3s;-webkit-transition:all .18s ease-out;-moz-transition:all .18s ease-out;-ms-transition:all .18s ease-out;-o-transition:all .18s ease-out} .menu_slide li a i{margin-right:.6em;font-size:16px} .pictrue_list{width:calc(100% - 300px);float:left} .blog_list{margin-top:20px} .blog_list article{padding:20px 0;overflow:hidden;clear:both;background-color:#fff;margin-bottom:20px} .blog_list article .entry-img{float:left;margin:0 2%;width:40%;height:auto;overflow:hidden} .blog_list article .entry-img img{width:100%;height:auto} .blog_list article .entry-content{overflow:hidden;margin:5px 2%;width:52%} .blog_list article .entry-title{font-size:20px;line-height:1.6;font-weight:700;color:#272322;font-size:20px;font-weight:700} .blog_list article a{color:#666} .blog_list article .entry-site{font-size:13px;color:#888;line-height:1.6;padding-top:15px} .blog_list article .entry-meta{height:26px;line-height:26px;font-size:13px;color:#b8b8b8;margin-top:15px;overflow:hidden} .blog_list article .tags{float:right;height:100%;overflow:hidden} .blog_list article .time{float:left} .blog_list article .comments{float:right;margin-right:25px} .cat_bg{height:80px;border-top:1px solid #E8E6E6;width:100%;margin-top:-30px;background:-webkit-linear-gradient(#FFF 90%,#F0F0F0 10%);background:-o-linear-gradient(#FFF 90%,#F0F0F0 10%);background:-moz-linear-gradient(#FFF 90%,#F0F0F0 10%);background:linear-gradient(#FFF,#F0F0F0)} .cat_bg .cat_bg_img{height:350px;width:100%;max-width:1250px;margin:0 auto;background:no-repeat scroll right 0} .cat_bg .cat_bg_img p{float:left;width:100%;max-width:600px;position:absolute;top:10%;padding:10px;line-height:28px;margin:50px 0 0 30px;border-radius:10px;background-color:#F8F8F8;font-size:15px;-webkit-box-shadow:0 0 16px #C7C7C7;border:1px solid #D4D3D3;color:#6F6C6C;opacity:.5} .fl{max-width:1180px;width:100%;min-height:70px;background:#fff;margin:0 auto;-webkit-box-shadow:0 3px 2px rgba(0,0,0,.05);-moz-box-shadow:0 3px 2px rgba(0,0,0,.05);box-shadow:0 3px 2px rgba(0,0,0,.05);-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .fl:hover{-webkit-box-shadow:0 3px 2px rgba(0,0,0,.15);-moz-box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15);-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s} .fl .filter-wrap{padding:20px 33px} .fl .filter-tag{height:auto;overflow:hidden;font-size:14px} .fl .fl_list{float:left;width:100%;max-width:1040px;line-height:28px;color:#999;padding-left:50px;margin-bottom:20px;} .fl .fl_list span{color:#222;margin-left:-50px} .flbg{margin-top:-70px;opacity:.8} .fl_title{height:70px;border-bottom:1px solid #f3f3f3;background:#fafafa} .fl01{float:left;height:70px;line-height:70px;text-align:center;min-width:100px;font-size:18px;width:auto;padding-left:33px;padding-right:33px;border-right:1px solid #f3f3f3;background:#fff} .fl01 a{color:#666;text-decoration:none} .fl02{float:left;height:70px;line-height:70px;text-align:center;min-width:100px;font-size:18px;width:auto;padding-left:33px;padding-right:33px;background:#fafafa;border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3} .fl02 a{color:#666;text-decoration:none} .fl03{float:left;background:#fafafa;width:484px;height:70px;border-bottom:1px solid #f3f3f3} .fl_link{color:#999;display:inline-block;text-decoration:none} .fl_link:hover, .fl_link:active, .fl_link:visited, .fl_link:link{color:#999;text-decoration:none} .cat-linked,.tag-linked,.orderby-linked,.linked{color:#26CE95 !important;font-weight:700} .main{background:#f0f0f0;overflow:hidden;margin:0 auto;padding-bottom:60px} hr{margin-top:20px;border:0;border-top:1px solid #eee} .main_inner{max-width:1180px;width:100%;margin:0 auto} .main_left{width:calc(100% - 300px);float:left;background:#fff;min-height:400px;height:auto;-webkit-box-shadow:0 3px 2px rgba(0,0,0,.15);-moz-box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15)} .butterBar{margin-left:36%;max-width:640px;position:fixed;text-align:center;top:0;width:58%;z-index:800} .butterBar--center{left:50%;margin-left:-320px} .butterBar-message{background:rgba(255,255,255,.97);border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);display:inline-block;font-size:14px;margin-bottom:0;padding:12px 25px} #cancel_comment_reply{float:right;line-height:30px;padding-right:10px} .main_right{float:right;width:280px} .item_title{min-height:100px;background:#fafafa;border-bottom:1px solid #f3f3f3;height:auto;padding:20px} .item_title h1{color:#333;font-size:22px} .item_info{min-height:50px;border-bottom:1px solid #f3f3f3;height:auto;line-height:50px;padding-left:20px;word-spacing:4px;color:#666} .item_info span{color:#26CE95} .single-cat,.single-cat a,.single-cat span{color:#999;font-size:13px;margin-top:10px} .post_au{float:right;margin-right:10px} .text-collect.wp-collect,.wp-question{background:#fff;color:#26CE95;padding:7px 15px;border:1px solid #26CE95} .text-collect.wp-collect.is-favorite{color:#fff;background:#26CE95} .text-collect.wp-collect:hover,.wp-question:hover{color:#fff;background:#26CE95} .text-collect.wp-collect.is-favorite:hover{background:#fff;color:#26CE95} .wp-question{margin-left:30px} .content{height:auto;overflow:hidden;border-bottom:1px solid #eee;padding-bottom:10px} .content_left{width:100%;float:left;padding:30px;position:relative} .content_left p{margin:.8em 0;font-size:16px;color:#333;line-height:1.9} .content_left ol{background-color:#F9F9F9;padding:20px 20px 20px 40px;font-size:16px;line-height:30px;margin:15px auto;border-radius:6px;border:1px solid #ECF7A8;color:#F58A8A} .content_left blockquote{background-color:#F9F9F9;padding-left:20px;font-size:16px;line-height:30px;margin:15px auto;border-radius:6px;border:1px solid #A8F7A9} .content_left blockquote p{color:#4BBB55} .content_left img{margin:0 auto;max-width:100%;height:auto;margin-bottom:15px;display:block} .content_left iframe{margin:0 auto;max-width:100%;display:block} .content_right{width:200px;float:right;padding:10px} .show_content{width:100%;height:auto;overflow:hidden;min-height:50px;font-size:16px;line-height:26px;line-height:1.8;word-break:break-all;word-wrap:break-word} .show_content img{max-width:100%} .show_content img.aligncenter{display:block;margin:auto} .show_content p{margin-bottom:30px} .show_content ol,.show_content ul{display:block;list-style-type:disc;list-style:disc!important;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px} .show_content ol{list-style:decimal!important} .content_right_title {height:60px;background:#F9F8F8;border-bottom:1px solid #eee;line-height:60px;font-size:18px;margin-bottom:10px;font-weight:600;color:#000;overflow:hidden;padding-left:30px;position:relative} .single-tags {font-size:14px;font-weight:400;color:#828181;float:right;position:absolute;top:0;right:0;width:100%;text-align:right;padding-left:150px;line-height:60px;padding-right:10px} .single-tags a {border:1px solid #ddd;color:#999;padding:0 8px;margin:0 4px;background-color:#fff;float:right;height:26px;line-height:24px;margin:17px 5px;border-radius:2px;font-size:13px} .single-tags em {float:right;font-style:normal;margin:0 2px} .xg_content{overflow:hidden;padding:10px 10px 0;border-bottom:1px solid #eee} .tuts_top3{margin-bottom:20px;height:auto;float:left;list-style:none;width:31.8%;margin-right:2%} .tuts_top3_bg{width:100%;height:auto;position:relative} .tuts_top3_bg img{width:100%;height:auto} .tuts_top3:nth-child(3n){margin-right:0} .tuts_top3_bg p{height:40px;line-height:40px;color:#959595;background:#f0f0f0;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap} .article-paging{text-align:center;font-size:12px;overflow:hidden;clear:both;padding:20px 0} .article-paging span{display:inline-block;padding:2px 12px;background-color:#ddd;border:1px solid #ddd;border-radius:2px;color:#666} .article-paging a span{background-color:#fff;color:#666} .notag{position:absolute;top:-2px;left:10px} .faq{width:180px} .faq .faq-title{background:#6c9;padding:1px 8px 1px 8px;border-radius:2px;color:#fff;font-size:12px} .faq .faq-title2{font-size:14px;color:#666} .faq .faq-content{color:#999;font-size:12px;line-height:20px;padding-top:10px} .single-tags-title{float:left;color:#666;line-height:26px;margin-left:8px} .tag_list{float:left;border:1px solid #ddd;color:#999;padding:2px 8px 2px 8px;margin-left:4px;margin-right:4px} .tag_list2{float:left;border:1px solid #ddd;color:#999;padding:2px 8px 2px 8px;margin-left:4px;margin-right:4px;margin-bottom:8px} .single-tags a:hover,.tag_list2:hover{cursor:pointer;background:#26CE95;color:#fff;border:1px solid #26CE95;text-decoration:none} .ding{height:130px;overflow:hidden;margin-bottom:10px;text-align:center;word-spacing:10px;line-height:120px} .affs{padding:10px;border-bottom:1px solid #eee} .affs img{width:100%;height:auto} .down_info{height:200px;border-bottom:1px solid #eee;overflow:hidden;margin-bottom:10px;padding-left:30px;padding-right:30px;padding-top:40px} .download{height:155px;border-bottom:1px solid #eee} .download .baiduurl_btn{width:280px;float:left;padding-top:40px;padding-left:40px} .download .baiduurl_tqm{width:320px;float:left;text-align:center;padding-top:60px} .download .baiduurl_link{width:280px;float:left;padding-top:40px;padding-right:40px} .download .erphpdown_color{color:#26CE95;font-weight:700} .widget{margin-bottom:20px} .widget ul{list-style:none} .widget h3{height:60px;background:#fafafa;border-bottom:1px solid #eee;line-height:60px;font-size:18px;padding-left:20px;margin:0} .biaoqian,.widget_ui_tags{width:280px;background:#fff;min-height:100px;height:auto;overflow:hidden;-webkit-box-shadow:0 3px 2px rgba(0,0,0,.15);-moz-box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15)} .widget_ui_tags .items{padding:20px;height:auto;overflow:hidden} .widget_ui_ads{width:280px;background:#fff;margin-top:20px;min-height:100px;height:auto;overflow:hidden;-webkit-box-shadow:0 3px 2px rgba(0,0,0,.15);-moz-box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15);padding:5px} .widget.mbt_comments ul,.widget_comments_list ul{padding:20px;list-style:none;background:#fff} .widget.mbt_comments ul li a,.widget_comments_list ul li a{display:block;border-radius:2px;padding:8px 10px;background:#f4f4f4;margin-top:10px;margin-bottom:20px;position:relative;margin-top:-2px;margin-left:50px;overflow:hidden} .widget.mbt_comments ul li a:before,.widget_comments_list ul li a:before{content:" ";height:0;width:0;border-color:transparent;border-style:solid;border-width:7px;border-right-color:#F5F5F5;position:absolute;left:-13px;top:10px} .widget.mbt_comments ul li .avatar,.widget_comments_list ul li .avatar{border-radius:50%;float:left;margin:0 4px 0 0} .widget .textwidget{background:#fff;padding:15px} .widget .textwidget li{height:25px;line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .btn_div{text-align:center;padding:20px} .baidu_btn_cla{width:200px;height:45px;background:#26CE95;color:#fff;padding:10px 15px 10px 15px;margin:0 auto;text-decoration:none;border-radius:5px} .baidu_btn_cla:active{background:#d25d5d;text-decoration:none;color:#fff} .baidu_btn_cla:hover{background:#d25d5d;text-decoration:none;color:#fff} .baidu_btn_cla:visited{background:#26CE95;text-decoration:none;color:#fff} #fl_class a{color:#666;text-decoration:none} #fl_class a:hover{color:#26CE95} .single-post-comment{border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.05);background:#fff;padding:20px} .single-post-comment h2{margin-bottom:15px;font-size:15px;font-weight:600} .single-post-comment ul{list-style:none} .single-post-comment a{color:#26CE95} .single-post-comment a:hover{color:#26CE95} .single-post-comment .textarea{width:100%;background:#FCF7F8;padding:10px;resize:none;text-shadow:none;margin-bottom:5px;font-size:15px;border-radius:4px;height:120px;-webkit-transition:all 1s ease;transition:all 1s ease;border:1px solid #fdb2b2;-webkit-appearance:none} .comboxinfo{margin-top:10px} .single-post-comment .textarea::-moz-placeholder,.single-post-comment .textarea::-webkit-input-placeholder{color:#aaa;font-size:15px} .single-post-comment .textarea:focus{background:#fff} .single-post-comment .bottom{margin-top:15px;padding-bottom:20px} .single-post-comment .bottom:after{content:'';display:block;clear:both;height:0} .single-post-comment .bottom .meta{float:left} .single-post-comment .bottom .meta .avatar{width:28px;height:28px;border-radius:50%;display:inline-block;margin-right:10px;vertical-align:middle;background:#aaa no-repeat center center;background-size:cover} .single-post-comment .bottom .meta .username,.single-post-comment .bottom .meta .username:hover{cursor:default;color:#333} .single-post-comment .bottom button{float:right} .ladda-button.comment-submit-btn{width:100px;height:30px;background:#26CE95;color:#fff;text-align:center;line-height:30px;cursor:pointer;border:0;padding:0;font-size:13px} .single-post-comment .bottom button:hover{background:#26CE95} .single-post-comment .children{padding-left:40px} .single-post-comment .comment_details{padding-bottom:20px;padding-top:20px;border-bottom:1px solid #f4f4f4} .single-post-comment .comment_details:after{content:'';display:block;clear:both;height:0} .single-post-comment .comment_details .avatar{float:left;margin-right:10px} .single-post-comment .comment_details .avatar a{width:40px;height:40px;position:relative;border-radius:50%;overflow:hidden;display:block;cursor:default} .single-post-comment .comment_details .avatar a img{width:100%;height:100%;overflow:hidden;display:block;border-radius:50%} .single-post-comment .comment_details .comment-wrapper{overflow:hidden} .single-post-comment .comment_details .comment-wrapper .postmeta{font-size:12px;margin-bottom:4px;color:#aaa} .single-post-comment .comment_details .comment-wrapper .postmeta .comment-reply-link{float:right} .single-post-comment .comment_details .comment-wrapper .postmeta a,.single-post-comment .comment_details .comment-wrapper .postmeta a:hover{cursor:pointer;color:#333} .single-post-comment .comment_details .comment-wrapper .comment-main{font-size:15px} .single-post-comment .comment-pagenav{display:block;margin-top:20px;text-align:center} .single-post-comment .comment-pagenav .page-numbers{padding:5px 10px;font-size:12px;border:1px solid #eaeaea} .single-post-comment .comment-pagenav .current{color:#fff;background-color:#26CE95;border-color:#26CE95;cursor:default} .form-control{box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} .form-control:focus{outline:0} .cominfodiv{margin-bottom:20px;width:30%;float:left;margin-left:4.5%;position:relative} .cominfodiv:first-child{margin-left:0} .cominfodiv input{padding:5px;width:100%;border:1px solid #ddd} .cominfodiv p span{position:absolute;right:20px;top:5px} .comment-awaiting-moderation{color:#F5C7C7;margin-top:10px;text-align:center} .post-like a{display:inline-block;padding:0 10px;height:26px;line-height:26px;float:right;color:#9f9f9f;border-radius:4px;border:1px solid #DDD} .post-like a.done{background-color:#26CE95;color:#fff;border-color:#26CE95} .dtpost-like{text-align:center;display:block;width:100%;margin:30px auto 0;} .dtpost-like a{position:relative;display:inline-block;width:60px;height:80px;margin:0 10px;text-align:center} .dtpost-like a i{display:inline-block;text-align:center;height:50px;width:50px;line-height:50px;font-size:1.7em;color:#9f9f9f;border-radius:50%;border:1px solid #DDD} .dtpost-like a .count{position:absolute;left:0;bottom:0;width:100%;text-align:center;display:block;font-size: 14px;color:#000} .dtpost-like .favorite i{border-color:#26CE95;color:#F38787} .dtpost-like .done i{background-color:#26CE95;color:#fff;border-color:#26CE95} .dtpost-like a em{padding:0 3px;font-style:initial} .dtpost-like .tiresome.done i{background-color:#ADABAB;color:#fff;border-color:#ADABAB} .dtpost-like .share-btn i{border-color:#199FF3;color:#68C0F7} .dtpost-like .collect-yes i{color:#FFF;background-color:#1D9DED} .dtpost-like .share-down i{border-color:#40b307;color:#40b307} .dtpost-like .share-fx i {border-color: rgba(255, 87, 34, 0.7);color: #FF5722} .dtpost-like .share-fx:hover i ,.dtpost-like .share-dj i{border-color: rgba(255, 87, 34, 0.7);color: #fff;background:#FF5722 } .widget_author{background:#fff;padding:30px 10px 10px} .widget_author .author_avatar{height:100px;text-align:center} .widget_author .author_avatar a{display:inline-block;padding:5px;border:1px solid #E8E6E6;border-radius:50%;background-color:#F5F3F3} .widget_author .author_avatar a img{width:80px;height:80px;border-radius:50%} .widget_author .author_meta{margin-top:10px;text-align:center;padding:0 20px} .widget_author .author_meta li{float:left} .widget_author .author_meta .num{display:block;color:#26CE95;font-size:1.5em} .widget_author .author_meta .text{display:block} .widget_author .author_meta .author_post,.widget_author .author_meta .author_views{width:105px} .widget_author .author_meta .author_hr .hr{display:block;width:2px;height:20px;margin-top:10px;background-color:#E2E2E2} .widget_author .author_postv{height:1px;border-top:1px solid #ddd;text-align:center;margin:30px auto 25px auto} .widget_author .author_postv span{position:relative;top:-15px;background:#fff;padding:0 15px;font-size:18px;color:#777;font-weight:400} .widget_author .author_post_list{padding:0 10px;margin-bottom:30px} .widget_author .author_post_list li{color:#F9B8B8;position:relative;padding-left:20px;overflow: hidden} .widget_author .author_post_list li:before{position:absolute;content:" ";width:15px;height:15px;border-radius:50%;background:#36B3F1;left:0px;top:5px;border:5px solid #FFF;font-size:0} .widget_author .author_post_list li:nth-child(2n):before{background:#F58484} .widget_author .author_post_list li:hover:before{border-color:#E0DFDF} .widget_author .author_post_list li.z-date:after{content:" ";position:absolute;width:1px;height:50px;background:#ccc;left:7px;top:20px} .widget_author .author_post_list li a{color:#666;font-size:14px;line-height:25px;margin-bottom:10px;overflow:hidden;display:block} .widget_author .author_lan a{display:block;width:100%;height:50px;font-size:1.5em;margin-top:-20px;color:#fff;background-color:#ED6565;text-align:center;border-radius:4px;line-height:50px} .fixed{width:280px;position:fixed;top:10px} .left_fl{-webkit-box-shadow:0 3px 2px rgba(0,0,0,.15);-moz-box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15);height:auto;background:#fff;min-height:100px} .left_fl .cat_name_meta{float:left;padding-left:20px;padding-top:25px} .left_fl .cat_name_meta .cat_slug{font-size:12px;color:#b4b4b4;display:block;padding-top:5px} .left_fl .cat_name_meta .cat_name{font-size:18px;color:#505050;display:block} .left_fl li i{float:right;font-size:30px;color:#c7c7c7;padding-top:30px;padding-right:20px} .left_fl .li_open{height:0;background:#fafafa;visibility:hidden;opacity:0} .left_fl .li_list{height:100px;border-bottom:1px solid #eee} .left_fl .li_open{height:0;background:#fafafa;visibility:hidden;opacity:0} .left_fl li:hover .li_open{visibility:visible;overflow:auto;position:relative;height:100%;-webkit-transition:all 2s;-moz-transition:all 2s;-ms-transition:all 2s;-o-transition:all 2s;transition:all 2s;opacity:1} .left_fl .li_open ul li{overflow:hidden;background:#fafafa;color:#969696;font-size:12px;height:35px;line-height:35px} .left_fl .li_open ul li a{display:block;height:35px;padding-left:20px;padding-right:20px;color:#969696} .left_fl .li_open .tag_num{float:right} .left_fl .li_open ul li a:hover{background:#fff;color:#000;border-bottom:1px solid #eee} footer{height:130px;background:#fff;border-top:1px solid #C5C5C5} .fot{padding-top:20px;text-align:center;color:#666;font-size:14px} .fot p{line-height:30px;margin:0} .footer_menus a{color:#F1ABA7;position:relative;padding:0 15px} .footer_menus a:after{position:absolute;right:0;top:-5px;content:"|";font-size:1em;color:#B5B2B2} .footer_menus a:last-child:after{position:initial;display:none} .cbbfixed{position:fixed;right:10px;transition:bottom ease .3s;bottom:85px;z-index:3;cursor:pointer} .cbbfixed .cbbtn{width:50px;height:45px;line-height:40px;font-size:2em;text-align:center;display:block;color:#E0E0E0;background-color:#26CE95;border-radius:4px} .cbbfixed .gotop{transition:background-color ease .3s;margin-top:1px} .cbbfixed .gotop:hover{background-color:#2c2d2e} .imagewidget{padding:3px;background-color:#fff;overflow:hidden} .imagewidget li{float:left;width:calc(100% - 6px);margin:3px;overflow:hidden;position:relative} .imagewidget li img{width:100%;height:auto} .imagewidget li span{position:absolute;bottom:-60px;background-color:rgba(14,14,14,.56);z-index:9;display:block;padding:5px;width:100%;text-align:center;-webkit-transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;-o-transition:all .35s;transition:all .35s} .imagewidget li span h3{background:0 0;border:none;line-height:30px;height:30px;font-weight:500;font-size:16px} .imagewidget li:hover span{bottom:0;height:100%;padding-top:10%;font-size:1.7em;color:#26CE95;-webkit-transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;-o-transition:all .35s;transition:all .35s} .img_list{background-color:#fff;padding:15px;position:relative;overflow:hidden;margin-bottom:15px} .img_list .img_title{position:absolute;top:-50px;left:0;padding:10px;background-color:#fda4a4;width:100%;line-height:30px;color:#fff;-webkit-transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;-o-transition:all .35s;transition:all .35s} .img_list:hover .img_title{top:0;-webkit-transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;-o-transition:all .35s;transition:all .35s} .img_list a img{width:100%;height:auto} .img_list .case_info_img{padding-top:15px;color:#949494} .zt_list_index{width:100%;background-color:#fff;max-width:1180px;margin:0 auto 25px;padding:5px} .zt_list_index ul li{width:16.666666%;float:left;list-style-type:none;height:auto;padding:5px} .zt_list_index ul li a{display:block;position:relative;overflow:hidden} .zt_list_index ul li a img{width:100%;height:auto} .zt_list_index ul li a span{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(29,29,29,.33);padding-top:18%;text-align:center;color:#fff;font-size:1.3em;text-shadow:2px 2px 2px #000} .zt_list_index ul li a:hover span{position:absolute;left:-500px;-webkit-transition:all .5s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .post_hyh{width:500px;max-width:100%;text-align:center;background-color:#26CE95;height:60px;line-height:60px;margin:20px auto -10px;border-radius:30px;opacity:.8} .post_hyh a{color:#fff;letter-spacing:10px;font-size:18px;display:block} .post_hyh:hover{opacity:1} .tinalert{display:none;position:fixed;top:50%;left:50%;width:300px;min-height:150px;margin-top:-75px;margin-left:-150px;box-shadow:0 0 5px #aaa;background:#fafafa;border:1px solid #aaa;z-index:99999} .alert_title{padding:5px 10px;border-bottom:1px solid #aaa;margin-bottom:10px;background:#eee} .alert_title h4{font-size:15px} .alert_content{padding:0 10px} .tinalert p{line-height:150%;font-size:13px} .tinalert p span{padding:0 2px;color:red} .alert_cancel .confirm-buy .btn_ret{text-align:center;margin-top:30px;background-color:#034946} .alert_cancel .btn,.confirm-buy .btn{margin:5px 10px;padding:4px 16px} .btn{text-indent:0;margin-top:5px;margin-bottom:5px;display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:3px} .btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236} .btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c} .tinalert .alert_close{position:absolute;top:5px;right:5px;width:15px;height:15px;border-radius:15px;color:#888;text-align:center;line-height:15px;font-size:15px;cursor:pointer} .jfzy_jf{text-align:center;margin:20px auto;font-size:1.5em;color:#F17B7B} .downldlinks-inner{border:1px solid #ddd;max-width:600px;margin:0 auto;position:relative;background-color:#F5F4F4;-webkit-box-shadow:0 3px 4px rgba(0,0,0,.15);-moz-box-shadow:0 3px 4px rgba(0,0,0,.15);box-shadow:0 3px 3px rgba(0,0,0,.54)} .down-meta{border-bottom:1px solid #ddd} .down-meta .down-img-ret {position: absolute;top: 10px;left: 10px;width: 100px;height: 100px;overflow: hidden} .down-meta .down-img-ret img{width:100px} .down-meta .down-title{margin-left:120px;height:120px;line-height:60px} .down-meta .down-title h2{border-bottom:1px dashed #ddd;height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .down-meta .down-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block} .down-meta .down-title .fa{color:#fff;background-color:#ED6565;border-radius:50%;width:30px;height:30px;text-align:center;line-height:30px} .down-ziyuan{margin:5px} .down-ziyuan .down-div{float:left;width:50%;text-align:center;height:100px;line-height:50px;cursor: pointer;padding:5px} .down-ziyuan .down-div div{background-color:#acc706;border-radius:4px;color:#fff;font-size:18px;padding:10px 0;opacity:.8;text-shadow:1px 1px 1px #4C4C4C;box-shadow:1px 2px 2px rgba(76,76,76,.54)} .down-ziyuan .down-div div:hover{opacity:1} .down-ziyuan .down-div span{display:block;line-height:30px;font-size:16px;color:#EFEFEF} .down-ziyuan .down-div div.down-huiyuan{background-color:#1D9CB7} .down-zixun{text-align:center;font-size:18px;margin:30px 10px 20px} .down-zixun-ul{padding:20px 0} .down-zixun-ul li{float:left;list-style-type:none;width:50%} .aggd img {width: 100%;height: auto} .aggd.list_aggd {padding: 0 10px;margin-bottom: 30px} .link_tit {text-align: center;font-size: 18px;font-weight: 300;border-bottom: 1px solid #888888;height: 12px;width: 100%;max-width: 200px;margin: 10px auto} .link_tit span {background-color: #FFFFFF;padding: 0 10px} ul.links li {width: auto;padding: 5px 8px} ul.links li a {color: #7D7D7D} .content_left video, .content_left iframe {margin: 5px auto;width:100%;height:auto} .wp-caption {margin: 0 auto;text-align: center} /** 分类样式2UI */ .cat_demo2_UI {height:250px;padding:78px 20px 0;position:relative;color:#fff;margin-top:-20px;margin-bottom:10px;background-color:#333} .cat_demo2_bgimg {background-position: center;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.3} .demo2-large {max-width:1180px;width:100%;height:100%;margin:0 auto;position:relative;overflow:visible;text-shadow:2px 1px 3px #000;line-height:25px} .demo2-large h1 {padding:0 0 10px 0;margin:0 0 10px 0;font-weight:400;position:relative;font-size:32px;line-height:1;border-bottom:1px solid rgba(255,255,255,.2)} .cat_mode_demo2 {position:absolute;right:0;bottom:0;background:#607D8B;padding:10px;box-shadow:2px 2px 5px rgba(0,0,0,0.88);opacity:0.9} /**导航字体图标**/ .fax a:before{font-family:FontAwesome;display:inline-block;margin-right:5px} .codiepie a:before{content:"\f184";color:#26CE95} .share-alt a:before{content:"\f1e0";color:#26CE95} .fa-homes a:before{content:"\f015";color:#26CE95} /* 头部登录后导航样式 */ .header_inner {overflow:visible} .login_text {position:relative;margin-left: 30px;padding-top: 25px;} .nav_user {background:#fff;width:220px;position:absolute;top:75px;right:0;z-index:999;display:none;border-bottom:solid 2px #FF5722;box-shadow:2px 2px 8px #333232} .nav_user_jb {position:absolute;top:-18px;font-size:1.5em;color:#f02d83;right:20%} .user-id-wrap{height:80px;padding-top:20px;padding-left:20px;cursor:default;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../../skin/in/images/true.jpg) no-repeat} .user-id-wrap .avatar-wrap{position:relative;display:inline-block;vertical-align:top;width:45px;height:45px} .user-id-wrap .avatar-wrap>img{width:100%;height:100%;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 2px 3px rgba(0,0,0,.2);box-shadow:0 0 2px 3px rgba(0,0,0,.2)} .pb-icon{display:inline-block;font-style:normal;cursor:pointer} .user-id-wrap .opearation-info{display:inline-block;margin-left:15px;max-width:68%;text-align:left} .user-id-wrap .opearation-info>p{height:14px;line-height:14px;margin-bottom:12px;font-size:14px;letter-spacing:1px;color:#fff;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden} .user-id-wrap .opearation-info>p:last-child{height:12px;line-height:12px;font-size:12px} .header_vip_div{height:70px;position:relative;padding-left:65px;padding-top:8px;border-bottom:solid 1px #cacaca} .header_vip_div i{position:absolute;width:50px;height:50px;top:15px;left:10px} .header_vip_div i img{width:40px;height:40px} .header_vip_div p{line-height:25px;color:#838282} .header_vip_div p a{padding:4px 15px;border-radius:20px;color:#fff;font-size:12px;letter-spacing:1px;background:linear-gradient(to right,#FF9800,#ff6969)} .header_user_tab{height:50px;line-height:50px;border-top:solid 1px #d0d0d0} .header_user_tab a{width:33.3333%;display:inline-block;float:left;text-align:center;font-size:18px;color:#666} .header_user_tab a:hover{color:#26CE95} .header_user_tab a:nth-child(2){border-left:solid 1px #d0d0d0;border-right:solid 1px #d0d0d0} .header_usermenu{line-height:40px;padding:5px 0;font-size:15px;letter-spacing:2px} .header_usermenu>li>a{padding-left:30px;color:#666262;display:block} .header_usermenu>li>a>i{font-size:1.2em} .header_usermenu>li>a:hover{color:#26CE95} /* 分享样式 */ .myshare {width:100%;max-width:252px;padding:5px;margin:10px auto 0;text-align:center;display:none;border-radius:4px;border:solid 1px #2196F3;box-shadow:0px 0px 4px rgba(3,169,244,0.33);} .myshare ul li {list-style:none;float:left;width:30px;height:30px;cursor:pointer;background-repeat:no-repeat;margin: 5px 9px;line-height:30px;background-image:url(../../../skin/in/images/share.png);} .myshare ul li:hover {opacity:.7;filter:alpha(opacity=70);} .-mob-share-weixin-qrcode-bg {position:fixed;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:999999998;left:0;top:0;} .-mob-share-weixin-qrcode-close {position:absolute;top:5px;right:5px;background:0 0;border:none;cursor:pointer;width:20px;height:20px;} .-mob-share-weixin-qrcode-header {font-size:13px;text-indent:0;text-align:center;padding:0;margin:10px 0;} .-mob-share-weixin-qrcode-content {position:fixed;z-index:999999999;top:10%;width:250px;padding:15px;background-color:#fff;border:1px solid #333;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .-mob-share-weibo{background-position: 0 -103px} .-mob-share-qzone{background-position: 0 -32px} .-mob-share-weixin{background-position: 0 -69px} .-mob-share-renren{background-position: 0 -136px} .-mob-share-douban{background-position: 0 -169px} /* 评论样式 */ .widget_coments ul {background:#fff;padding:0 10px;} .sidcomment {padding:20px 0;border-bottom:1px dotted #E6E6E6;} .sidcomment .cmt {position:relative;border-radius:3px;-webkit-border-radius:3px;padding:8px 12px;background:#F7F7F7;line-height:20px;font-size:13px;color:#31424e;} .sidcomment .cmt .arrow {position:absolute;left:18px;border:10px solid transparent;border-left-color:#F7F7F7;bottom:-10px;} .sidcomment .perMsg {padding-top:15px;} .sidcomment .perMsg .avater {float:left;width:40px;} .sidcomment .perMsg .avater img {border-radius:50%;-webkit-border-radius:50%;vertical-align:top;width:40px;height:40px;} .sidcomment .perMsg .txt {overflow:hidden;padding-left:12px;} .sidcomment .perMsg .txt .name {float:left;font-size:12px;color:#9baab6;} .sidcomment .perMsg .txt .name span {color:#31424e;padding-right:3px;float:left;max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sidcomment .perMsg .txt .time {float:right;font-size:12px;color:#9baab6;} .sidcomment .artHeadTit a {font-size:12px;color:#5e6b73;height:20px;padding-top:5px;display:inline-block;overflow:hidden;text-overflow:ellipsis;} .VIP_tixing {text-align:center;line-height:50px;background-color:#ffffdc;width:100%;max-width:500px;margin:0 auto;border-radius:4px;border:solid 1px #f00;font-size:16px} .VIP_tixing a {padding-left:5px} .vip_jb {position:absolute;top:0;left:0;background:#a2a2a2;color:#fff;padding:2px 7px} .yinxsh {width:100%;height:100%;position:fixed;padding-top:45%;text-align:center;color:#fff;top:0;left:0;background:rgba(36,36,36,0.6);display:none;z-index:5} .themes-help {background:#cbd0f9;padding:20px;max-width:960px;margin:20px auto;border-radius:5px;border:solid 1px #f00} .chen_tixing {position:fixed;top:0;left:0;opacity:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:99} .ti_cont {width:92%;max-width:500px;height:0;opacity:0;background:#fff;border-top:solid 3px #f95757;margin:10% auto 0 auto;box-shadow:1px 1px 8px #060606;position:relative} .ti_cont .cloe {width:50px;height:50px;text-align:center;line-height:50px;color:#fff;background:#f95757;position:absolute;top:0;right:0;cursor:pointer} .ti_cont h2 {height:40px;text-align:left;line-height:40px;padding-left:20px;font-size:20px;color:#f95f5f;font-weight:500} .ti_cont .msg {padding:20px;text-align:center} .ti_cont .msg h3 {line-height:30px;margin-bottom:10px;margin-top:20px} .ti_cont .msg p {} .ti_cont .cloes {position:absolute;bottom:30px;left:50%;margin-left:-50px;width:100px;background:#fd4848;height:30px;text-align:center;line-height:30px;color:#fff;border-radius:5px;cursor:pointer} .ajax_down {width:150px;margin:20px auto 0 auto;background:#4CAF50;height:40px;line-height:40px;color:#fff;border-radius:5px;font-size:1.1em;display:inline-block} .ajax_down:hover {background:#E91E63;color:#fff} span.ajax_down_mima {display:inline-block;margin-top:20px;font-size:1.3em;color:#f95757;font-weight:600} .ajax_donghua {position:fixed;top:50%;left:50%;width:200px;background:#000;opacity:0.8;height:100px;border-radius:10px;margin-top:-50px;margin-left:-100px;color:#fff;text-align:center;font-size:16px} .ajax_donghua i {font-size:2.5em;margin:15px 0 10px 0} .ajax_donghua span {display:block} #image_div p {position:relative;overflow:hidden} #image_div p img {margin-bottom:0} .pan_left {position:absolute;left:-60px;background:rgba(80,79,79,0.75);height:100%;top:0;padding:0 5px;color:#fff;text-align:center;width:60px} .pan_right {position:absolute;right:-60px;background:rgba(80,79,79,0.75);height:100%;top:0;padding:0 5px;color:#fff;text-align:center;width:60px} .vip-hide-type{background:#f4f4f4;border:solid 1px #f57268;border-radius:5px;position:relative;padding:10px;padding-top:40px} .vip-hide-type span{background:#f57268;padding:5px 10px;position:absolute;top:0;left:0;color:#fff;border-radius:5px 0 5px 0} .vip-hide-type p{margin:0} .cx-udy-demo{background:#f2f2f2;border:solid 1px #03A9F4;padding:10px;border-radius:5px;position:relative;text-align:center;padding-top:40px} .cx-udy-demo span{background:#03a9f4;padding:5px 10px;position:absolute;top:0;left:50%;width:100px;color:#fff;border-radius:0 0 5px 5px;margin-left:-50px} .cx-udy-demo .cx-udy-demo-bottom a{padding:8px 20px;background:#4CAF50;margin:5px;color:#fff;font-size:14px;border-radius:4px} .cx-udy-demo a.cx-demo-yanshi{background:#F44336} .cx-udy-demo .cx-udy-demo-bottom a:hover{background:#000} .h-screen .current a{border:1px solid #26CE95;font-weight:500;background-color:#26CE95;color:#fff;box-shadow:1px 1px 5px rgba(251,0,0,0.24)} .h-screen .current a:hover{color:#fff;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s} .current a:before{color:#fff} .loading_ajax{width:100%;height:0;text-align:center;margin:0 auto;color:#fe6e66;overflow:hidden} .loading_ajax .ajax_div_span{width:50px;height:10px;text-align:center;margin:0 auto;color:#238a0b;overflow:hidden} ._ajax_paged{text-align:center;position:relative} ._ajax_paged span{background:#fb6d6d;padding:12px 30px;border-radius:2px;color:#fff;cursor:pointer} ._ajax_paged .tit_tips{position:absolute;top:-65px;left:50%;width:280px;margin-left:-140px;background:rgba(0,0,0,0.75);height:40px;color:#fff;line-height:40px;display:none} ._ajax_paged .tit_tips:after{position:absolute;content:'';bottom:-17px;border:solid 10px rgba(6,6,6,0);border-top:solid 10px #3f3f3f;width:0;height:0;border-radius:2px;left:130px} ._ajax_paged .ajax-end {margin-bottom:20px;color: #a19f9f} .-mob-share-weixin {position:relative} .-mob-share-weixin div.weixin_qrcode {position:absolute;bottom:43px;width:80px;height:100px;left:-25px;border:solid 1px #959595;border-radius:2px;background:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden;opacity:0;} .-mob-share-weixin:hover div.weixin_qrcode {visibility:visible;opacity:1;} .-mob-share-weixin div.weixin_qrcode img {margin:0;width:100%;height:auto} .-mob-share-weixin div.weixin_qrcode span {position:absolute;left:11px;bottom:-1px;} .-mob-share-weixin div.weixin_qrcode::before,.-mob-share-weixin div.weixin_qrcode::after {content:'';position:absolute;bottom:-5px;left:33px;border-left:5px solid transparent;border-right:5px solid transparent;} .-mob-share-weixin div.weixin_qrcode::before {border-top:5px solid #555;} .-mob-share-weixin div.weixin_qrcode::after {border-top:5px solid #fff;margin-bottom:1px;} .myshare ul li.-mob-share-weixin:hover {opacity:1;} /*垂直居中*/ .verticalAlign{ vertical-align:middle; display:inline-block; height:100%; margin-left:-1px;} .xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;} .xcConfirm .popBox{position:fixed;left:50%;top:30%;background-color:#fff;z-index:2147000001;width:100%;max-width:500px;height:260px;margin-left:-250px;margin-top:-150px;border-radius:5px;font-weight:700;color:#535e66} .xcConfirm .popBox .ttBox{height:30px;line-height:30px;padding:10px 30px;border-bottom:solid 1px #eef0f1;box-sizing:content-box} .xcConfirm .popBox .ttBox .tt{font-size:18px;display:block;float:left;height:30px;position:relative} .xcConfirm .popBox .ttBox .clsBtn{display:block;cursor:pointer;width:12px;height:12px;position:absolute;top:22px;right:30px;background:url(../../../skin/in/images/icons.png) -48px -96px no-repeat} .xcConfirm .popBox .txtBox{margin:35px auto;width:100%;max-width:370px;height:70px;overflow:hidden} .xcConfirm .popBox .txtBox .bigIcon{float:left;margin-right:20px;width:48px;height:48px;background-image:url(../../../skin/in/images/icons.png);background-repeat:no-repeat;background-position:48px 0} .xcConfirm .popBox .txtBox p{height:84px;font-size:16px;line-height:26px;overflow-x:hidden;overflow-y:auto} .xcConfirm .popBox .txtBox p input{width:364px;height:30px;border:solid 1px #eef0f1;font-size:18px;margin-top:6px} .xcConfirm .popBox .btnArea{border-top:solid 1px #eef0f1} .xcConfirm .popBox .btnGroup{float:right} .xcConfirm .popBox .btnGroup .sgBtn{margin-top:14px;margin-right:10px} .xcConfirm .popBox .sgBtn{display:block;cursor:pointer;float:left;width:95px;height:35px;line-height:35px;text-align:center;color:#FFF;border-radius:5px} .xcConfirm .popBox .sgBtn.ok{background-color:#0095d9;color:#FFF} .xcConfirm .popBox .sgBtn.cancel{background-color:#546a79;color:#FFF} a.rlogin.reg_hre_btn>i>img{width:20px;height:auto;margin-right:3px} .guest_link{width:100%;max-width:500px;margin:0 auto 30px auto;background:#e7ecf0;padding:15px;text-align:center;color:#4f4f4f;line-height:35px} .single_mianimage{width:100%} .guest_down{width:100%;max-width:500px;margin:20px auto 30px auto;background:#e7ecf0;padding:10px 15px;color:#4f4f4f;line-height:35px;position:relative} .guest_down p{margin:0;color:#f88279;font-size:14px} .down_botton{position:absolute;top:15px;right:0;width:200px;text-align:center} .down_botton a{display:inline-block;line-height:30px;background:#4CAF50;color:#fff;padding:0 20px;border-radius:4px;margin-bottom:8px;width:100%;max-width:130px} .guest_down:before{content:"";position:absolute;left:0;top:0;border:5px solid transparent;border-left-color:#666;border-top-color:#666;display:block} .guest_down .down_meta_dec{width:100%;height:40px;line-height:40px;background:#d6dde2;padding:0 15px;margin:10px -15px -10px -15px;box-sizing:content-box} .down_meta_dec span{float:right;font-size:1.2em;color:#888} .guest_down_qx{min-height:87px} .image_postall{display:none} /**自适应代码**/ @media (max-width:1180px) { .foot_num{line-height:40px;padding-top:15px;text-align:center} .foot_num div:nth-child(1){font-size:18px;float:none;width:auto;text-align:center} .foot_num div:nth-child(2){float:none;margin-left:0} } @media (min-width:800px) { .mobie{display: none} .pc {display: block} } @media (max-width:800px) { .foot,.header_menu,.pc,.picture,.sidebar{display:none} .main_left{width:100%} .zt_list_index ul li{width:33.3333%} .picturefl{margin-top:0} .pictrue_list{width: 100%} .index_header{max-height:70px;margin-bottom:15px} .body_top{padding-top: 80px} .wrp_right{display: none} .wrappter .wrp_left{width:100%} .update_area_list{width:100%} .logo{line-height:65px} .logo img{width:158px;height:auto} .header_search_bar{margin-top:18px;border-radius:20px;height:35px} .search_bar_btn{height:35px} .search_bar_input{height:35px;width:80px} .search_bar_input:focus{width:120px} .mobie{display:block} .mobie i{font-size:2.5em;margin-right:10px} .list_n1,.list_n2,.list_n3{width:-moz-calc(50% - 10px);width:-webkit-calc(50% - 10px);width:calc(50% - 10px);margin:0 5px 10px} .xg_content{padding:5px 5px 0} .cat_bg{margin-top:-20px} .cat_bg .cat_bg_img p{width:-moz-calc(100% - 10px);width:-webkit-calc(100% - 10px);width:calc(100% - 10px);margin:0 5px 30px;opacity:.7} .cat_demo2_UI{margin-top: -10px} .login_text {padding-top: 18px} } @media (max-width:500px) { .cat_bg .cat_bg_img p,.fot p span,.home-filter,.next-cat,.page_imges em,.pre-cat{display:none} .mobies{display:block} .update_area_lists{padding:0 5px} .content_left{padding:10px} .image_div{padding:0} .zt_list_index ul li{width:50%} .list_n1,.list_n2,.list_n3{width:48.5%;margin:0 0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .update_area_lists li:nth-child(odd),.xg_content li:nth-child(odd){margin-right:3%} .list_n3{width:-moz-calc(100% - 10px);width:-webkit-calc(100% - 10px);width:calc(100% - 10px);margin:0 5px 10px} .cat_bg .cat_bg_img{background:no-repeat scroll center 0} .fl .filter-wrap{padding:20px 10px} .page-numbers{display:none;line-height:25px;padding:5px} .current,.current .screen-reader-text,.next,.prev{display:inline-block} .nav-links .current{padding:10px 30px;line-height:20px;margin:0 20px;background-color:#FFF;color:#A1A1A1;border-color:#EEE} a.page-numbers{line-height:20px} .site-wrap{max-height:200px} .down-ziyuan .down-div{width:100%;margin-bottom:10px} .i_list {padding-bottom: 70px} .case_info{max-height: 70px} .case_info .meta-title {height: 38px;min-height: 38px;white-space: inherit;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden} .case_info .meta-post {height: 20px;margin-bottom: 15px} .i_list:hover .case_info{max-height:70px} .i_list:hover .case_info .meta-post{height: 20px} .postlist-imagenum {bottom: 80px} .i_list:hover .case_info .meta-title{white-space: inherit;max-height:38px} .guest_down_qx{margin-bottom: 60} } .tckf{ position: fixed; left: 50%; top:50%;transform: translate(-50%, -50%); width: 348px;height: 152px;background: url(../../../skin/in/images/kfbg.jpg); -webkit-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat;background-position: center;z-index: 999; } .tckf .gb{ position: absolute;right: 0;top: 0;width: 30px;height: 30px;display: block; } .tcwz{ font-size: 16px;color: #fff; margin-left: 130px; margin-top: 43px; margin-right: 20px; } .tcbt{ position: absolute;bottom: 8px;right: 8px; } .tcbt a{padding: 0 10px;height: 35px;line-height: 30px;font-size: 14px;color:#fff;border:1px solid #fff;display: inline-block; border-radius: 5px; } .tcbt a:hover{ background: #fff;color: #4587E8; } /*首页小图*/ .gthz { display: flex; justify-content: space-between;align-items: center;margin: 40px 0; } .gthz img{ max-width: 100%;display: block;transition: all 0.2s ease; } .gthz img:hover{ transform: scale(1.05); } .gthz2{ flex-wrap: wrap; } .gthz2 div{ width: 48%; } .mrg{ text-align: right; } .mrg a{ font-size: 16px;color: #000;display: inline-block; } .fn-clear { zoom: 1; /* for IE6 IE7 */ } .fn-clear .div_rm1 { float: left; width: 130px; } .fn-clear .div_rm2 { float: right; width: 144px; } .fn-clear .div_rm2 div { width: 140px; } .fn-clear .div_rm2 p { line-height: 23px; margin-top: 3px; color: #808080; } .fn-clear .div_rm2 font { font-size: 19px; } .more { line-height: normal; } .more h2 { /* line-height: 39px; */ margin-top: -1px; font-size: 19px; color: #113565; } .more .div_left font { color: #A3A3A3; font-size: 19px; } .fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .more { height: 54px; border-bottom: 1px solid #e2e2e2; } .game_rm { width: 100%; } .content li { width: 276px; line-height: 32px; font-size: 14px; float: left; margin-right: 11px;list-style-type: none; margin-top: 0px; margin-bottom: 20px; } .fn-clear .div_rm1 { float: left; width: 130px; } .fn-clear .div_rm2 { float: right; width: 144px; line-height: normal; } .fn-clear .div_rm2 font { font-size: 16px;height: 42px;overflow: hidden;display: block; } .fn-clear .div_rm2 div { width: 140px; } .fn-clear .div_rm2 p { line-height: 23px; margin-top: 3px; color: #808080; } .nvz{ margin-top: 20px; } .nvz a{ padding: 8px 25px;text-align: center;font-size: 14px;background:#ff3622ba;color: #fff; display: inline-block; } .nvz a.on{ background: #0e6950 } body .flow-image .post_right h2{ height: 60px; } .cnnhz .content,.cnnhz .update_area{ display: none; } .cnnhz .content.on,.cnnhz .update_area.on{ display: block; } /*左侧悬浮*/ .ui-left-fix { position: fixed; width: 165px; margin-top: -75px;z-index: 99999999; top: 50%; right: 0; text-align: center; border: 2px solid #2a57a3; border-right: none; background-color:#ffffff; } .ui-biglogo { position: absolute; top: -84px; left: 10px; } .ui-service-title { font-size: 14px; color: #fff; background: #2a57a3; text-indent: 14px; margin: 0; text-align: left; line-height: 36px; } .ui-service-title span { display: inline-block; line-height: 36px; height: 36px; } .ui-service-title i { position: absolute; display: block; width: 25px; height: 25px; right: 2px; top: 4px; } .ui-service-title i img { display: block; } .ui-service-title i { cursor: pointer; } .ui-qr-wechat { margin: 10px 0; } .ui-red-title { display: inline-block; font-size: 12px; color: #f00; margin: 0 5px 5px; padding-bottom: 5px; border-bottom: 1px dashed darkslateblue; } .ui-left-fix > ul { margin: 0 15px; border-bottom: 1px dashed darkslateblue; } .ui-left-fix > ul li a, .ui-left-fix > ul li span { display: inline-block; vertical-align: middle; } .ui-left-fix > ul li { line-height: 36px; } .ui-left-fix > ul li i { display: inline-block; height: 100%; vertical-align: middle; } .ui-left-fix > ul li a img { display: block; border: none; } .ui-left-fix > ul li a { margin-left: 10px; } .ui-left-fix h3, .ui-left-fix .ui-number { font-size: 20px; font-weight: 500; margin: 0; line-height: 36px; color:#333333; } .ui-left-fix .ui-number { /*font-family: "Palatino Linotype", "Book Antiqua";*/ } .ui-left-fix .tophead { position: absolute; top: -90px; left: -29px; } .ui-left-fix .tit { color: #fff; background: #ff3622ba; padding: 10px 0;font-size: 16px; } @media screen and (max-width: 600px) { .gthz div{ width: 48% } .gthz{ flex-wrap: wrap; } .gthz.gthz2 div{ width: 100% } .more,.nvz{ width: 98%;margin-left: auto;margin-right: auto;margin: 5px auto; } #service-content{ display: none; } .nvz a{ margin-bottom: 3px;width: 24%;padding: 8px 3px;box-sizing: border-box;margin-right: 1% } .nvz a:nth-child(4n){ margin-right: 0 } .nvz{ display: flex;flex-wrap: wrap; } } /*新闻*/ .xwcon{ display: flex;justify-content: space-between;width: 100%;padding:30px 0 50px; } .xwit{ width: 33%; } .xwtit{ font-size: 20px;font-weight: bold;color: #000;margin-bottom: 10px; } .xwtit .New_connter ul li a,.New_connter ul li a span:first-child{ font-size: 14px; } .New_connter ul li a span:first-child{ padding-right: 15px; } .cgk{ text-align: right;color: #26CE95;margin-top: 20px;font-size: 16px;text-decoration: none; } .tgri{ text-align: right;padding-top: 20px; } .New_connter ul li a span:last-child{ font-size: 14px; } .New_connter ul li a { display: flex; justify-content: space-between; font-size: 16px; color: #000; text-decoration: none; } .New_connter ul li a span:first-child { flex: 1; overflow-x: hidden; display: block; box-sizing: border-box; padding-right: 30px; } .New_connter ul li a span:last-child { overflow-x: hidden; display: block; font-size: 14px; } .New_connter ul li { overflow: hidden; display: block; line-height: 35px; height: 35px; color: #000; background: url(../../../skin/in/images/ko.jpg); background-position: left center; background-size: auto; padding-left: 15px; background-repeat: no-repeat; } .New_connter ul li a:hover { color: #26CE95; } .wrappter .xwcon li{ float: none } .New_connter{ min-height: 280px; } .flow-image .Article_list{ /*min-height: 307px;*/ } @media screen and (max-width: 600px) { .xwit { width: 100%; margin-bottom: 20px; -webkit-box-shadow: 0 1px 5px 0 rgba(153,153,153,.5); box-shadow: 0 1px 5px 0 rgba(153,153,153,.5); box-sizing: border-box; padding: 15px; border-radius: 10px;background: #fff } .xwcon { display: block; justify-content: space-between; width: 95%; margin: 0 auto; padding: 0px 0 50px; } .xwtit { font-size: 20px; font-weight: bold; color: #000; margin-bottom: 10px; border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; } .New_connter { min-height: 0; } .content{ width: 90%;margin: 0 auto } } /*子栏目*/ .snav{ margin-bottom: 20px; margin-top: 20px; } .snav a{ margin-right: 5px; display: inline-block;vertical-align: top;padding: 10px 25px;font-size: 14px;background: #60D5B5;color: #fff;text-decoration: none; } .snav a:hover,.snav a.cur{ background: #34C2A1 } .pagelist{text-align: center;padding: 10px 0;} .pagelist li{ display: inline-block;vertical-align: middle; } .pagelist a{ border: 1px solid #e6e6e6;font-size: 13px; padding: 5px 10px; display: inline-block; background: #fff; color: #666666; cursor: pointer; text-decoration: none; } .pagelist li:hover a{ background: #34C2A1; color: #fff; } .pagelist .thisclass a{ background: #34C2A1; color: #fff; } .pagelist .thisclass { background: #34C2A1; color: #fff; } .main.fn-clear{ width: 95%;margin: 0 auto } /*头部修改*/ @media screen and (min-width: 600px) { .header_menu { width: 843px;text-align: center; } .header_menu ul li{ float: none;display: block; } .header_menu ul{ display: flex;justify-content: center; } } .more.fn-clear{position: relative;} .more.fn-clear a{ position: absolute; right: 0;top: 30%; } .nvz a{ transition: .1s; -moz-transition: .1s; -webkit-transition: .1s; -o-transition: .1s; } .cnnhz .div_rm2 img{ width: auto; } .layui-layer{ overflow: visible!important; } /*底部手机客服*/ .footkf,.ycxf,.register_container{ display: none; } @media screen and (max-width: 600px) { .footkf{ display: block; } .footkf { position: fixed; width: 100%; height: 48px; line-height: 48px; bottom: 0; text-align-last: left; background: url(../../../skin/in/images/foot_bg.png) no-repeat center top; } .footkf li { float: left; width: 50%;list-style-type: none; text-align: left; } .footkf li a { display: block; width: 100%; height: 100%; font-size: 16px; color: #fff; } .footkf li .tel { text-indent: 40%; background: url(../../../skin/in/images/tel.png) no-repeat 26% center; background-size: 28px 28px; } .footkf li .zixun { text-indent: 45%; width: 100%; background: url(../../../skin/in/images/zixun.png) no-repeat 26% center; background-size: 34px 24px; } .ycxf{ width: 70px;height: 70px; z-index: 9999; position: fixed;right: 5px;top:50%;transform: translate(0, -50%); display: block; border-radius: 50%; background: #ef1f1f url(../../../skin/in/images/module-bg-6.png) center center no-repeat; background-size: 100%; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.3); } .register_container{ padding: 10px;box-sizing: border-box;display: none; } .rghz span{ font-size: 16px; } .rghz{ padding-bottom: 10px;display: flex;justify-content: space-around;align-items: center; } .rgbt{ background: #2196F3; color: #fff; padding: 5px 15px; font-size: 12px; } .layui-layer-btn a{ width: 44%!important; text-align: center!important;height: 35px!important; line-height: 35px!important; } .layui-layer-btn .layui-layer-btn0 { border-color: #dedede!important; background-color: #fff!important; color: #333!important; } .layui-layer-btn .layui-layer-btn1 { border-color: #1E9FFF; background-color: #1E9FFF; color: #fff; } } @media screen and (max-width: 321px) { .rghz{ justify-content: space-between; } } .page1_list ul li { width: 25%; float: left; } .page1_list ul li:nth-child(4n+1) { clear: both; } .page1_list ul li img { width: 100%; } .page1_list ul { margin: 10px -10px; } .page1_list ul li a { display: block; margin: 10px; } .page1_list ul li p { line-height: 20px; text-align: center; margin-top: 15px; font-size: 16px; color: #333; } .page1_list ul li .img:hover img { opacity: .5; } .page1_list ul li a:hover .img span { opacity: 1; top: 50%; } .page1_list ul li a:hover p { color: #faad39; } .page1_list ul li .img span { position: absolute; height: 25px; background: url(../../../skin/in/images/icon6.png) no-repeat center center; display: block; left: 0; width: 100%; opacity: 0; top: 60%; margin-top: -12px; } .page1_list ul:after { content: ''; display: block; clear: both; } .page1_list { margin-bottom: 40px; } .main_success ul { overflow: hidden; /*display: flex;*/ margin-top: 55px; margin-bottom: 40px; } .main_success ul li { overflow: hidden; width: 25%; } .main_success ul li img { display: block; margin: 0 auto; margin-bottom: 25px; } .main_success ul li p { text-align: center; font-weight: bold; font-size: 22px; position: relative; color: #212121; } .main_success ul li p::after { content: ''; width: 38px; height: 2px; background: #a8a8a8; position: absolute; left: 50%; margin-left: -19px; bottom: -15px; } .main_success ul li span { display: block; font-size: 15px; color: #444444; padding: 0 10px; line-height: 28px; margin-top: 25px; text-align: center; } .pc{/*display: block;*/} .wap{display: none;} @media only screen and (max-width: 750px) {.page1_list ul li { width: 50%; } .page1_list ul li:nth-child(3n+1) { clear: none; } .page1_list ul li:nth-child(2n+1) { clear: both; }.page1_list ul { margin: 10px -5px; } .page1_list { overflow: hidden; padding: 0px 10px; }.page1_list ul li a { margin: 5px; } .main_success ul li{ width: 50%; margin-top: .6rem; } /*.main_success ul li img{ width: 1.6rem; margin-bottom: .3rem; } .main_success ul li p{ font-size: .3rem; } .main_success ul li span{ font-size: .22rem; line-height: .4rem; margin-top: .5rem; } .main_success ul li p::after{ bottom: -.3rem; }*/ .pc{display: none;} .wap{display: block;} .main_success ul li img { display: block; margin: 0 auto; margin-bottom: 50px; width: 40%; } .main_success ul li p { text-align: center; font-weight: bold; font-size: 16px; position: relative; color: #212121; } } /*首页案例*/ .page3 { /* background: url(../../../skin/in/images/bg3.jpg) no-repeat center;*/ background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;padding-bottom: 100px; } @media (max-width: 1500px){ .section { width: 100%; min-width: 1080px; } } .section { position: relative; overflow: hidden; } .fp-section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .case { /* position: absolute; top: 50%; left: 50%;*/ overflow: hidden; /*margin-top: -235px;*/ /*margin-left: -580px;*/ margin: 0 auto; width: 1160px; padding-top: 100px; position: relative; } .case h2 { position: relative; top: 0; /*left: -400px;*/ width: auto; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; } .page3.active .case h2 { left: 0; } .case h2.wk_h2 { display: none; } .wk_btndiv { position: absolute; top: 119px; display: flex; right: 0px; width: 100px; height: 30px; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; } .page3.active .wk_btndiv { right: 0; } .wk_btndiv a.abtn { /*position: absolute;*/ display: block; overflow: hidden; width: 45px; height: 30px; outline: 0; background: url(../../../skin/in/images/btn.png) no-repeat; } .wk_btndiv a.aleft { /*right: 55px;*/ background-position: 0 -30px; margin-right: 10px; } .wk_btndiv a.agrayleft { background-position: 0 0; cursor: default; } .wk_btndiv a.aright { right: 0; background-position: -45px 0; } .wk_btndiv a.agrayright { background-position: -45px -30px; cursor: default; } .wk_scrollcontainer { position: relative; overflow: hidden; margin: 38px auto 0 auto; width: 1180px; /*height: 800px;*/ } .wk_scrollcontainer:after { content:""; display:block; height:0; visibility:hidden; clear:both; } /* .wk_scrollcontainer ul { position: absolute; top: 0; left: 0; width: 1000%; }*/ .wk_scrollcontainer li { float: left; overflow: hidden; margin-left: 0; width: 1180px; } .case .wk_case_list { position: relative; /*float: left;*/ overflow: hidden; /*margin: 0 20px 20px 0;*/ /*width: 100%;*/ height: 220px; /* -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -ms-transform: translate3d(0, 100px, 0);*/ } .wktt{ font-size: 16px;text-align: center;color: #212121;display: block;line-height: 30px; } .page3.active .case div.wk_case_list { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-opacity: 1; -moz-opacity: 1; -ms-transform: translate3d(0, 0, 0); } .page3.active .case div.wk_case_list:nth-child(2) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; transition-delay: 100ms; } .page3.active .case div.wk_case_list:nth-child(3) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; transition-delay: 200ms; } .page3.active .case div.wk_case_list:nth-child(4) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; transition-delay: 300ms; } .page3.active .case div.wk_case_list:nth-child(5) { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; transition-delay: 400ms; } .page3.active .case div.wk_case_list:nth-child(6) { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; transition-delay: 500ms; } .page3.active .case div.wk_case_list:nth-child(7) { -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; transition-delay: 600ms; } .page3.active .case div.wk_case_list:nth-child(8) { -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; transition-delay: 700ms; } .case .wk_case_list .wk_case_img { position: relative; width: 100%; height: 190px; } .case .wk_case_list .wk_case_img img { width: 100%; height: 190px; } .case .wk_case_list .wk_case_ico { position: absolute; top: 0; left: 0; width: 100%; height: 190px; background: url(../../../skin/in/images/case_ico.png) no-repeat center; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-opacity: 0; -moz-opacity: 0; } .case .wk_case_list:hover .wk_case_ico { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .case .wk_case_list .wk_case_xian { position: absolute; top: 22px; left: 22px; width: 84%; height: 146px; } .case .wk_case_list span { position: absolute; background: #0ddfba; -webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94); -moz-transition: all .3s cubic-bezier(.25, .46, .45, .94); -o-transition: all .3s cubic-bezier(.25, .46, .45, .94); transition: all .3s cubic-bezier(.25, .46, .45, .94); } .case .wk_case_list .wk_span_1 { top: 0; left: 0; width: 0; height: 2px; } .case .wk_case_list .wk_span_2 { top: 0; right: 0; width: 2px; height: 0; } .case .wk_case_list .wk_span_3 { right: 0; bottom: 0; width: 0; height: 2px; } .case .wk_case_list .wk_span_4 { bottom: 0; left: 0; width: 2px; height: 0; } .case .wk_case_list:hover .wk_span_1, .case .wk_case_list:hover .wk_span_3 { width: 100%; } .case .wk_case_list:hover .wk_span_2, .case .wk_case_list:hover .wk_span_4 { height: 100%; } .common_i_title,.product_i{ display: none; } @media (max-width: 600px){ .common_i_title,.product_i{ display: block; } .case { width: 95%; min-width: 0; } .section{ min-width: 0; } .case h2{ width: 100% } .case h2 img { width: 100% } .page3{ display: none; } .wk_btndiv{ top: inherit; bottom: -58px; left: 50%; right: inherit; margin-left: -50px; transform: translate(-50%, 0); } .wk_scrollcontainer{ width: 100% } .case .wk_case_list, .case .wk_case_list .wk_case_img, .case .wk_case_list .wk_case_ico, .case .wk_case_list .wk_case_img img { height: 120px; } .case{ overflow: visible;padding-top: 50px; } .case .wk_case_list .wk_case_xian { position: absolute; top: 22px; left: 22px; height: 80px!important; width: 75%; height: 146px; } .common_i_title { margin-bottom: 3%; background-color: #f6f6f6; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; text-align: center; margin-top: 2%; } .common_i_title span { display: inline-block; padding-top: 1.2%; color: #2f2f2f; font-size: 17px; }.common_i_title h2 { display: inline-block; width: 100%; padding-bottom: 1.2%; text-align: center; color: #0093ed; /* background-color: #ff9600; */ font-size: 18px; font-weight: normal; /* border-bottom: 1px solid #1ca02d; */ } .common_i_css { background-color: #fff; padding: 0 4%; margin-top: 2.5%; } .product_i_list { margin: 2% 0; } .c { clear: both; width: 100%; } .product_i_list ul li { position: relative; width: 49%; float: left; margin: 0 0.5%;list-style-type: none; margin-bottom: 2%; } .product_i_list ul li:nth-child(2n+1){ clear: both; } .product_i_list ul li a span { display: block; width: 100%; height: 30px; line-height: 30px; background-color: #5d5d5d; font-size: 16px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .product_i_list ul li img{ width: 100%;display: block; } }