p,ul,li,h1,h2,h3,h4,body,dd,dt,dl,blockquote{margin:0;padding:0}img{border:0}li{list-style-type:none} a{color:#555;font-size:14px;cursor:pointer;text-decoration:none} a:hover{color:#10c55b;text-decoration:none}.fr{float:right}.fl{float:left}.cl{clear:both}.hide{display:none}.red{color:red} .arrowTWO{width:0;height:0;position:absolute;top:18px;right:0;display:inline-block} .arrow{width:0;height:0;position:absolute;top:18px;right:0;display:inline-block} .arrow-up-menu{border-bottom:5px solid #f63;border-left:5px solid transparent;border-right:5px solid transparent;display:none;top:32px} .arrow-down-menu{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999;right:8px;top:15px;z-index:10;position:absolute}table{empty-cells:show;border-collapse:collapse;border-spacing:0} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}*:first-child+html .clearfix{zoom:1}em{font-style:normal} .orange{color:#f63; font-size: 18px;} body{overflow-y:scroll;font:12px/1.5 "Hiragino Sans GB","Microsoft YaHei",simsun;font-size:14px;color:#211922;} .icon{background-image:url("../images/global.png")}.round-image{width:50px;height:50px;float:left;margin-right:9px;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px}.pager{text-align:center;padding:20px 0}.pager a{padding:3px 8px;margin-left:7px;line-height:20px;background:#f9f9f9;border:1px solid #dbdbdb;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;color:#333}.pager a:hover,.pager a.current{background-color:#10c55b;color:#fff;border:1px solid #10c55b;cursor:pointer}.no_result{padding:25px 0;text-align:center}.no_result p.words{color:#333;font-size:18px;line-height:38px}.no_result p.words em{color:#10c55b} #container,.search_result{width:1215px;margin:12px auto 0;border:0px solid #dcdcdc} .container{width:1215px;margin:0 auto 0}.search_result{font-size:16px;padding:10px 0 10px;text-indent:10px}.search_result strong{color:#10c55b;font-weight:normal}#site_nav{background-color:#FFF;border-bottom:1px solid #eee;color:#484848;height:30px;line-height:30px}#site_nav .sn_container{width:1215px;margin:0 auto}#site_nav .sn_container .sn_login,.head_pay_btn{color:#10c55b}#site_nav .tg_tools{position:relative;z-index:999}#site_nav .tg_tools .collect{color:#333}#site_nav .tg_tools li{float:left;padding-right:10px;line-height:32px;cursor:pointer;position:relative;height:30px;z-index:999;overflow:hidden;color:#666}#site_nav .tg_tools li span{padding:0 3px}#site_nav .tg_tools li span a{color:#666}#site_nav .tg_tools li span a:hover{color:#38b;text-decoration:none}#site_nav .tg_tools li b{transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform-origin:50% 20%;-ms-transform-origin:50% 20%;-webkit-transform-origin:50% 20%;-moz-transform-origin:50% 20%;-o-transform-origin:50% 20%;transition:transform .2s linear;-webkit-transition:-webkit-transform .2s linear;-moz-transition:-moz-transform .2s linear;-o-transition:-o-transform .2s linear;background-position:-5px -5px;background-repeat:no-repeat;overflow:hidden;display:block;width:7px;height:4px;display:inline-block!important;vertical-align:middle;padding-bottom:2px}#site_nav .tg_tools li:hover{text-decoration:none;border:1px solid #dedede;border-top:0;border-bottom:0;overflow:visible;margin-right:-1px;padding-right:10px;margin-left:-11px;padding-left:10px;z-index:1000;height:31px;margin-bottom:-1px}#site_nav .tg_tools li.box_color:hover{background-color:#fff}#site_nav .tg_tools li:hover b,.tg_tools li.hover b,.tg_tools li:hover span,.tg_tools li.hover span{position:relative;z-index:1001}#site_nav .tg_tools li:hover ul,.tg_tools li.hover ul{*display:block;*width:85px;height:auto;overflow:hidden;opacity:1;filter:Alpha(opacity=100);transition:opacity .4s linear;-webkit-transition:opacity .4s linear;-moz-transition:opacity .4s linear;-o-transition:opacity .4s linear}#site_nav .tg_tools li.nav_home:hover ul,.tg_tools li.nav_home.hover ul{*width:81px}#site_nav .tg_tools li:hover ul li,.tg_tools li.hover ul li{border:0;margin-top:0;transition:margin-top .2s linear;-webkit-transition:margin-top .2s linear;-moz-transition:margin-top .2s linear;-o-transition:margin-top .2s linear}#site_nav .tg_tools li:hover b,.tg_tools li.hover b{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform-origin:50% 20%;-ms-transform-origin:50% 20%;-webkit-transform-origin:50% 20%;-moz-transform-origin:50% 20%;-o-transform-origin:50% 20%;transition:transform .2s linear;-webkit-transition:-webkit-transform .2s linear;-moz-transition:-moz-transform .2s linear;-o-transition:-o-transform .2s linear}#site_nav .tg_tools li.no-hover{border:0;margin-right:0;padding-right:10px;padding-left:0;margin-left:0;height:30px} #site_nav .tg_tools li ul{position:relative;display:block;height:0;overflow:visible;*display:none;opacity:0;filter:Alpha(opacity=0);background-color:#fff;border:1px solid #dedede;width:auto;margin:0 -11px;margin-bottom:-100%;border-top:0;z-index:1000;padding-bottom:5px;margin-top:-2px}#site_nav .tg_tools li ul li{float:none;line-height:30px;border:0;margin:0;margin-top:-20px;zoom:1;height:30px;width:100%}#site_nav .tg_tools li ul li:hover{margin:0;padding:0;height:30px}#site_nav .tg_tools li ul li a{text-indent:10px;line-height:24px;float:left;display:block;width:100%;margin-top:3px}#site_nav .tg_tools li ul li a:hover{margin:0;margin-top:3px;width:100%;background-color:#f2f2f2;color:#38b;text-decoration:none;transition:background-color .1s linear;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;-o-transition:background-color .1s linear}#site_nav .tg_tools li.tg-line{background-position:-5px -126px;background-repeat:no-repeat;overflow:hidden;display:block;width:1px;height:14px;padding:0!important;padding-right:10px!important;margin:0!important;margin-top:9px!important;border:none!important;cursor:default}#site_nav .tg_tools .icon{background-image:url(../images/icon.png)}#site_nav .tg_tools li.tg_tools_home{color:#f63}#site_nav .tg_tools li.tg_tools_home i{background-image:url(../images/icon_more.png);background-position:-5px -597px;background-repeat:no-repeat;display:inline-block;height:15px;width:17px;position:relative;top:1px}#header{background-color:#fff;padding-bottom:12px} #header .tg_tools_home{margin:0 auto;width:1215px;height:100px;padding-top: 15px;} #header .logo{width:272px;float:left; display: inline; margin-top:15px} #header .logo img{width:230px;} #header .bbs_enter{float:right;overflow:hidden;margin:3px 0 0} .divty_clear{clear: both; margin-right:auto;margin-left:auto;text-align:left; } .divty_float_left{float:left;display:inline;} .divty_float_right{float:right;display:inline;} #search{width:580px;margin:17px 0 0 10px;float:left;position:relative;} #search .search_area{ width: 100%; height:40px;line-height:40px;border:2px solid #10c55b;font-size:15px;border-radius: 4px 4px 4px 4px;} #search .search_area .search_input{background-color:transparent;height:38px;width:440px;display:inline-block;margin-left:5px;border:0;font-family:"微软雅黑";outline:0;line-height:38px;float:left;color:#333333;*height:30px} #search .search_area .btn_search{display:inline-block;background-color:#10c55b;border:0;color:#FFF;width:86px;height:40px; overflow: hidden; vertical-align:top;font-family:"微软雅黑";float:right;outline:0;cursor:pointer} #search .search_keywords{width: 100%;height:22px;margin-top:5px;overflow:hidden} #search .search_keywords a,#search .search_keywords span{color:#666} #search .search_keywords a{margin-right:10px} #search .search_keywords a.red{color:red} .search .search_box{ position:absolute; z-index:999; left:0px; top:41px; width:494px; border:2px solid #10c55b;border-top: 0px; display:none; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); } .search .search_box li{color: #888;height:30px; overflow:hidden; padding-left:5px; line-height:30px; background:#FFFFFF; cursor: pointer;} .search .search_box li.hover{background: #f8f8f8;cursor: pointer;} .icon-search{background:url("../images/search.gif") no-repeat scroll 10px 10px;display:inline-block;float:left;height:100%;width:30px;margin-top: 5px;} .search_select{float:left;width:30px;height:34px; display:inline-block;} #search2{width:340px;margin:8px 0 0 10px;float:left;position:relative;} #search2 .search_area2{height:30px;line-height:30px;border:2px solid #10c55b;font-size:15px;border-radius: 4px 4px 4px 4px;} #search2 .search_area2 .search_input2{background-color:transparent;height:28px;width:200px;margin-left:5px;border:0;font-family:"微软雅黑";outline:0;line-height:28px;float:left;color:#999;*height:20px} #search2 .search_area2 .btn_search2{background-color:#10c55b;border:0;color:#FFF;width:86px;height:30px;vertical-align:top;font-family:"微软雅黑";float:right;outline:0;cursor:pointer} #search2 .search_keywords2{height:22px;margin-top:5px;overflow:hidden} #search2 .search_keywords2 a,#search2 .search_keywords2 span{color:#666} #search2 .search_keywords2 a{margin-right:10px} #search2 .search_keywords2 a.red{color:red} .search2 .search_box2{ position:absolute; z-index:9999; left:0px; top:31px; width:250px; border:2px solid #10c55b;border-top: 0px; display:none; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); } .search2 .search_box2 li{color: #888;height:30px; overflow:hidden; padding-left:5px; line-height:30px; background:#FFFFFF; cursor: pointer;} .search2 .search_box2 li.hover{background: #f8f8f8;cursor: pointer;} .icon-search2{background:url("../images/search.gif") no-repeat scroll 10px 10px;display:inline-block;float:left;height:100%;width:30px;margin-top: 0px;} .search_select2{float:left;width:30px;height:24px;display:inline-block;} #nav_search1 .nav_main a.promptstr {width:110px;height:100%;display:block;font-size:13px;color:#ff6600;float: left;margin-left: 5px;} #nav_search1 .nav_main a:hover.promptstr {background-color:#e0e0e0;} #nav_search1{background-color:#e0e0e0;height:40px;line-height:40px} #nav_search1 .nav_main{width:1215px;margin:0 auto;position:relative} #nav_search1 .nav_main a{font-weight: bold;width:110px;height:100%;display:block;font-size:16px;color:#555;text-align:center;float:left;transition:background-color .2s linear 0s} #nav_search1 .nav_main a.current,#nav_search1 .nav_main a:hover{background-color:#efefef; color: #10c55b; text-decoration:none; font-weight: bold;} #nav_search2{background-color:#efefef;height:40px;line-height:40px} #nav_search2 .nav_main{width:1215px;margin:0 auto;position:relative} #nav_search2 .nav_main a{width:110px;height:100%;display:block;font-size:16px;color:#333;text-align:center;float:left;transition:background-color .2s linear 0s} #nav_search2 .nav_main a.current,#nav_search2 .nav_main a:hover{background-color:#f6f6f6; color: #10c55b; text-decoration:none;} #nav_search2 .icon_hot{background:url("../images/hot.png") no-repeat scroll 0 0;width:21px;height:12px;display:inline-block;position:absolute;left:60px;top:-3px} #nav{background-color:#efefef;height:40px;line-height:40px} #nav .nav_main{width:1215px;margin:0 auto;position:relative} #nav .nav_main a{width:110px;height:100%;display:block;font-size:16px;color:#333;text-align:center;float:left;transition:background-color .2s linear 0s} #nav .nav_main a.current,#nav .nav_main a:hover{background-color:#10c55b; color: #ffffff; text-decoration:none} #nav .icon_hot{background:url("../images/hot.png") no-repeat scroll 0 0;width:21px;height:12px;display:inline-block;position:absolute;left:60px;top:-3px} .show_b_bg{ background: #ffffff url("../images/b_bg.jpg") repeat-x top; padding-top: 10px; } .head_line { width: 100%; height: 1px; overflow: hidden; border-bottom:#e3e7e8 solid 1px; } .tg_classify{position:relative;width:1215px;margin:0px auto 0;border:0px solid #eaeaea} .tg_classify .tg_tab_box{border-top:0px solid #eaeaea;padding:10px 0px 10px 0px} .tg_tab_box{border:0px solid #eaeaea;overflow:hidden} .tg_classify .tg_tab_box .tg_classify_wrap:first-child{border-top:0} .tg_classify .tg_tab_box .tg_classify_wrap{border-top:0px solid #eaeaea;margin:0 0 0 15px;padding:8px 0}.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat{line-height:27px;position:relative}.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dt{border-right:1px solid #eaeaea;color:#333;font-size:14px;height:27px;text-indent:26px}.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat.tg_classify_all dt i{background-position:-5px -334px;background-repeat:no-repeat;display:block;height:13px;overflow:hidden;top:6px;width:13px}.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dt i{left:0;margin-right:10px;position:absolute} .tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dd{color:#333;float:left;height:27px;text-align:center;vertical-align:middle; margin-right: 10px; margin-left: 10px; margin-bottom: 5px;} .tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dd.on a,.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dd a:hover{ background-color:#10c55b;color:#fff!important; font-weight: bold;border-radius: 100px;padding:4px 8px; } .tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dd a{ color:#333;display:inline;height:20px;line-height:20px;padding:4px 8px;text-decoration:none } .tg_classify .dl_left{width:88px;float:left} .tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dd.on a .mubanbaba-opt-dot,.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dd a:hover .mubanbaba-opt-dot{ box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .75); } .mubanbaba-opt-dot{width:13px;height:13px;border-radius:50%;display:inline-block;flex:0 0 13px; background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:inset 0 0 0 1px rgba(15,23,42,.10);} [data-color="红色"] .mubanbaba-opt-dot{background:#ef4444;} [data-color="橙色"] .mubanbaba-opt-dot{background:#f97316;} [data-color="黄色"] .mubanbaba-opt-dot{background:#eab308;} [data-color="绿色"] .mubanbaba-opt-dot{background:#22c55e;} [data-color="蓝色"] .mubanbaba-opt-dot{background:#3b82f6;} [data-color="紫色"] .mubanbaba-opt-dot{background:#8b5cf6;} [data-color="棕色"] .mubanbaba-opt-dot{background:#a16207;} [data-color="灰色"] .mubanbaba-opt-dot{background:#94a3b8;} [data-color="黑色"] .mubanbaba-opt-dot{background:#1e293b;} [data-color="黑白"] .mubanbaba-opt-dot{background:conic-gradient(#1e293b,#ffffff);} [data-color="白色"] .mubanbaba-opt-dot{background:#ffffff;} [data-color="其他颜色"] .mubanbaba-opt-dot{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#3b82f6,#8b5cf6);} [data-color="多色"] .mubanbaba-opt-dot{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#3b82f6,#8b5cf6,#ef4444,#1e293b,#eab308);} .tg_classify .dl_right{width:1097px;float:left} .tg_sort{background-color:#fefefe;border-bottom:1px solid #eaeaea;position:relative;padding:2px 0px;}.tg_sort .tg_classify_wrap{float:left}.tg_sort .tg_classify_wrap dl.tg_classify_toggle{height:38px;margin:-1px -1px -2px 0;overflow:hidden;padding:0 15px 0 18px;position:relative;border-right:1px solid #eaeaea}.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt,.tg_sort .tg_classify_wrap .tg_classify_simplecheck dt{font-size:14px;height:38px;line-height:38px;text-align:center}.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt a{color:#333;display:block;height:38px;text-decoration:none}.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt a span{color:#333;padding:0 5px 0 3px;font-weight:normal}.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt a b{background-position:-5px -83px;background-repeat:no-repeat;display:inline-block!important;height:8px;overflow:hidden;padding-bottom:2px;vertical-align:middle;width:8px} .tg_sort .tg_classify_wrap dl.tg_classify_toggle dt.on span,.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt span:hover{color:#10b768}.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt.on a b{background-position:-5px -65px;background-repeat:no-repeat;display:inline-block!important;height:8px;overflow:hidden;padding-bottom:2px;vertical-align:middle;width:8px}.icon_order{background-image:url("../images/global.png")}.tg_sort .tg_classify_wrap .tg_classify_simplecheck{height:38px;padding:0 0 0 30px}.tg_sort .tg_classify_wrap .tg_classify_simplecheck dt a{text-decoration:none}.tg_sort .tg_classify_wrap .tg_classify_simplecheck dt a i{background-position:-5px -427px;background-repeat:no-repeat;display:inline-block!important;height:14px;overflow:hidden;vertical-align:-9%;width:14px;margin-right:1px}.tg_sort .tg_classify_wrap .tg_classify_simplecheck dt.on a i{background-position:-5px -475px}.list{position:relative} .list .list_main{margin:20px 0px 0px 0px} .list .list_main .per{ border: 10px solid #FFF; box-sizing: border-box; -webkit-box-shadow: 0 1.5px 5px 0 rgba(0,0,0,.3); box-shadow: 0 1.5px 5px 0 rgba(0,0,0,.3); -webkit-border-radius: 4px; border-radius: 4px; background-color:#fff; /* border-bottom:3px solid #bbbbbb; box-shadow:0 0 5px rgba(0,0,0,0.1);*/ float:left; margin:0 12px 18px 0; width:290px; position:relative; overflow:hidden; } .list .list_main .per:hover{ /*border-bottom:3px solid #10c55b;*/ box-shadow:0 0 10px rgba(0,0,0,0.3); } .list .img_link{ /*height: 320px;*/ overflow:hidden; width:270px;display:block;text-align:center;vertical-align:middle; background-color: #999999; } .list .img_link img{ opacity: 0.9; vertical-align:middle;width:270px;border:0px solid #ddd; /*-webkit-transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1); */ transition: transform 0.4s ease 0s; -webkit-transition: transform 0.4s ease 0s; -o-transition: transform 0.4s ease 0s; } .list .img_link:hover img{ opacity: 0.5; -webkit-transform: translateY(10px); transform: translateY(10px); /*-webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);*/ } .list .foot{border-top:0px solid #f2f2f2;margin-top: 10px;} .list .foot p.title{margin:5px 0 3px;color: #555;font-size:12px;width:230px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float: left;} .list .foot p.tags{height:20px;margin:5px 0px 0px 0px;overflow:hidden; width: 100%; clear: both; float: left;} .list .foot p.title a{font-size:12px;margin-left:5px;width:220px;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;float: left;} .list .foot p.title a:hover{color:#000000;font-size:12px;cursor:pointer;text-decoration:none} .list .foot p.title span{font-size:12px;width:35px;display:block;overflow:hidden; text-align: right;float: left; color: #ff6600; margin-right: 5px;} .list .foot div.Quota i{margin: 0 5px 0 0; } .list .foot div.Quota { color:#bbbbbb; width: 100%;float: left; margin-top: 10px; padding-left: 5px;box-sizing: border-box;} .list .foot div.Quota .class_cat_title { color:#bbbbbb; font-size: 12px; font-weight:500;width: 160px;float: right;text-align: right} .list .foot div.Quota .class_cat_title a{ color:#bbbbbb; font-size: 12px; font-weight:500; display: inline;} .list .foot .statics_two{ z-index: 99; visibility:visible; position: absolute; text-align: center; width: 270px; height:35px; line-height:35px; top: 0px; overflow:hidden; background-color: #000000; /*opacity:0.8; filter:alpha(opacity=80);*/ -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.33, 0, 0.2, 1); transition: transform 0.2s cubic-bezier(0.33, 0, 0.2, 1); } .list .list_main .per:hover .foot .statics_two{ -webkit-transform: translateY(0px); transform: translateY(0px); } /*.list .foot .statics{ z-index: 100; visibility:visible; position: absolute; text-align: left;width: 270px; height:35px; line-height:35px; top: 10px; overflow:hidden;text-shadow:1px 1px 1px #000;padding-left: 40px;padding-right: 0px;box-sizing: border-box; } .list .foot .statics .last{border-right:0;margin-right:0} .list .foot .statics a{border-right:0px solid #eee;display:inline-block;margin:0;color:#fff; font-size: 12px;} .list .foot .statics a.download em{color:#fff;} .list .foot .statics a.comment em{color:#fff} .list .foot .statics a.scores em{color:#fff;} .list .foot .statics a.modalnum em{color:#666} .list .foot .statics a.citecommon em{font-family:arial;font-weight:700;margin-right:0px} .list .foot .statics a.citecommon i{font-size: 12px;margin: 0 2px 0 0;color: #fff;}*/ .list .foot .statics_two .last{border-right:0;margin-right:0} .list .foot .statics_two a{border-right:0px solid #eee;display:inline-block;margin:0;color:#fff; font-size: 12px;} .list .foot .statics_two a.download {margin-right:5px; margin-left:5px;} .list .foot .statics_two a.download em{color:#fff;} .list .foot .statics_two a.comment em{color:#fff} .list .foot .statics_two a.scores {margin-left: 5px; margin-right: 5px;} /*.list .foot .statics_two a.scores {margin-left: 3px; margin-right: 40px;float: right;} .list .foot .statics_two a.scores_2 {margin-left: 3px; margin-right: 53px;float: right;}*/ .list .foot .statics_two a.scores em{color:#fff;} .list .foot .statics_two a.modalnum em{color:#666} .list .foot .statics_two a.citecommon em{font-family:arial;margin-right:0px} .list .foot .statics_two a.citecommon i{font-size: 12px;margin: 0 2px 0 0;color: #fff;} /*.list .foot .statics_two a.cate-tip {margin-left: 40px;float: left; width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .list .foot .statics_two a.cate-tip_2 {margin-left: 40px;float: left; width: 85px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} */ /*.list .foot .statics_two .cate-tip { background: url(../image/icon_mark.png) no-repeat 10px 50% #000; line-height: 34px; position: absolute; padding-left: 25px; box-sizing: border-box; top: 0px; left: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.33, 0, 0.2, 1); transition: transform 0.2s cubic-bezier(0.33, 0, 0.2, 1); }*/ #footer{background:none repeat scroll 0 0 #fff;margin:20px 0 0; border-top: #e1e1e1 solid 2px; background: #ffffff url(../images/b_bg_foot.jpg) repeat-x top;} #footer .footer_main{width:1215px;margin:0 auto}#footer li{padding:5px 0;color:gray}#footer a{color:gray}#footer .guide,#footer .stores,#footer .rebate,#footer .follow{border-right:1px dashed #eaeaea;float:left;margin:0 20px 17px 0;padding:5px 0 0 50px;position:relative}#footer .follow{border-right-width:0;margin-right:0}#footer .guide .guide_icon,#footer .stores .guide_icon,#footer .rebate .guide_icon,#footer .follow .follow_icon{background:url("../images/icons20141021.png") no-repeat scroll 0 -97px}#footer .guide .guide_icon,#footer .stores .guide_icon,#footer .rebate .guide_icon,#footer .follow .guide_icon,#footer .guide .stores_icon,#footer .stores .stores_icon,#footer .rebate .stores_icon,#footer .follow .stores_icon,#footer .guide .rebate_icon,#footer .stores .rebate_icon,#footer .rebate .rebate_icon,#footer .follow .rebate_icon,#footer .guide .follow_icon,#footer .stores .follow_icon,#footer .rebate .follow_icon,#footer .follow .follow_icon{height:36px;left:2px;position:absolute;top:2px;width:36px}#footer .guide,#footer .stores,#footer .rebate,#footer .follow{width:208px}#footer .follow .follow_icon{background:url("../images/s2.png") no-repeat scroll 0 -944px}#footer .stores .stores_icon{background:url("../images/s.png") no-repeat scroll 0 -45px}#footer .rebate .rebate_icon{background:url("../images/s.png") no-repeat scroll 0 -150px}#footer .guide strong,#footer .stores strong,#footer .rebate strong,#footer .follow strong{color:#404040;font-size:14px} #footer .friendly{clear:both;text-align:center;height: 90px;color: #888; line-height: 30px; margin-top: 30px;} .foot_menu{margin:20px 0px 30px 0px;}#footer .friendly a{margin:0 8px}#footer .friendly strong{font-weight:normal;color:#555}#footer .address{color:#555}#footer .link_exchange{text-align:left} /*.breadcrumbs{height:36px;line-height:3.0;color:#999;padding:0 0 0 22px; box-sizing: border-box; background:url(../images/icon24x24.png) no-repeat 0 -173px;width:840px;margin:5px auto 0}*/ .breadcrumbs a{color:#5e5e5e}.breadcrumbs span{margin:0 2px} .detail{width:840px;background-color:#FFF;overflow:hidden; float: left;display: inline; margin-top: 20px;} .detail .head{border-bottom:1px solid #eff3f5;height:55px;padding:0px 0} .detail .head .head_inner,.detail .content .detail_content{width:840px;margin:0 auto} .detail .content a,.comment_listBox a{font-size:14px;}.detail a:hover{color:#10c55b} .detail .content .detail_content p{line-height:24px;margin:6px auto;text-indent:2em} .detail .content .detail_content h4{font-size:14px;height:36px;line-height:36px;margin:0} .detail .content .detail_content pre{border:1px solid #d7d7d7;background:#fafafa;border-left-width:5px;padding:4px;margin:6px auto;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.detail .content .buttons{text-align:center} .detail .head h1{font-size:20px;font-family:"微软雅黑","黑体";font-weight:normal}.detail .head .info{margin:4px 0 0 0;color:#999;height:26px}.detail .head .info a{color:#999}.detail .head .info .addtime{margin:0 10px}.detail .content{margin:20px auto 15px;width:840px}.detail .content p{line-height:24px;margin:6px auto;text-indent:2em;word-wrap:break-word;word-break:break-all}.detail .content h3{font-size:14px;line-height:36px}.detail .content .big_image{text-align:center}.detail .content .description h3{border-bottom:1px solid #ddd}.detail .content .description h3 a{float:right;font-weight:normal;margin:5px 0 0}.detail .content .buttons .btnbox{display:inline-block;width:229px;margin:0 15px;padding:20px 0 0 0}.detail .content .buttons .btnbox .bigbtn{background:url(../images/bigbtn.png) no-repeat;width:229px;height:57px;line-height:99em;overflow:hidden;display:block}.detail .content .buttons .btnbox .demo{background-position:0 0}.detail .content .buttons .btnbox .demo:hover{background-position:-229px 0}.detail .content .buttons .btnbox .download{background-position:0 -57px}.detail .content .buttons .btnbox .download:hover{background-position:-229px -57px}.detail .content .buttons .btnbox span{background:url(../images/tieicon.png) no-repeat;display:block;padding:0 0 0 20px;text-align:left;font-size:14px;color:#5e5e5e;margin:15px 0 0 45px}.detail .content .buttons .btnbox span strong{font-weight:800;font-size:18px;margin-right:5px}.detail .content .buttons .btnbox span.dlnum{background-position:0 -89px}.detail .content .buttons .btnbox span.dlcount{background-position:0 -65px}.detail .tagged_with{height:38px}.detail .tagged_with a{margin-right:15px} .detail .head h1 a{font-size:20px;font-family:"微软雅黑","黑体";font-weight:normal} .detail .head_title h1 strong { display: inline-block; white-space: nowrap; font-size: 20px; color: #2c3e50; font-weight: bold; line-height: 55px; } .sidebar{background: #fdfdfd;float:right;width:305px;display: inline; margin-top: 40px;box-shadow: 0 0 3px rgba(0,0,0,.1);} .icon_fans{width:90px;height:33px;right:0;top:0;display:inline-block;position:absolute;background:url("../images/icon_fans.png") no-repeat scroll 0 0} .icon_recommend{z-index: 99; width:52px;height:52px;right:0;top:0;display:inline-block;position:absolute;background:url("../images/original.png") no-repeat scroll 0 0} .icon_original{z-index: 101; width:56px;height:56px;left:-4px;top:-4px;display:inline-block;position:absolute;background:url("../images/icon-feature.png") no-repeat scroll -55px -15px} .btn{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background-color:#10c55b;color:#fff;display:inline-block;height:28px;line-height:28px;text-align:center;width:72px;transition:background-color .2s linear 0s;border:0;cursor:pointer} .btn:hover{opacity:.9;filter:alpha(opacity=90); color: #fff;} .button3{display:inline-block;text-decoration:none;font:bold 12px/12px HelveticaNeue,Arial;padding:8px 11px;color:#555;border:1px solid #dedede;cursor:pointer}.button3.white{background:#f5f5f5;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f0f0f0');background:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#f0f0f0));background:-moz-linear-gradient(top,#f9f9f9,#f0f0f0);border-color:#dedede #d8d8d8 #d3d3d3;color:#555;text-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb;-moz-box-shadow:0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb;box-shadow:0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb;border-radius:1.3em;-moz-border-radius:1.3em;-webkit-border-radius:1.3em}.button3.white:hover{border-color:#c7c7c7 #c3c3c3 #bebebe;text-shadow:0 1px 0 #fdfdfd;-webkit-box-shadow:0 1px 1px #ebebeb,inset 0 1px 0 #f3f3f3;-moz-box-shadow:0 1px 1px #ebebeb,inset 0 1px 0 #f3f3f3;box-shadow:0 1px 1px #ebebeb,inset 0 1px 0 #f3f3f3}.window_box{width:480px;background-color:#fff} .window_box .pop_close:hover{color:#f04848} .window_box .pop_close{background:url("../images/close.png") no-repeat scroll -116px -426px;display:block;height:11px;position:absolute;right:15px;top:24px;width:13px;cursor:pointer;z-index:1} /*.window_box .pop_close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}*/ .window_box .pop_title{border-bottom:1px solid #dcdcdc;height:60px;line-height:60px;overflow:hidden;padding:0 20px;position:relative}.window_box .pop_title .pop_name{float:left;font-family:"Microsoft YaHei";font-size:20px}.window_box .pop_title a.a_underline{float:right;font-size:12px} .window_box .pop_content{font-size:12px;padding:0 110px 40px; box-sizing: border-box;} .form_item{margin:15px auto;position:relative}.item_tip{background-color:#fff;color:#999;font-size:12px;left:12px;padding:0 3px;position:absolute;top:10px;transition:all .2s linear 0s} .form_input{border:1px solid #dcdcdc;border-radius:5px;font-size:12px;padding:9px 10px;transition:border-color .15s ease-in-out 0s;width:317px} .form_input-focus{border-color:#10c55b;outline:0 none}.item_tip_focus{color:#10c55b;font-size:12px;top:-8px} .two_weeks{clear:both;height:25px;margin-bottom:10px;overflow:hidden;padding-top:10px} .two_weeks .loginbox_reg{margin-left:126px} .two_weeks .forget_reg{margin-left:170px} .twoWeeks .forget_reg{margin-left:170px} .loginbox_reg_2{margin-left:15px; } .btnBig{width: 140px; height: 40px; line-height: 40px;} .notice_error,.notice_error2{color:#f46060;padding-bottom:10px;text-align:center} .two_weeks .ckeckBox{color:#999}.two_weeks label{color:#666;cursor:pointer;padding-right:26px}.modal_backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal_backdrop.fade{opacity:0}.modal_backdrop,.modal_backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)} .modal{display:none;position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;outline:0;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box} .modal_two{width: 1240px;margin-left: -630px;} .modal.fade{top:-25%;-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out} .modal.fade.in{top:12%} .detail_foot{width:840px;margin:35px auto;overflow:hidden}.comments .title{font-family:"Microsoft YaHei";font-size:18px;font-weight:normal;height:40px;line-height:40px;overflow:hidden}.comments .num_area{color:#999;font-size:12px;font-weight:normal}.comments .comment_send{font-size:12px;position:relative;padding:20px 0;border-top:1px solid #dcdcdc}.comment_avatar{float:left;width:60px;text-align:center}.userPic{display:block}.comments .comment_send .userPic{height:60px;margin-right:20px;width:60px}.userPic img{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%} .textarea_comment{resize: none;width:738px;border:1px solid #dcdcdc;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;color:#ccc;font-size:12px;height:60px;line-height:20px;margin-bottom:10px;padding:10px;overflow:hidden}.comments .comment_sendPart{padding-left:80px;position:relative}.comments .btn_p{position:relative}.comment_send .comment_tip{top:36px;position:absolute;right:180px;font-size:12px;height:0;overflow:hidden;color:#f04848}.comment_wrap .comment_tip{top:29px;position:absolute;right:120px;font-size:12px;height:0;overflow:hidden;color:#f04848}.comments span.emotion{background:url("../images/emot.gif") no-repeat scroll 2px 2px;cursor:pointer;height:20px;padding-left:20px;width:42px}span.emotion:hover{background-position:2px -28px}.btn_p .btn_subGrey{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;color:#fff;font-size:14px;height:40px;text-align:center;width:150px;border:0;float:right}.comment_list{border-bottom:1px solid #dcdcdc;margin-bottom:16px;padding-bottom:20px}.comment_list .comment_avatar{font-size:12px;padding-right:16px;position:relative;text-align:center;width:36px;float:left}.comment_list .userPic{height:36px;margin-bottom:4px;width:36px}.grey{color:#999} .comment_conBox{color:#666;float:left;width:830px}.comment_conBox img{position:relative;top:2px}.comment_avatar_time{overflow:hidden;height:26px}.comment_avatar_time .time{float:right;margin-top:2px}.time{color:#999;font-size:12px}.blockquote_wrap{margin-bottom:10px;padding-top:8px}.comment_blockquote{background-color:#f8f8f8;border:1px solid #dcdcdc;margin-top:-1px;padding:15px 19px}.reply_area{display:none}.reply_area textarea{height:40px;margin:5px 0 12px;padding:5px;width:688px;color:#666}.reply_area .btn{width:70px;height:28px;font-size:12px;line-height:26px}.comment_floor{color:#999;float:right;margin:-14px -12px 0 0}.comment_con{overflow:hidden;padding-right:15px;width:650px}.comment_con p{display:inline;word-break:break-all;word-wrap:break-word}.comment_action{text-align:right;float:right}.comment_action a,.comment_action_sub a{color:#999;font-size:12px;padding-left:12px;text-decoration:none} .smileBoxOuter{background-color:#f5f5f5;border:1px solid #dcdcdc;clear:both;height:176px;padding:12px;position:absolute;width:386px;display:none;z-index:800}ul.smileBox{width:386px;height:140px}ul.smileBox li{width:36px;height:36px;float:left;margin:-1px 0 0 -1px;padding:0;border-bottom:0}ul.smileBox li a{background:url(../images/static.gif) no-repeat #fff;width:34px;height:34px;display:block;border:1px solid #dcdcdc}ul.smileBox li a:hover{border:1px solid #f04848;background-color:#f9f9f9;position:relative;z-index:2}ul.smileBox li a.smile2{background-position:-34px 0}ul.smileBox li a.smile3{background-position:-68px 0}ul.smileBox li a.smile4{background-position:-102px 0}ul.smileBox li a.smile5{background-position:-136px 0}ul.smileBox li a.smile6{background-position:-170px 0}ul.smileBox li a.smile7{background-position:-204px 0}ul.smileBox li a.smile8{background-position:-238px 0}ul.smileBox li a.smile9{background-position:-272px 0}ul.smileBox li a.smile10{background-position:-306px 0}ul.smileBox li a.smile11{background-position:-340px 0}ul.smileBox li a.smile12{background-position:-374px 0}ul.smileBox li a.smile13{background-position:-408px 0}ul.smileBox li a.smile14{background-position:-442px 0}ul.smileBox li a.smile15{background-position:-476px 0}ul.smileBox li a.smile16{background-position:-510px 0}ul.smileBox li a.smile17{background-position:-544px 0}ul.smileBox li a.smile18{background-position:-578px 0}ul.smileBox li a.smile19{background-position:-612px 0}ul.smileBox li a.smile20{background-position:-646px 0}ul.smileBox li a.smile21{background-position:-680px 0}ul.smileBox li a.smile22{background-position:-714px 0}ul.smileBox li a.smile23{background-position:-748px 0}ul.smileBox li a.smile24{background-position:-782px 0}ul.smileBox li a.smile25{background-position:-816px 0}ul.smileBox li a.smile26{background-position:-850px 0}ul.smileBox li a.smile27{background-position:-884px 0}ul.smileBox li a.smile28{background-position:-918px 0}ul.smileBox li a.smile29{background-position:-952px 0}ul.smileBox li a.smile30{background-position:-986px 0}ul.smileBox li a.smile31{background-position:-1020px 0}ul.smileBox li a.smile32{background-position:-1054px 0}ul.smileBox li a.smile33{background-position:-1088px 0}ul.smileBox li a.smile34{background-position:-1122px 0}ul.smileBox li a.smile35{background-position:-1156px 0}ul.smileBox li a.smile36{background-position:-1190px 0}ul.smileBox li a.smile37{background-position:-1224px 0}ul.smileBox li a.smile38{background-position:-1258px 0}ul.smileBox li a.smile39{background-position:-1292px 0}ul.smileBox li a.smile40{background-position:-1326px 0}ul.smileBox li a.smile41{background-position:-1360px 0}ul.smileBox li a.smile42{background-position:-1394px 0}ul.smileBox li a.smile43{background-position:-1428px 0}ul.smileBox li a.smile44{background-position:-1462px 0}ul.smileBox li a.smile45{background-position:-1496px 0}ul.smileBox li a.smile46{background-position:-1530px 0}ul.smileBox li a.smile47{background-position:-1564px 0}ul.smileBox li a.smile48{background-position:-1598px 0}ul.smileBox li a.smile49{background-position:-1632px 0}ul.smileBox li a.smile50{background-position:-1668px 0}ul.smileBox li a.smile51{background-position:-1702px 0}ul.smileBox li a.smile52{background-position:-1736px 0}ul.smileBox li a.smile53{background-position:-1768px 0}ul.smileBox li a.smile54{background-position:-1802px 0}ul.smileBox li a.smile55{background-position:-1836px 0}ul.smileBox li a.smile56{background-position:-1870px 0}ul.smileBox li a.smile57{background-position:-1904px 0}ul.smileBox li a.smile58{background-position:-1938px 0}ul.smileBox li a.smile59{background-position:-1972px 0}ul.smileBox li a.smile60{background-position:-2006px 0}ul.smileBox li a.smile61{background-position:-2040px 0}ul.smileBox li a.smile62{background-position:-2074px 0}ul.smileBox li a.smile63{background-position:-2108px 0}ul.smileBox li a.smile64{background-position:-2142px 0}ul.smileBox li a.smile65{background-position:-2176px 0}ul.smileBox li a.smile66{background-position:-2210px 0}ul.smileBox li a.smile67{background-position:-2244px 0}ul.smileBox li a.smile68{background-position:-2278px 0}ul.smileBox li a.smile69{background-position:-2312px 0}ul.smileBox li a.smile70{background-position:-2346px 0}ul.smileBox li a.smile71{background-position:-2380px 0}ul.smileBox li a.smile72{background-position:-2414px 0}ul.smileBox li a.smile73{background-position:-2448px 0}ul.smileBox li a.smile74{background-position:-2482px 0}ul.smileBox li a.smile75{background-position:-2516px 0}ul.smileBox li a.smile76{background-position:-2550px 0}ul.smileBox li a.smile77{background-position:-2584px 0}ul.smileBox li a.smile78{background-position:-2618px 0}ul.smileBox li a.smile79{background-position:-2652px 0}ul.smileBox li a.smile80{background-position:-2686px 0}ul.smileBox li a.smile81{background-position:-2720px 0}ul.smileBox li a.smile82{background-position:-2754px 0}ul.smileBox li a.smile83{background-position:-2788px 0}ul.smileBox li a.smile84{background-position:-2822px 0} .smilePage{text-align:right;width:384px;line-height:24px;padding-top:12px}.smilePage a{display:inline-block;width:24px;height:24px;margin-left:10px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}.smilePage a:hover,.smilePage a.current{background-color:#f04848;color:#fff;font-weight:bold;text-decoration:none}.pagination{text-align:center;margin:20px 0;overflow:hidden}.pagination li{display:inline;min-width:24px;height:24px;line-height:24px;padding-right:10px;color:#10c55b}.pagination li.jumpToPage{color:#999;padding-left:10px}.pagination a{display:inline-block;padding:0 8px;color:#10c55b}.pagination a:hover,.pagination .pageCurrent,.pagination .pageCurrent:hover{background-color:#f04848;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;color:#fff;font-weight:bold}.pagination .pageup a:hover,.pagination .pagedown a:hover{background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;color:#10c55b;font-weight:normal;text-decoration:underline}.pagination .noClick a,.pagination .noClick a:hover{background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;color:#999;font-weight:normal;text-decoration:none}.pagination span{font-family:"SimSun";font-size:12px}.input_num{height:22px;line-height:22px;border:1px solid #dcdcdc;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;padding:0 5px;color:#666;width:26px;margin:0 5px}.pagination .a_jumpTo{width:36px;height:24px;line-height:24px;background-color:#f04848;color:#fff;padding:0;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}.pagination .a_jumpTo:hover{font-weight:normal}.searchReslut_nav{padding-top:10px;overflow:hidden}.searchReslut_nav li{display:inline;padding-right:30px;height:39px;line-height:39px}.searchReslut_nav li h2{display:inline;font-size:14px;font-weight:normal}.searchReslut_nav li.selected_nav{float:right;padding-right:0}.searchReslut_nav li.selected_nav h1{font-size:14px}.searchReslut_nav li a{display:inline-block;height:37px;color:#333}.searchReslut_nav li a:hover{color:#10c55b}.searchReslut_nav li.current_nav a,.searchReslut_nav li.current_nav a:hover{border-bottom:2px solid #f04848;font-weight:bold;color:#333}.searchReslut_nav li span{color:#999;font-size:12px;font-weight:normal}.bshare{float:right;margin:3px 0 0}.banner{height:250px;position:relative;overflow:hidden;width:600px;float:right}.banner img{width:600px;height:250px}.banner .banner_page{position:absolute;right:5px;bottom:10px}.banner .banner_page_btn{background-image:url("../images/slider_bn_bg.png");width:30px;height:75px;position:absolute;top:85px;z-index:9998;display:none}.banner .banner_page_left{background-position:0 0;left:0}.banner .banner_page_left:hover{background-position:-30px 0}.banner .banner_page_right{background-position:0 -75px;right:0}.banner .banner_page_right:hover{background-position:-30px -75px}.banner_page a{width:20px;height:20px;line-height:19px;display:inline-block;background-color:#999;color:#FFF;text-align:center;margin-right:7px;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px}.banner_page a.current,.banner_page a:hover{background-color:#fe4800;text-decoration:none}.merchant_cats{width:180px;border:1px solid #ddd;position:relative;background-color:#fff}.merchant_cats .head{background-color:#f9f9f9;height:34px;line-height:34px;border-bottom:1px solid #eee}.merchant_cats .head h3{color:#666;font-size:16px;font-weight:normal;margin-left:17px}.merchant_cats .content{padding:5px 0;font-size:14px}.merchant_cats .content a{height:30px;line-height:30px;padding:2px 22px 2px 24px;vertical-align:middle;display:block;position:relative;color:#484848;font-size:14px}.merchant_cats .content a span{-webkit-transition:-webkit-transform .2s linear;-moz-transition:-moz-transform .2s linear;-o-transition:-o-transform .2s linear;transition:transform .2s linear;display:inline-block}.merchant_cats .content a:hover span{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);-ms-transform:translateX(8px);-o-transform:translateX(8px);transform:translateX(8px)}.merchant_cats .content a.on{background-color:#f7ffe7}.merchant_cats .content .icon_merchant{background-image:url("../images/classification_cion.png");display:inline-block;width:15px;height:22px;vertical-align:middle;margin-right:8px;position:relative}.merchant_cats .content .icon_merchant_fire{bottom:4px;background:url("../images/classification_cion2.png") no-repeat scroll 0 0}.merchant_cats .content .icon_merchant_mobile{bottom:4px;background:url("../images/classification_cion2.png") no-repeat scroll 0 -27px}.merchant_cats .content .icon_merchant_js{bottom:4px;background:url("../images/classification_cion2.png") no-repeat scroll 0 -53px} .merchant_cats .content .icon_merchant_png{bottom:4px;background:url("../images/classification_cion2.png") no-repeat scroll 0 -75px}.merchant_cats .content .icon_merchant_typeface{bottom:4px;background:url("../images/classification_cion2.png") no-repeat scroll 0 -95px}.merchant_cats .content .icon_merchant_code{bottom:4px;background:url("../images/classification_cion2.png") no-repeat scroll 0 -119px}.merchant_cats .content .merchant_arrow{display:inline-block;float:right;margin:12px 0 0}.merchant_cats .content .merchant_arrow_right{background-image:url("../images/classification_cion.png");background-position:0 -309px;width:7px;height:10px}.merchant_cats .content .merchant_arrow_left{background:url("../images/classification_cion.png") no-repeat scroll 0 -330px;display:none;width:10px;height:19px;position:absolute;right:-1px;top:12px;z-index:9998}.index_left{width:782px} .sidebar_per{float:right;width:100%;height:445px;margin-bottom:12px} .sidebar .sidebar_per{width:100%;height:auto; padding-left: 10px; padding-right: 10px;padding-bottom: 10px; box-sizing: border-box;} .sidebar .bg_color { background: #f6f9fa; } .sidebar .sidebar_per dt a.more{margin-right:9px} .sidebar .sidebar_per dd.sidebar_articles {width:100%} .sidebar .sidebar_per dd.sidebar_articles_pic {width:100%} .sidebar .sidebar_per dd.sidebar_articles_pic li { float: left; width: 85px; overflow: hidden; padding: 0 5px 14px 5px; display: inline; text-align: center; } .sidebar .sidebar_per dd.sidebar_articles_pic li .pic { width: 80px; height: 85px; vertical-align: middle; display: block; text-align: center; overflow: hidden; border: 2px solid #FFF; box-sizing: border-box; -webkit-box-shadow: 0 0.1px 0.5px 0 rgba(0,0,0,.2); box-shadow: 0 0.1px 0.5px 0 rgba(0,0,0,.2); -webkit-border-radius: 4px; border-radius: 4px; background-color: #f9f9f9; } .sidebar .sidebar_per dd.sidebar_articles_pic li .pic .pic_s { width: 76px; height: 81px; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; } .sidebar .sidebar_per dd.sidebar_articles_pic li .pic img { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; border: 0; max-width: 100%; min-height: 100%; } .sidebar .sidebar_per dd.sidebar_articles_pic li .text { display: block; margin-top: 5px; line-height: 18px; width: 85px; height: 38px; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #555; } .sidebar .sidebar_per dd.sidebar_articles_pic li .text a { display: block; margin-top: 5px; width: 85px; line-height: 18px; height: 40px; text-overflow: ellipsis; overflow: hidden; } .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } dd.relatives_bottom {width:100%} dd.relatives_bottom li { float: left; width: 130px; overflow: hidden; padding: 0 5px 35px 5px; display: inline; text-align: center; } dd.relatives_bottom li .pic { width: 125px; height: 130px; vertical-align: middle; display: block; text-align: center; overflow: hidden; border: 2px solid #FFF; box-sizing: border-box; -webkit-box-shadow: 0 0.1px 0.5px 0 rgba(0,0,0,.2); box-shadow: 0 0.1px 0.5px 0 rgba(0,0,0,.2); -webkit-border-radius: 4px; border-radius: 4px; background-color: #f9f9f9; } dd.relatives_bottom li .pic .pic_s { width: 125px; height: 130px; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; } dd.relatives_bottom li .pic img { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; border: 0; max-width: 100%; min-height: 100%; } dd.relatives_bottom li .text { display: block; margin-top: 5px; line-height: 18px; width: 130px; height: 38px; text-overflow: ellipsis; overflow: hidden; font-size: 14px; } dd.relatives_bottom li .text a { display: block; margin-top: 5px; width: 130px; line-height: 18px; height: 40px; text-overflow: ellipsis; overflow: hidden; } .container .index_first{height:250px}.index_first .sidebar_first{height:243px;position:relative} .sidebar_per dt{height:40px; width: 100%;float: left; margin-top: 10px; margin-bottom: 10px;border-bottom: solid 1px #eff3f5;} .sidebar_per dt strong{color:#414141;display:inline-block;font-size:16px;margin:5px 9px 0;} .sidebar_per dt a{float:right;margin:11px 12px 0 0} .sidebar_per dd.sidebar_articles{background:url("../images/a.png") no-repeat scroll -178px -66px;height:20px;line-height:20px;margin:0 9px 9px 0px;overflow:hidden;padding-left:20px; box-sizing: border-box;} .sidebar_per dd.sidebar_articles a{display:block;width:215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .apply .btn{width:auto;padding:0 10px;text-decoration:none}.arrow-right-menu{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #f63;display:none;top:32px} .sidebar_per dd.sidebar_articles span{float:right;color:#ccc}span.more-sign{font-family:"SimSun"}.index_per{margin:12px 0 0;overflow:hidden}.sidebar_per dt strong .name-en{color:#ddd} .incatNav { width: 100%; /* height: 76px;*/ margin: 0 auto; position: relative; top: 0; left: 0px; } .incatNav-right { width: 85px; height: 33px; line-height: 33px; cursor: pointer; color: rgba(0,0,0,.43); text-align: left; float: right; margin-top: 0px; } .incatNav-right a { font-size: 14px; } .incatNav-left { float: left; height: 33px; width: 936px; /*font-size: 24px;*/ color: #666; padding-left: 10px; box-sizing:border-box; } .incatNav-left a { color: #10c55b; text-decoration: none; cursor: pointer; font-size: 24px; } .incatNav-left i { display: inline-block; height: 33px; margin-left: 24px; } .incatNav-leftTxt { height: 28px; float: left; margin-top: 15px; padding-left: 10px; box-sizing:border-box; } .incatNav-leftTxt a { display: block; float: left; height: 20px; font-size: 14px; color: #888; margin-right: 30px; } .incatNav-leftTxt a:hover { color: rgb(16, 197, 91); text-decoration: none; } .cat-hotmark-works { color: #888; width: 100%; height: 30px; background: #fbfafa; -webkit-border-radius: 8px; border-radius: 8px; margin-top: 20px; } .cat-hotmark-works-left { width: 110px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; float: left; display: inline-block; } .cat-hotmark-works-right { width: 1100px; height: 30px; line-height: 30px; overflow:hidden; text-align: left; font-size: 14px; float: right; display: inline-block; } .cat-hotmark-works-right a{ height: 30px; line-height: 30px; color: #888; margin-right: 30px; margin-left: 0px; display: inline-block; } .index_recommend{border:0px solid #e5e5e5;background-color:#fff;width:100%;margin-bottom:0px; margin-top: 45px; min-height:410px;overflow:hidden} .index_recommend .head{border-bottom:2px solid #bbb;height:40px;line-height:40px} .index_recommend .head strong{color:#666666;font-size:20px; font-weight: bold; margin-left:17px;width:115px;display:block;float:left} .index_recommend .head ul{float:left;width:1000px;} .index_recommend .head ul li{float:left; min-width:50px; height:40px;line-height:42px; margin-left: 20px; margin-right: 20px; font-size:14px;text-align:center;position:relative;cursor:pointer;color:#666}.index_recommend .head ul li:hover{color:#f63} .index_recommend .head ul li.current{border-bottom:2px solid #f63;color:#f63} .index_recommend .head ul li.current .arrow-up-menu{display:block;left:40%;top:35px}.index_recommend .head .more{float:right;font-size:12px;margin-right:10px;display:block;position:relative;top:1px}.more{color:#999} .index_recommend .content{width:100%;margin:0 0 0 0px;padding:0px 0 0} .index_recommend .content .per{display:none} .index_recommend .content .per.current{display:block} .index_recommend .content ul{float:left; margin-top: 7px;} .index_recommend .content ul li{float:left} /*.index_recommend .content .ul_pics{height:202px}*/ .index_recommend .content .ul_pics li{height:200px;margin:12px 6px 0px 5px;width:230px;overflow:hidden} .index_recommend .content .ul_pics .ul_pics_img{ width:209px;height:149px; vertical-align: middle; text-align: center; overflow:hidden; border: 8px solid #FFF; box-sizing: border-box; -webkit-box-shadow: 0 1.5px 5px 0 rgba(0,0,0,.2); box-shadow: 0 1.5px 5px 0 rgba(0,0,0,.2); -webkit-border-radius: 4px; border-radius: 4px; background-color: #f9f9f9; } .index_recommend .content .ul_pics .ul_pics_img .ul_pics_img_s{ width:193px;height:133px; display: table-cell; vertical-align: middle; text-align: center; overflow:hidden; } .index_recommend .content .ul_pics li a{color:#666;display:block;overflow:hidden;padding-left: 0px;padding-top: 0px;box-sizing: border-box;} .index_recommend .content .ul_pics li a:hover,.index_recommend .content ul.ul_words li a:hover,.sidebar_per dd a:hover{color:#10c55b} .index_recommend .content .ul_pics li a img:hover{opacity: .6;} /*.index_recommend .content .ul_pics li a img{height:100%;}*/ .index_recommend .content .ul_pics li a .heiht_class{height:100%;min-width: 100%} .index_recommend .content .ul_pics li a .width_class{width:100%;min-height: 100%} .index_recommend .content .ul_pics li.three{margin-right:0} .index_recommend .content ul.ul_words{ width: 100%; float: left; display: inline; margin-top: 10px; text-align: center; } .index_recommend .content ul.ul_words li{background:url("../images/a.png") no-repeat scroll -182px -94px;display:inline;float:left;height:22px;line-height:22px;margin:3px 14px 3px 0;overflow:hidden;padding-left:16px;width:210px} .index_recommend .content ul.ul_words li a{color:#666;display:block;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apply{text-align:center}.template_description{text-align:left;text-indent:2em} .template_feature{text-align:left;text-indent:0em;color:#959db1;border-bottom: 1px solid #d1dfe3;margin:4px 0;padding:6px 0px 6px 0px} .template_feature a{color:#959db1;font-weight: 500; } .feature{margin:0 20px 0 0; font-weight: bold;} .sitemap_li{float:left;width:190px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.description h4{padding:8px 0}pre{border:1px solid #d7d7d7;background:#fafafa;border-left-width:5px;padding:4px;margin:6px auto;font-size:12px;white-space:pre-wrap;word-wrap:break-word}.detail .content .demo_image{text-align:center} .detail .content .demo_image img{border:0px solid #d3d3d3;padding:0px;max-width:840px}.table_parameters{border-left:1px solid #d3d3d3;border-top:1px solid #d3d3d3;margin:6px auto}.table_parameters tr.tr_head{background:none repeat scroll 0 0 #f7f7f7;font-weight:bold;padding:6px;text-align:center}.table_parameters td{border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3;line-height:26px;padding:2px 2px 2px 5px} ul.ul_demo li{background:url("../images/demo_icon.gif") no-repeat scroll 0 6px;line-height:28px;padding-left:20px} .index_recommend .content .ul_pics .ul_words { color: #666; float: left; display:inline; padding-left: 8px; padding-right: 10px; margin-bottom: 5px; width: 85%; height: 30px; line-height: 30px; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .detail .content .table_parameters p{text-indent:0} .like_merge{height:32px;right:6px;overflow:hidden;position:absolute;top:27px;width:115px;display:none} .like_merge .poster_forward,.like_merge .poster_likes,.like_merge .poster_del,.like_merge .poster_dellike{background:linear-gradient(#fffcfc,#f3f0f0) repeat scroll 0 0;border:1px solid #d6d6d1;border-radius:3px;cursor:pointer;font-size:14px;height:30px;line-height:30px;margin-right:2px;overflow:hidden;padding:0 5px;text-align:center} .lm_love,.lm_love2,.lm_comm,.lm_shouji,.lm_like,.lm_liked,.jb_like{background:url("../images/mls_global140607.png") no-repeat scroll 0 0;height:12px} .lm_like{background-position:-101px -65px;padding:0 8px;margin-right:3px} .jb_like{background-position:-81px -65px;padding:0 10px;margin-right:3px} .lm_liked{background-position:-127px -65px;padding:0 8px;margin-right:3px} .lm_shouji{background-position:-158px -66px;padding:0 6px}.like_merge .poster_likes{line-height:32px} #index_recommend_0 .content .ul_pics{height:430px} #index_recommend_1 .content .ul_pics{height:430px} #index_recommend_3 .content .ul_pics{height:430px} .recommend_pic_small .content .ul_pics li{ width: 215px; height:190px; padding: 10px 5px 0; box-sizing: border-box; margin:12px 18px 15px 10px; background: #fff; -webkit-box-shadow: 0 1.5px 5px 0 rgba(0,0,0,.2); box-shadow: 0 1.5px 5px 0 rgba(0,0,0,.2); -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all .28s; -moz-transition: all .28s; transition: all .28s; } .recommend_pic_small .content .ul_pics li .ul_pics_img_0_s a{ color:#666; width:198px; height:138px; overflow:hidden; /*display: table-cell;*/ vertical-align: middle; text-align: center; padding: 0px; background-color: #fafafa; display: block; } .recommend_pic_small .content .ul_pics .ul_pics_img_0{ width:198px; height:138px; margin-left: 3px; vertical-align: middle; text-align: center; overflow:hidden; } .recommend_pic_small .content .ul_pics .ul_pics_img_0 .ul_pics_img_0_s{ /* width:260px;height:206px;*/ width:198px; height:138px; display: table-cell; vertical-align: middle; text-align: center; overflow:hidden; } .recommend_pic_small .content .ul_pics li a:hover{color:#10c55b;} .recommend_pic_small .content .ul_pics li a img:hover{opacity: .8;} .recommend_pic_small .content .ul_pics .ul_words { color: #666; float: left; display:inline; padding-left: 8px; padding-right: 10px; width: 90%; height: 30px; line-height: 30px; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } #index_recommend_2 .content .ul_pics{height:390px} #index_recommend_2 .content .ul_pics li{ /*width:290px; height:360px; padding: 7px; box-sizing: border-box; margin:12px 5px 0px 5px; border:0px solid #ddd; background-color: #f8f8f8; text-align: center; overflow: hidden;*/ width: 280px; height:365px; padding: 10px 8px 0; box-sizing: border-box; margin:12px 18px 0px 5px; background: #fff; -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,.16); box-shadow: 0 4px 6px 0 rgba(0,0,0,.16); -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 10px; -webkit-transition: all .28s; -moz-transition: all .28s; transition: all .28s; } #index_recommend_2 .content .ul_pics li .ul_pics_img_2_s a{ color:#666; width:260px; height:306px; overflow:hidden; /*display: table-cell;*/ vertical-align: middle; text-align: center; padding: 0px; background-color: #fafafa; display: block; } #index_recommend_2 .content .ul_pics .ul_pics_img_2{ width:260px; height:306px; margin-left: 3px; vertical-align: middle; text-align: center; overflow:hidden; } #index_recommend_2 .content .ul_pics .ul_pics_img_2 .ul_pics_img_2_s{ width:260px;height:306px; display: table-cell; vertical-align: middle; text-align: center; overflow:hidden; } #index_recommend_2 .content .ul_pics li a:hover{color:#10c55b;} #index_recommend_2 .content .ul_pics li a img:hover{opacity: .8;} /*#index_recommend_2 .content .ul_pics li a img{width: 100%;}*/ #index_recommend_2 .content .ul_pics .ul_words { color: #666; float: left; display:inline; padding-left: 8px; padding-right: 10px; width: 90%; height: 30px; line-height: 30px; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } /* #index_recommend_3 .content .ul_pics .ul_pics_img_3{ width:209px;height:149px; vertical-align: middle; text-align: center; overflow:hidden; border: 8px solid #FFF; box-sizing: border-box; -webkit-box-shadow: 0 1.5px 5px 0 rgba(0,0,0,.2); box-shadow: 0 1.5px 5px 0 rgba(0,0,0,.2); -webkit-border-radius: 4px; border-radius: 4px; background-color: #f9f9f9; } #index_recommend_3 .content .ul_pics .ul_pics_img_3 .ul_pics_img_3_s{ width:193px;height:133px; display: table-cell; vertical-align: middle; text-align: center; overflow:hidden; } #index_recommend_3 .content .ul_pics li{ padding-left: 5px; padding-top: 5px; box-sizing: border-box; } #index_recommend_3 .content .ul_pics li a{ color:#666; width:228px; height:158px; overflow:hidden; padding-left: 0px;padding-top: 0px; vertical-align: middle; text-align: center; background-color: #fafafa; display: block; } #index_recommend_3 .content .ul_pics li a:hover{color:#10c55b;} #index_recommend_3 .content .ul_pics li a img:hover{opacity: .8;} #index_recommend_3 .content .ul_pics .ul_words { color: #666; float: left; display:inline; padding-left: 8px; padding-right: 10px; margin-bottom: 5px; width: 85%; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }*/ #index_recommend_4 .content .ul_pics{margin-top: 0px;} #index_recommend_4 .content .ul_pics li{ /*height:230px;margin:12px 5px 0px 5px; width:290px; border:0px solid #ddd; background-color: #f8f8f8; text-align: center; overflow: hidden; padding: 7px; box-sizing: border-box;*/ /* width: 272px; height: 230px;*/ -webkit-box-shadow: 0 0 9px 3px rgba(191,191,191,.5); box-shadow: 0 0 9px 3px rgba(191,191,191,.5); float: left; /* margin:0px 21px 35px 10px;*/ } #index_recommend_4 .content .ul_pics .ul_pics_img_4{ width:271px; height:185px; vertical-align: middle; text-align: center; overflow:hidden; } #index_recommend_4 .content .ul_pics .ul_pics_img_4 .ul_pics_img_4_s{ width:271px;height:185px; display: table-cell; vertical-align: middle; text-align: center; overflow:hidden; } #index_recommend_4 .content .ul_pics li .ul_pics_img_4_s a{ color:#666; overflow:hidden; width: 100%; height: 185px; background-color: #fdfdfd; padding-left: 1px; padding-top: 1px; /*display: table-cell;*/ vertical-align: middle; text-align: center; display: block; } #index_recommend_4 .content .ul_pics li a:hover{color:#10c55b;} #index_recommend_4 .content .ul_pics li a img:hover{opacity: .8;} #index_recommend_4 .content .ul_pics .ul_words { color: #666; float: left; display:inline; padding-left: 8px; padding-right: 10px; margin-bottom: 5px; width: 90%; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .txheight{ /*height: 400px;*/ margin-top: 35px; } .ymheight{ height: 430px; } .sjheight{ height: 735px; } .subnav_style{ /* position:absolute;*/ position:relative; font: 0px/0px sans-serif; clear: both; display: block; height: 1px; overflow: hidden; top: -25px; } .declare{color:#959db1;background: #f6f9fa;border: 1px solid #d1dfe3;margin:4px 0;padding:6px} .declare a{color:#959db1; font-size: 14px;} .page_nav a{color: #2c3e50;font-weight: bold; font-size: 15px;} .declare span{font-weight:bold} .page_nav{height:26px;line-height:26px;margin:10px auto;padding:4px 2px} .pre_page{overflow:hidden;padding-left:0px;white-space:nowrap;width:360px;text-overflow:ellipsis} .next_page{float:right;overflow:hidden;padding-right:0px;text-align:right;white-space:nowrap;width:360px;text-overflow:ellipsis}.alipay{margin-top:10px}.alipay_img img{width:150px}.sidebar_tags a{background-color:#428bca;color:#fff;display:inline-block;line-height:21px;margin:0 5px 5px 0;opacity:.8;padding:0 6px}.sidebar_tags{padding:3px 0 8px 16px}.sidebar_tags a:nth-child(9n){background-color:#4a4a4a}.sidebar_tags a:nth-child(9n+1){background-color:#428bca}.sidebar_tags a:nth-child(9n+2){background-color:#5cb85c}.sidebar_tags a:nth-child(9n+3){background-color:#d9534f}.sidebar_tags a:nth-child(9n+4){background-color:#567e95}.sidebar_tags a:nth-child(9n+5){background-color:#b433ff}.sidebar_tags a:nth-child(9n+6){background-color:#00aba9}.sidebar_tags a:nth-child(9n+7){background-color:#b37333}.sidebar_tags a:nth-child(9n+8){background-color:#10c55b}.sidebar_tags a{opacity:.80;filter:alpha(opacity=80);color:#fff;background-color:#428bca;display:inline-block;margin:0 5px 5px 0;padding:0 6px;line-height:21px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}.sidebar_per .sidebar_tags a:hover{opacity:1;filter:alpha(opacity=100);text-decoration:none;color:#fff}.tag_head{background-color:#f7f7f7;border-bottom:1px solid #dcdcdc;padding:10px 20px}.tag_head h1{font-size:18px;color:#333;font-weight:normal}.tag_head h1 strong{color:#10c55b;font-weight:normal}.rechose{background:url("../images/icon_conditions.png") no-repeat scroll 0 -63px;float:right;margin:6px 0 0;padding-left:20px}.ul_foot a{display:inline-block;width:100px}.disabled{opacity:.6;filter:alpha(opacity=60);cursor:default}.disabled:hover{opacity:.6;filter:alpha(opacity=60);cursor:default} .setting-verify{padding:30px 60px 120px;text-align:center} .setting-verify h1{font-size:18px} .setting-verify p{font-size:20px;margin:14px 0 20px} .setting-verify2{padding:30px 30px 120px; text-align:center; float: left;display: inline; margin-left: 80px;} .setting-verify2 .verified-status2{text-align:center;} .setting-verify2 h1{font-size:18px} .setting-verify2 p{font-size:20px;margin:0px 0 5px; height: 25px;} .setting-verify2 div.mail-pic{background:url("../images/mail_pic.png") no-repeat scroll 0 0; background-size: 100px; display:inline-block;height:100px;margin-bottom:10px;width:100px} .setting-verify2 div.phone-pic{background:url("../images/phone_pic.png") no-repeat scroll 0 0; background-size: 100px; display:inline-block;height:100px;margin-bottom:10px;width:100px} .input-gray{background-color: #eeeeee;} .verified-status{color:#2ea7e0} .verified-status i{background:url("../images/validmail-icon.png") no-repeat scroll 0 0;display:inline-block;height:60px;margin-bottom:10px; margin-top: 10px; width:60px} .verified-status2 i{background:url("../images/validmail-icon2.png") no-repeat scroll 0 0;display:inline-block;height:60px;margin-bottom:10px; margin-top: 10px; width:60px} .setting-verify .verify-un{color:#fcb700;display:inline-block;padding-bottom:6px;}.setting-verify .btn{font-size:14px;height:40px;line-height:40px;width:160px;margin-top:20px} .btn-green{ background-color:#10c55b; margin-top: 10px; font-size: 14px;} .btn-green:hover{background-color:#10c55b}.setting-verify .btn-blue{background-color:#58b9e6;color:#fff;margin-left:15px}.setting-verify .btn-blue:hover{background-color:#2ea7e0}.setting-resetpwd{margin:0;padding:30px 60px 60px 70px}.wlfg-wrap .label-name{color:#656e73;float:left;font-size:14px;height:40px;line-height:40px;text-align:right;width:120px}.wlfg-wrap .btn-green{font-size:14px;height:40px;line-height:40px;width:160px} .rlf-tip-wrap .error{background:url("../images/rl-sprite.png") no-repeat scroll -108px -939px;color:#be3948;padding-left:15px} .rlf-tip-wrap{font-size:12px;/*height:30px;*/position:relative;top:10px;left:10px}.detail .head .info a.collection-btn{margin:0 0 0 4px;position:relative;top:1px}.detail .head .info a.collection-btn:hover{text-decoration:none} .mmsg-box{border:2px solid #fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,0.1);left:50%;position:fixed;top:50%;z-index:9999;display:none} .mmsg-content{color:#fff;font-size:18px;padding:10px 20px 10px 47px} #msg-box-content{color:#fff;} .mmsg-icon{background:url("../images/msgbox-sprite.png") no-repeat scroll 0 0;height:30px;left:10px;position:absolute;top:10px;width:30px} .mmsg-box-info .mmsg-icon{background-position:0 -40px} .mmsg-box-info .mmsg-background{background:none repeat scroll 0 0 #10c55b;bottom:0;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:-1} .info .poster_likes{margin-left:5px}.comment_action_sub{visibility:hidden;float:right;text-align:right} .blockquote_wrap .reply_area textarea{width:649px} .order-page{position:absolute;right:0;top:10px;z-index:1} .order-page .find_results_num{display:inline-block;text-align:right;width:205px} .order-page .page-small{display:inline-block;margin-right:5px;text-align:right;width:160px} .order-page a.page-btn{border:1px solid #ddd;display:inline-block;height:22px;margin:0 5px;position:relative;vertical-align:middle;width:22px} .order-page .arrow-left-none{border-right:5px solid #ccc} .order-page .arrow-left{border-bottom:5px solid transparent;border-right:5px solid #666;border-top:5px solid transparent;left:8px;top:7px} .order-page .arrow-right{border-bottom:5px solid transparent;border-left:5px solid #666;border-top:5px solid transparent;left:9px;top:7px} .order-page .arrow-left-none{border-right:5px solid #ccc} .order-page .arrow-right-none{border-left:5px solid #ccc}.dl{overflow:hidden}.dl dt{clear:both;margin:20px 0} .dl dd{float:left;height:184px;margin:0 0 20px 30px;text-align:center;width:280px} .dl img{display:inline-block;margin-bottom:3px;padding:5px;vertical-align:middle} .dl a{margin:0 10px} .co_login,.login_form{width:350px} .form_item .cutting-line { position: relative; width: 340px; text-align: center; margin-top: 30px; margin-bottom: 25px; } .form_item .cutting-line span { position: relative; z-index: 2; color: #888; padding: 0 5px; font-size: 14px; background-color: #fff; } .form_item .cutting-line:after { content: " "; position: absolute; left: 0; top: 10px; width: 340px; height: 1px; background-color: #eaeaea; z-index: 1; } .co_login{color:#999;text-align:center} .co_login a{padding-left:12px}.msg_notify{background:url("../images/icon_bg.png") no-repeat scroll -125px -125px;display:block;height:18px;margin-top:7px;width:25px;position:relative} .co_login .login-others-cards { float: left; display: inline-block; margin-bottom: 10px; } .login-before .other-logo-before.logo-qq { /*background-color: #0b8199;*/ margin-right: 20px; } .login-before .other-logo-before.logo-wechat { /* background-color: #0b0;*/ } .login-before .other-logo-before.logo-weibo { background-color: #007fe8; } /*.qt-header-right .login-before-down .other-logo-before span { color: #ffffff; }*/ .qt-header-right .login-before .other-logo-before { display: inline-block; width: 95px; height: 35px; line-height: 35px; padding-top: 1px; padding-left: 5px; box-sizing: border-box; margin-left: 5px; text-align: center; border-radius: 4px; } .login-before .other-logo-before.logo-qq i { height: 21px; width: 20px; background-position: 0 -168px; } .login-before .other-logo-before.logo-wechat i { height: 22px; width: 26px; background-position: -23px -168px; } .login-before .other-logo-before.logo-weibo i { height: 20px; width: 26px; background-position: -52px -168px; } .login-before .other-logo-before i { vertical-align: sub; display: inline-block; background: url(../images/login_v6.png) no-repeat; } .login-before.login-before-down .other-logo-before i { vertical-align: sub; display: inline-block; background: url(../images/login_v6_2.png) no-repeat; } .login-before.login-before-down .other-logo-before.logo-qq i { height: 21px; width: 20px; background-position: 0 -168px; } .login-before.login-before-down .other-logo-before.logo-wechat i { height: 22px; width: 26px; background-position: -23px -168px; } .co_login .login-others-cards .other-logo.logo-qq { background-color: #0b8199; } .co_login .login-others-cards .other-logo.logo-wechat { background-color: #0b0; } .co_login .login-others-cards .other-logo.logo-weibo { background-color: #007fe8; } .co_login .login-others-cards .other-logo:first-child { margin-left: 0; } .co_login .login-others-cards .other-logo { display: inline-block; /*width: 110px;*/ width: 48%; height: 40px; line-height: 40px; margin-left: 5px; text-align: center; border-radius: 4px; } .co_login .login-others-cards .other-logo:hover { opacity: .8; FILTER: alpha(opacity=80); } .co_login .login-others-cards a{ color: #ffffff; padding: 0px; } .co_login .login-others-cards .other-logo.logo-qq i { height: 21px; width: 20px; background-position: 0 -168px; } .co_login .login-others-cards .other-logo.logo-wechat i { height: 22px; width: 26px; background-position: -23px -168px; } .co_login .login-others-cards .other-logo.logo-weibo i { height: 20px; width: 26px; background-position: -52px -168px; } .co_login .login-others-cards .other-logo i { vertical-align: sub; display: inline-block; background: url(../images/login_v6.png) no-repeat; } .index_recommend_login{ min-height: 200px; } .index_recommend_login .head_login { width: 340px; } .index_recommend_login .head_login ul { float: left; width: 340px; } .index_recommend_login .content { width: 340px; margin: 0 0 0 0px; padding: 0px 0 0; } .index_recommend_login .head_login ul li { margin-left: 0px; margin-right: 0px; width: 170px; font-size: 16px; font-weight: bold; } .msg_notify em{background:url("../images/icon_bg.png") no-repeat scroll -150px -125px;color:#fff;font-size:12px;font-style:normal;height:18px;line-height:18px;position:absolute;right:-6px;text-align:center;top:-2px;width:19px;text-indent:1px} .tg_classify_all .on .red{color:#FFF}body .hot-label:hover,body .list-tag:hover{text-decoration:none}.hot-label,.list-tag{background:#edf1f2 none repeat scroll 0 0;color:#787d82;float:left;font-size:12px;height:20px;line-height:20px;margin-left:6px;padding:0 10px;transition:all .25s ease 0s;white-space:nowrap;word-wrap:break-word}.hot-label:link,.hot-label:visited,.list-tag:link,.list-tag:visited{color:#787d82}.hot-label:hover,.list-tag:hover,.custom-content .hot-label.curr,.custom-content .list-tag.curr{background-color:#d0d6d9;color:#14191e!important}.topic .detail .content p{text-indent:0}.content .short_tit a{margin-right:5px}.table_parameters pre{word-wrap:break-word;word-break:normal;max-width:490px;margin:0}#login_area{display:none}.share-list{display:inline-block;padding:0 10px 0 17px}.share-list b{background:url("../images/newicon20140910.png") no-repeat scroll -162px -296px;width:12px;display:inline-block;height:12px}.download_info{font-size:16px;margin:20px 0; text-align:center;}.download_mymoney{color:#fd953e;font-size:30px;padding-right:20px}.download_times{font-size:30px}.download_btns{margin:0 0 20px 55px;}.download_btns a:hover{background-color:#3f9dce;border:1px solid #3f9dce;color:#fff200;font-weight:bold;transition:all 1s ease 0s;text-decoration:none} .download_money,.download_btns a{background-color:#fff;border:1px solid #5bc0de;display:block;font-size:16px;height:60px;line-height:60px;min-height:0;text-align:center;width:200px;float:left}.en{font-size:20px;font-weight:bold}.download_btns .download_btn{background-color:#5bc0de;color:#FFF}.dou{animation:.5s ease .2s normal both 1 running dou}@keyframes dou{0%,100%{transform:translateX(0px)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes dou{0%,100%{transform:translateX(0px)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.dou2{animation:1s ease .2s normal both 1 running dou2}@keyframes dou2{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0px)}}@keyframes dou2{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0px)}}.myleft{background-color:#fafafa;border-bottom-left-radius:3px;border-top-left-radius:3px;margin-left:0;margin-right:0}.mym{background-color:#fafafa;border-bottom-left-radius:3px;border-top-left-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.2);margin-left:0;margin-right:0}.myright{background:white none repeat scroll 0 0;border-bottom-right-radius:3px;border-top-right-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.2);margin-left:0;margin-right:0}.myleft-n,.myright-n{border-radius:10px;margin:20px}.imgr20{border-radius:15px;display:block;margin-right:20px}.myleft-n button{width:100%}.topx{border-top:1px solid #e0e0e0;padding-top:20px}.t0b0{margin:0;padding:0 0 0 10px}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442} #points_not_enough{border:1px solid #ebccd1;border-radius:4px;padding:15px;width:80%;margin:20px auto 20px} #reward_points_not_enough{border:1px solid #ebccd1;border-radius:4px;padding:15px;width:80%;margin:20px auto 20px} .avatar_img{width:30px;height:30px;border-radius:3px}.yongjin_symbol{background-color:#10c55b;padding:0 6px;height:21px;line-height:21px;color:#FFF;display:inline-block;margin:0 0 0 3px;border-radius:3px;font-size:12px} .money{color:#10c55b}.share_collect{float:right} .divty_clear{clear: both; margin-right:auto;margin-left:auto;text-align:left; width: 100%; } .divty_float_left{float:left;text-align:left;display:inline; font-size: 12px;} .divty_float_right{float:right;text-align:left;display:inline;font-size: 12px;} .divty_mar_btm{ margin-bottom: 20px; } .detail_top_leftinfo{ margin: 4px 0 0 0; color: #999; width: 350px; height: 26px; float: left; display: inline; } #upload_ing { text-align: center;display:none; margin: 30px 30px 30px 30px; } #op_showmsg { text-align: center;display:none; margin: 20px 20px 20px 20px; } #op_showmsg p{ line-height: 30px; font-size: 14px; text-align: left; margin-top: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 30px; } .showmsg_css { text-align: center;display:none; margin: 20px 20px 20px 20px; } .showmsg_css p{ line-height: 30px; font-size: 14px; text-align: left; margin-top: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 30px; } #op_showfeedback { text-align: center;display:none; margin: 20px 20px 20px 20px; } #op_showfeedback .showfeedback_con { width: 100%; float: left; display: inline-block; text-align: center; margin-top: 0px; margin-bottom: 30px; } #op_showfeedback .showfeedback_con select { resize: none; border: 0; width: 520px; height: 30px; font-size: 13px; line-height: 2; color: #666; border:#eee solid 1px; border-radius: 4px; } #op_showfeedback .showfeedback_con textarea { resize: none; border: 0; width: 515px; height: 100px; font-size: 12px; line-height: 2; color: #666; border:#eee solid 1px; border-radius: 4px; padding: 5px; box-sizing: border-box; } #op_showJCpic { text-align: center;display:none; margin: 20px 20px 20px 20px; } #op_showJCpic .JCpic_con img{ width: 1215px; height: 459px; } .op_showJCpic_span{ position: absolute; width: 90px; background-color: #FFF; z-index: 10; top: 35px; right: -107px; color: #ff6600; cursor: pointer; } .vip_pic a.vip { z-index: 888; display: inline-block; float: left; width: 71px; height: 20px; background: url(../images/allpic.png) no-repeat; background-position: -2px -24px; } .vip_pic a.novip { z-index: 888; display: inline-block; float: left; width: 71px; height: 20px; background: url(../images/allpic.png) no-repeat; background-position: -2px -1px; } .vip_pic a.vip-year { z-index: 888; display: inline-block; float: left; width: 32px; height: 20px; margin-left: 0px; background: url(../images/allpic.png) no-repeat; background-position: -73px -1px; } .vip_pic a.vip-up { z-index: 888; display: inline-block; float: left; width: 48px; height: 20px; margin-left: 0px; background: url(../images/allpic.png) no-repeat; background-position: -104px -1px; } .vip_pic a.vip-lifelong { z-index: 888; display: inline-block; float: left; width: 34px; height: 20px; margin-left: 0px; background: url(../images/allpic.png) no-repeat; background-position: -73px -24px; } .comment_arrow { position: absolute; left: 71px; top: 20px; z-index: 888; display: inline-block; float: left; width: 10px; height: 17px; overflow: hidden; background: url(../images/allpic.png) no-repeat; background-position: -2px -46px; } /*菜单start*/ .qt-header a,.qt-header dd,.qt-header div,.qt-header dl,.qt-header dt,.qt-header img,.qt-header li,.qt-header p{border:0;font:inherit;vertical-align:baseline;text-align:left;font-family:"Microsoft YaHei";margin:0;padding:0;color:#333} .qt-header .clearfix:after,.qt-header-nav:after{font-size:0;visibility:hidden;clear:both} .qt-header .clearfix:after,.qt-header-nav .list-box dt:after,.qt-header-nav:after,.qt-header-right .user-info:after{content:" "} .qt-header .clearfix:after{display:block;height:0} .qt-header a{color:#666;text-decoration:none} .qt-header .fl{float:left} .qt-header .fr{float:right} .qt-header{ z-index: 9998; left: 0px; min-width: 1215px; /*width: 100%;*/ height:50px; background-image: url(../images/topmenu_bg.jpg); background-position: center top; background-repeat:repeat-y; background-color:#10c55b; text-align:center; } .qt-header .down-box{padding:0} .up-left-r {position: relative;float: left;} .up-left-r2 {position: relative;float: left; display: none;} .qt-header .qt-header-nav .icon-down-two,.qt-header .qt-header-right .user-info:after{background-position-x:-188px} .qt-header .nav-list>a,.qt-header .vip-center>a{color:#d8ffe8} .qt-header .nav-list.on>a,.qt-header .nav-list>a:hover,.qt-header .vip-center>a:hover{color:#fff;background-color:#000} .qt-header-box,.qt-header-nav .icon-down-two{display:inline-block;vertical-align:middle} .qt-header-box{width:1215px; margin-left: auto;margin-right: auto;} .qt-header-box .down-box{padding-top:10px;z-index:105} .qt-header-nav{height:50px}.qt-header-nav .icon-down-two{width:12px;height:7px;background:url(../images/common.png) -203px -27px no-repeat} .qt-header-nav:after{display:block;height:0} .qt-header-nav .nav-list{position:relative;float:left;font-size:16px;color:#666;z-index:105} .qt-header-nav .nav-list>a{display:block;padding:0 16px;width:inherit;height:inherit;line-height:50px} .qt-header-nav .nav-list>a:hover{color:#ffffff} .qt-header-nav .list-box .listmenu,.qt-header-nav .list-box dt{width:180px;line-height:40px;color:#666} /*height:40px;*/ .qt-header-nav .nav-list:hover .down-box{display:block} .qt-header-nav .nav-list .down-box{display:none;position:absolute;top:39.9px;left:0} /*display:none;*/ .qt-header-nav .list-box{ width:180px; height:348px;padding-top: 10px; box-sizing: border-box; background-color:#fff;-webkit-box-shadow:0 3px 7px 0 rgba(0,0,0,.16);box-shadow:0 3px 7px 0 rgba(0,0,0,.16);} .qt-header-nav .list-box .listmenu{position:relative} .qt-header-nav .list-box .listmenu:nth-child(4) a+.list-sec{top:0}.qt-header-nav .list-box .listmenu:nth-child(n+9) a+.list-sec{top:-120px} .qt-header-nav .list-box .listmenu>a{font-size:14px;display:block;width:inherit;height:inherit;padding-left:12px} .qt-header-nav .list-box .listmenu>a:hover{background-color:#f8f8f8;color:#10c55b; width: 170px;} .qt-header-nav .list-box .listmenu>a:hover+.list-sec{display:block} .qt-header-nav .list-box .listmenu>a:hover i{background-position-x:-1px} .qt-header-nav .list-box .listmenu>a i{display:inline-block;vertical-align:middle;margin-right:10px;width:26px;height:26px;background:url(../images/memu-ico.png) no-repeat;background-position-x:-1px; background-size: 29px;} /*margin-bottom: 20px;*/ .qt-header-nav .list-box .listmenu .icon-1{background-position-y:-2px} .qt-header-nav .list-box .listmenu .icon-2{background-position-y:-29px} .qt-header-nav .list-box .listmenu .icon-3{background-position-y:-57px} .qt-header-nav .list-box .listmenu .icon-4{background-position-y:-86px} .qt-header-nav .list-box .listmenu .icon-5{background-position-y:-114px} .qt-header-nav .list-box .listmenu .icon-6{background-position-y:-141px} .qt-header-nav .list-box .listmenu .menuitem-div { width: 70%; display: inline-block; } .qt-header-nav .list-box .listmenu .menuitem-title { width: 100%; display: inline-block; height: 25px; font-size: 15px; transition: color .3s; } .qt-header-nav .list-box .listmenu .menuitem-desc { width: 100%; display: inline-block; margin-top: 2px; color: #999; font-size: 12px; line-height: 20px; } .qt-header-nav .list-box dt{padding-left:30px;position:relative;font-weight:700} .qt-header-nav .list-box dt:after{width:4px;height:13px;background-color:#10c55b;position:absolute;top:13px;left:16px} .qt-header-nav .list-box-ls,.qt-header-nav .list-sec{background-color:#fff;-webkit-box-shadow:0 2px 7px 0 rgba(0,0,0,.16);box-shadow:0 2px 7px 0 rgba(0,0,0,.16); z-index: 99999;} .qt-header-nav .list-sec{display:block;position:absolute;padding:23px 25px 0;width:650px; height: 325px; top:-40px;left:180px;font-size:14px} .qt-header-nav .list-sec .sec-title a,.qt-header-nav .list-sec:hover{display:block} .qt-header-nav .list-sec .sec-title { font-weight: 700; width: 70px; margin-right: 10px; line-height: 30px; word-wrap: break-word; } .qt-header-nav .list-sec .sec-list{width:550px;margin-bottom:25px;line-height:20px} .qt-header-nav .list-sec .sec-list a{display:inline-block;padding:0 10px} .qt-header-nav .list-sec .sec-list a:hover,.qt-header-nav .list-sec .sec-title a:hover{color:#10c55b;} .qt-header-nav .list-sec .sec-list { width: 100%; margin-bottom: 5px; padding-bottom: 10px; line-height: 30px; border-bottom: 1px solid #ececec; } .qt-header-nav .list-sec .no-line { border-bottom: 0px solid #ececec; } .qt-header-nav .list-box-ls{width:120px} .qt-header-nav .list-box-ls a{height:40px;font-size:14px;line-height:40px;color:#666;padding-left:15px;display:block} .qt-header-nav .list-box-ls a:hover{color:#10c55b;background-color:#e6fff0} .qt-header-right .login-before .head_username_h { max-width: 60px; height: 29px; overflow: hidden; display: block; } .qt-header-right .login-before { margin-top: -4px; display: inline-block; font-size: 12px; vertical-align: middle; } .qt-header .login-before a.btn-green { background-color: #0b8199; color: #d8ffe8; border-color: #0b8199; padding: 0 10px 0 10px; margin-top: 0px; } .qt-header .login-before a:hover.btn-green { color: #fff; margin-top: 0px; } .qt-header-right .login-before a { padding: 0 10px 0 0px; display: inline-block; vertical-align: middle; height: 30px; line-height: 29px; text-align: center; font-size: 12px; border-radius: 4px; color: #d8ffe8; border: 1px solid transparent; } .qt-header-right .login-before a:hover { color: #fff; } .qt-header-right .login-before .msg_notify { background: url(../images/icon_bg.png) no-repeat scroll -125px -125px; height: 18px; width: 23px; padding: 0px; margin:0px; } .qt-header-right .login-before .msg_notify em{ background:url("../images/icon_bg.png") no-repeat scroll -150px -125px;color:#fff; font-size:12px;font-style:normal; height:18px;line-height:18px; position:absolute;right:-6px; text-align:center;top:-2px;width:19px;text-indent:1px; padding: 0px; margin:0px; } .qt-header-right .login-before .vip_pics { background: url(../images/vip.png); width: 85px; height: 23px; background-repeat:no-repeat; background-position:left top; background-size: 85px 21px; padding: 0px; margin:0px; } .qt-header-right .login-before .vipup_pics { background: url(../images/vip_up.png); width: 85px; height: 23px; background-repeat:no-repeat; background-position:left top; background-size: 85px 21px; padding: 0px; margin:0px; } .qt-header-right .login-before .vip-center{position:relative;display:inline-block;margin-right:0px;margin-left: 3px;line-height:50px;font-size:16px;color:#666} .qt-header-right .login-before .vip-center a{display:block;padding:0 8px;width:100%;height:100%; text-align: center;} .qt-header-right .login-before .vip-center a:hover{color:#ffffff} .qt-header-right .login-before .vip-center .user-grzx{padding: 0px; font-size: 14px; width: 92px;height: 32px; } .qt-header-right .login-before .vip-center:hover .down-box{display:block} .qt-header-right .login-before .vip-center .down-box{display:none;position:absolute;top:32px;left:0;width:98px; margin-left: 0px;} .qt-header-right .login-before .vip-center .down-box .message-box{-webkit-box-shadow:1.5px 2.6px 7px 0 rgba(0,0,0,.16);box-shadow:1.5px 2.6px 7px 0 rgba(0,0,0,.16);background-color:#fff} .qt-header-right .login-before .vip-center .down-box .message-box a{font-size:14px; text-align:center; padding: 0px; margin-left: -1px; color: #666;} .qt-header-right .login-before .vip-center .down-box a:hover{color:#10c55b;background-color:#e6fff0;padding: 0px;margin: 0px;width:96px; } .qt-header-right .vip-center{position:relative;display:inline-block;margin-right:0px; margin-left: 10px; line-height:50px;font-size:16px;color:#666} .qt-header-right .vip-center a{display:block;padding:0 8px;width:100%;height:100%; text-align: center;} .qt-header-right .vip-center a:hover{color:#ffffff} .qt-header-right .vip-center:hover .down-box{display:block} .qt-header-right .vip-center .down-box{display:none;position:absolute;top:40px;left:0;width:138px} .qt-header-right .vip-center .down-box .message-box{-webkit-box-shadow:1.5px 2.6px 7px 0 rgba(0,0,0,.16);box-shadow:1.5px 2.6px 7px 0 rgba(0,0,0,.16);background-color:#fff} .qt-header-right .vip-center .down-box .message-box a{font-size:16px; text-align:left; padding: 0px;} .qt-header-right .vip-center .down-box a:hover{color:#10c55b;background-color:#e6fff0;} .qt-header-right .vip-center .icon-wdsq,.qt-header-right .vip-center .icon-wdfb,.qt-header-right .vip-center .icon-grzx,.qt-header-right .icon-wx,.qt-header-right .icon-qq{display:inline-block;vertical-align:middle;background:url(../images/common.png) no-repeat} .qt-header-right .vip-center .icon-wdsq{width:23px;height:22px;margin:0 6px 0 15px;background-position:-216px -446px} .qt-header-right .vip-center .icon-wdfb{width:23px;height:25px;margin:0 6px 0 15px;background-position:-216px -205px} .qt-header-right .login-before .vip-center .icon-grzx{width:22px;height:22px;margin:0 0px 0 0px;background-position:-38px -267px} .qt-header-right .login-before .icon-wx{width:28px;height:22px; margin:0 0px 0 0px;background-position:-4px -628px} .qt-header-right .login-before .icon-qq{width:22px;height:22px;margin:0 0px 0 0px;background-position:-7px -176px} .qt-header-right .icon-fbsq { display: inline-block; vertical-align: middle; margin-right: 6px; width: 20px; height: 20px; background: url(../images/common.png) -65px -237px no-repeat; } .notify-red:after,.notify-yellow:after{content:" ";top:28%;right:9%;width:6px;height:6px;border-radius:50%} .notify-red:after{position:absolute;background-color:#ffea00} /*顶部移动显示 start*/ .qt-header-down{ background-image: url(); background-color: #fff; -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.15); box-shadow: 0 1px 6px 0 rgba(0,0,0,.15); } #small-logo{ float: left;margin-top: 5px; margin-right: 10px; display: none; } .qt-header .qt-header-nav .small-logo{ display: block; width:150px;height:42px;background:url(../images/logo.png) no-repeat;background-size: 150px; } .qt-header .nav-list-down>a,.qt-header .vip-center-down>a{color:#666} .qt-header-right .login-before span {color: #d8ffe8;} .qt-header-right .login-before-down a {color: #666;} .qt-header-right .login-before-down a:hover { color: #000;} .qt-header-right .login-before-down span {color: #666;} .qt-header .nav-list-down.on>a,.qt-header .nav-list-down>a:hover,.qt-header .vip-center-down>a:hover{color:#000;background-color:#fff} .qt-header-right .login-before .vip-center-down a:hover{color:#000} .qt-header-right .icon-fbsq-down { background: url(../images/common.png) -7px -297px no-repeat; } .qt-header-right .login-before .vip-center .icon-grzx-down{width:22px;height:22px;margin:0 0px 0 0px;background-position:-7px -267px} /*顶部移动显示 end*/ /*菜单end*/ /*上下移动右栏 start*/ li,ol,span,ul{border:0;font:inherit;vertical-align:baseline;text-align:left;font-family:"Microsoft YaHei";margin:0;padding:0;} ol,ul{list-style:none} .right-btn-group{position:fixed;top:50%;right:10px;width:34px;height:230px;margin-top:-130px;z-index:200} .right-btn-group .btn-group span:after,.right-btn-group .show-faq a+div.faq-box:after{content:' ';right:-10px;border-bottom:5px transparent dashed;border-right:5px transparent dashed;border-top:5px transparent dashed} .right-btn-group .btn-group,.right-btn-group .show-wechat,.right-btn-group .to-top{border-radius:2px;background-color:#000000} .right-btn-group .btn-group{width:34px;}.right-btn-group .btn-group li{padding-top:10px} .right-btn-group .btn-group li>a{position:relative;display:block;width:34px;height:34px;background:url(../images/common.png) no-repeat} .right-btn-group .btn-group li>a:hover{background-color:#10c55b}.right-btn-group .btn-group li>a:hover span{display:block} .right-btn-group .btn-group .icon-1{background-position:0 -230px}.right-btn-group .btn-group .icon-2{background-position:-29px -230px} .right-btn-group .btn-group .icon-3{background-position:-58px -230px} .right-btn-group .btn-group .icon-4{background-position:-91px -230px} .right-btn-group .btn-group .icon-5{background-position:-60px -410px} .right-btn-group .btn-group span{display:none;position:absolute;width:70px;height:34px;font-size:12px;text-align:center;line-height:34px;top:0;left:-70px;z-index:5;color:#fff;background-color:#000000} .right-btn-group .btn-group span:after{top:11px;width:1px;height:1px;display:block;position:absolute;z-index:5;border-left:5px #000000 solid} .right-btn-group .show-wechat{position:absolute;bottom:36px;right:0;width:34px;height:34px} .right-btn-group .show-wechat a{border-radius:2px;display:block;width:34px;height:34px;background:url(../images/common.png) no-repeat} .right-btn-group .show-wechat a span{display:none;position:absolute;width:140px;height:165px;top:0;left:-140px;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.22);box-shadow:0 2px 8px 0 rgba(0,0,0,.22);text-align:center} .right-btn-group .show-wechat a:hover span,.right-btn-group .to-top a:hover span{display:block} .right-btn-group .show-wechat a span em{font-size:14px;font-weight:700;color:#666} .right-btn-group .show-wechat .icon-7{background-position:-150px -200px} .right-btn-group .to-top{position:absolute;bottom:0;right:0;width:34px;height:34px} .right-btn-group .to-top a{border-radius:2px;display:block;width:34px;height:34px;background:url(../images/common.png) no-repeat} .right-btn-group .to-top a:hover{background-color:#10c55b} .right-btn-group .to-top span{display:none;position:absolute;width:70px;height:34px;font-size:12px;text-align:center;line-height:34px;top:0;left:-70px;z-index:5;color:#fff;background-color:#000000} .right-btn-group .to-top span:after{content:' ';top:11px;right:-10px;width:1px;height:1px;display:block;position:absolute;z-index:5;border-bottom:5px transparent dashed;border-left:5px #000000 solid;border-right:5px transparent dashed;border-top:5px transparent dashed} .right-btn-group .to-top .icon-6{background-position:-120px -200px} /*上下移动右栏 end*/ /* 首页焦点图 start */ .slide {position:relative;list-style:none;overflow:hidden;min-width: 1215px;padding:0;margin:0;} .rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0} .rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0} .rslides li:first-child {position:relative;display:block;float:left} .rslides img {display:block;height:auto;float:left;width:100%;z-index:1;position:relative; min-height: 320px;} .slide_tabs{position:absolute;height:50px;bottom:0;left:0;right:0;background:url(../images/banner_num_bg.png);z-index:999;text-align:center} .slide_tabs li{display:inline-block;height:10px;width:10px;margin:20px 4px} .slide_tabs li a{ display:inline-block;cursor:pointer;height:10px;width:10px;background:#c3c1bf;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;text-indent:-99999px} .slide_tabs li a:hover,.slide_tabs li.slide_here a{background:#0093dd} .slide_nav{position:absolute;top:50%;margin-top:-62px;width:62px;height:123px;cursor:pointer;z-index:10;opacity:0.4; filter:alpha(opacity=40);overflow:hidden;text-indent:-9999px} .slide_nav:hover {opacity:1.0;filter:alpha(opacity=100)} .slide_nav.prev{background:url(../images/left.png) no-repeat center;left:55px} .slide_nav.next{background:url(../images/right.png) no-repeat center;right:55px} /* 首页焦点图 end */ /*首页右边浮动导航 start*/ .subnav{width:34px;position:fixed;top:50%;margin-top:-102px;right:25px;z-index:9999} .subnav li{position:relative} .subnav li a{display:block;width:34px;height:34px;background:url(../images/ind_subnav1.png) no-repeat center;text-align:center} .subnav li a:hover{background:url(../images/ind_subnav2.png) no-repeat center} .subnav li a.cur{background:url(../images/ind_subnav2.png) no-repeat center} .subnav li .subnav_con{display:none;position:absolute;top:0px;right:27px;background:url(../images/ind_subnav_bg.png)no-repeat right top;font:14px/31px "微软雅黑";color:#fff;padding:0 20px;white-space:nowrap} .subnav li .subnav_con dt{width:38px;float:left;margin:0px 5px 0 0} .subnav li .subnav_con dd h4{font:18px/20px "微软雅黑";color:#fff} .subnav li .subnav_con dd h5{font:13px/20px Arial, Helvetica, sans-serif;color:#fff} /*首页右边浮动导航 end*/ .crumbs-handle{ display: inline-block; font-size: 12px; color: #10c55b; border: 1px dashed #10c55b; padding: 0px; height: 25px; line-height: 25px; padding: 0px 0px 0px 5px; } .crumbs-handle a{ display: inline-block; text-align: center; width: 25px; height: 25px; line-height: 25px; color: #10c55b; } .crumbs-handle :hover{ display: inline-block; text-align: center; background-color: #10c55b; color: #fff; } .in_ad_css{ width: 1215px; clear: both; float: left; display: inline; margin-bottom: -30px; margin-top: 35px; } .in_ad_css img{ width: 100%; } /*详细页 start*/ .detail .pins-btn{width:840px; text-align:center;margin:50px auto 20px auto;} .detail .pins-btn .statement_class{width: 100%; float:left;display: inline-block;color: #ff0000;text-align:center; margin-bottom: 30px; font-size: 14px;} .container .content .statement_class{width: 100%; float:left;display: inline-block;color: #ff0000;text-align:center; margin-bottom: 30px; font-size: 14px;} .detail .pins-btn a{text-align:center;color:#FFF;text-decoration:none;overflow:hidden;height:52px;line-height:52px;font-size:18px;display:block;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;order-radius:3px;} .detail .pins-btn a:hover{opacity:0.9; filter:alpha(opacity=90);} .detail .pins-btn a i{font-size:20px;margin:0 5px 0 0;color:#fff;} .detail .pins-btn .btn-views,.detail .pins-btn .btn-collect,.detail .pins-btn .btn-download,.detail .pins-btn .btn-dashang{width:190px; height:105px;margin:0 auto; display: inline-block; text-align:center;} .detail .pins-btn .btn-views a{background:#3498db;margin:0 auto; display: inline-block;width:180px; } .detail .pins-btn .btn-dashang a{background:#2ec9bb;margin:0 auto; display: inline-block;width:180px;} .detail .pins-btn .btn-collect a{background:#ff9933;margin:0 auto; display: inline-block;width:180px;} .detail .pins-btn .btn-download a{background:#3dbb2b;margin:0 auto; display: inline-block;width:180px;} .detail .pins-btn p{margin:10px auto 0 auto;color:#bbbbbb;line-height:20px;text-align:center;width:180px;text-indent: 0em; height: 20px; overflow:hidden;} .detail .pins-btn p i{margin:0 0px 0 0;} .detail .pins-btn p .need{margin:0 0 0 26px;color:#ff6600;} .detail .pins-user-info{padding:30px 20px;background:#f6f9fa; border:1px solid #d1dfe3;margin-top: 10px;} .detail .pins-user-info .pic{margin-right:15px;display:inline;height:100px;width:100px;overflow:hidden;} .detail .pins-user-info .pic img,.avatar-sm img,.panel .avatar a img{width:98%;height:98%;border-radius:50%; border:#fff solid 1px;} .detail .pins-user-info .text{margin:30px 0 0 0;width:245px;color:#34495e; } .detail .pins-user-info .text h3{font-size:20px;font-weight:800;height:30px;line-height:30px;} .detail .pins-user-info .text h3 a{color:#959db1; font-size: 16px;} .detail .pins-user-info .text p{line-height:24px;text-indent: 0em;color: #959db1;} .detail .pins-user-info .pins-follow{width:90px;padding:40px 20px;} .detail .pins-user-info .pins-follow a{float:left;width:88px;height:28px;border:1px solid #bdc3c7;border-radius:20px;font-size:12px;color:#34495e;line-height:28px;text-align:center;} .detail .pins-user-info .pins-follow a i{font-size:12px;margin:0 5px 0 0;} .detail .pins-user-info .pins-follow a:hover{color:#3498db;border-color:#3498db;} .detail .pins-user-info .pins-follow a:hover i{color:#3498db;} .detail .pins-user-info .pins-date{margin:33px 6px 0 0px;display:inline; line-height: 25px;} .detail .pins-user-info .pins-date a{color: #959db1;text-decoration: underline; } .text-ccc { color: #959db1; } .right { float: right !important; } .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .left { float: left !important; } /*详细页 end*/ /*相关推荐链接 start*/ #link_div #link_conDiv #link_menu a.Mactive{ color: #888; font-weight: bold; } .MC_active{ display: block; } .MC_hide{ display: none; } #link_div{ width: 1215px; margin: 0 auto 0; color: #999999; } #link_div #link_title{ margin-top: 20px; width: 100%; font-size: 14px; color: #999999; cursor: pointer; text-align: left; } #link_div #link_conDiv { display: none; } #link_div #link_conDiv #link_menu{ width: 100%; float:left; margin:10px 0px 10px 0px; } #link_div #link_conDiv #link_menu a{ float: left; color: #cbcaca; font-size: 14px; margin-right: 20px; cursor: pointer; text-align: center; } #link_div #link_conDiv #link_menu a:hover{ color: #888; font-weight: bold; } #link_div #link_conDiv #link_con{ width: 100%; float:left; } #link_div #link_conDiv #link_con li a{ float: left; color: #cbcaca; font-size: 14px; margin-right: 20px; cursor: pointer; text-align: center; } #link_div #link_conDiv #link_con li a:hover{ color: #10c55b; } #link_div #link_title.on span { background-position: -162px -507px; } #link_div #link_title span { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: url(../images/common.png) -162px -518px no-repeat; } /*相关推荐链接 end*/ /*标签总概 start*/ .tags_list{ width: 100%; float: left; display: inline-block; margin-top: 20px; } .tags_title{ font-size: 16px; color: #333; height: 40px; line-height: 40px; border-bottom: 2px solid #dddddd; margin-bottom: 15px; font-weight: bold; } .tags_con a{ display: block; height: 30px; line-height: 30px; font-size: 14px; margin-right: 20px; color: #666; float: left; } /*标签总概 end*/ /*等级说明 start*/ .module-privilege .privilege-bottom { float: left; background: #fff; width: 100%; position: absolute; margin-top: 600px; text-align: center; } .module-privilege { float: left; width: 817px; margin: 20px auto 40px; position: relative; } .module-privilege .privilege-ul { float: left; border: 1px solid #d3d1d0; background: #fff; width: 203px; position: absolute; } .module-privilege .privilege-ul .privilege-item.first-item { height: 70px; line-height: 70px; } .module-privilege .privilege-ul .privilege-item.upgrade-heigh { height: 65px; line-height: 22px; padding-top:13px; box-sizing: border-box; } .module-privilege .privilege-ul .privilege-item .svip-type { font-size: 20px; } .module-privilege .privilege-ul .privilege-item .vip-type-title { height: 80px; display: block; color: #ca963b; font-weight: bold; text-align: center; } .module-privilege .privilege-ul .privilege-item .vip-type, .module-privilege .privilege-ul .privilege-item .no-vip-type { font-size: 20px; margin-top: -4px; } .module-privilege .privilege-ul .privilege-item { text-align: center; height: 45px; line-height: 45px; font-size: 14px; } .module-privilege .privilege-ul .privilege-item .greentext { font-family:"Microsoft YaHei"; color:#32b734; font-size: 16px; } .module-privilege .privilege-ul.active { border-color: #f2ddaf; background-color: #fffaeb; margin-top: -4px; width: 203px; left: 609px; z-index: 10; } .module-privilege .privilege-ul.svip-ul { color: #ca963b; -moz-box-shadow: 0 0 10px 2px rgba(0,0,0,.08); box-shadow: 0 0 10px 2px rgba(0,0,0,.08); } .module-privilege .privilege-ul.no-vip-ul { left: 203px; } .module-privilege .privilege-ul.vipY-ul { left: 406px; } .pay-red { color: #e45858; font-size: 20px; } .module-privilege .privilege-ul.recommend { background-image: -webkit-image-set(url(../images/recommend@2x_a4b5ba2.png) 2x); background-position: -1px -1px; background-repeat: no-repeat; } .upgrade-heigh input{ visibility: hidden; } .upgrade-heigh label{ position: relative; cursor: pointer; } .upgrade-heigh label:before{ content: "";/*必须设置*/ display: inline-block; width: 15px; height: 15px; border: 1px solid #e45858; position: absolute; top: 0px; left: -20px; border-radius: 15px; } .upgrade-heigh .hidden-label{ width: 0px; height: 0px; border: 0px solid #e45858; } .upgrade-heigh input:checked+label:before{ background-color: #e45858; } /*等级说明 end*/ .sd_adgoogle1{ z-index:9999; width: 285px; height:auto; } .sd_adgoogle2{ position:fixed;top:55px;z-index:9999; width: 285px; height:auto; } .incatNav-left-topic { padding-left: 0px; } .index_recommend-topic { min-height: 180px;margin-top: 20px; } .incatNav-topic { height: 50px; } .wenda-listcon-topic{ width: 585px; float:left;line-height:25px; } .wenda-listcon-topic-mleft{ margin-left: 30px; } .wendaslider-topic { min-height: 120px; position: relative; word-break: break-all; word-wrap: break-word; } .wendaslider-topic .wendaquetitle-topic { color: #363d40; font-size: 14px; position: relative; } .wendaslider-topic .wendaquetitle-topic .wendatitle-topic { font-weight: bold; line-height: 20px; } .replycont-topic { margin-top: 8px; position: relative; } .replymegfooter-topic { color: #c8cdd2; font-size: 12px; line-height: 24px; margin-top: 5px; padding: 3px 0 10px 0px; } .replymegfooter-topic .keyword-list-topic, .replymegfooter-topic .wenda-time-topic { float: left; margin-right: 20px; } /*授权start*/ /* --- 主卡片容器 --- */ .main-container-license { background-color: var(--card-bg); border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.03); width: 100%; padding-top: 50px; padding-left: 200px; padding-right: 200px; padding-bottom: 100px; box-sizing: border-box; transition: all 0.3s ease; } /* --- 标题区域 --- */ .page-title-license { font-size: 24px; font-weight: 700; margin-bottom: 30px; color: #333333; text-align: center; letter-spacing: 1px; position: relative; padding-bottom: 15px; } .page-title-license::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background-color: #28a745; border-radius: 2px; } /* --- 表单区域 --- */ .form-group-license { display: flex; align-items: center; margin-bottom: 20px; } .form-label-license { width: 80px; font-size: 16px; font-weight: 500; color: #666666; flex-shrink: 0; } .form-control-wrap-license { flex: 1; display: flex; align-items: center; gap: 15px; } .form-control-license { width: 100%; padding: 12px 16px; font-size: 15px; border: 1px solid #e2e8f0; border-radius: 8px; background-color: #fcfcfc; transition: all 0.3s ease; outline: none; } .form-control-license:focus { border-color: #28a745; background-color: #ffffff; box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.25); } /* 验证码特殊布局 */ .captcha-wrap-license { display: flex; align-items: center; gap: 10px; flex: 1; } .captcha-img-license { display: flex; align-items: center; gap: 5px; cursor: pointer; font-size: 14px; color: #666666; user-select: none; } .captcha-icon-license { width: 80px; height: 38px; background-color: #eee; border-radius: 6px; display: flex; justify-content: center; align-items: center; color: #999; font-size: 12px; border: 1px solid #e2e8f0; } /* --- 提交按钮 --- */ .submit-btn-license { display: block; width: auto; padding: 12px 30px; background-color: #28a745; color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; margin-top: 10px; box-shadow: 0 4px 6px rgba(40, 167, 69, 0.2); } .submit-btn-license:hover { background-color: #218838; transform: translateY(-1px); box-shadow: 0 6px 12px rgba(40, 167, 69, 0.3); } .submit-btn-license:active { transform: translateY(0); } /* --- 说明区域 --- */ .instructions-license { margin-top: 40px; padding-top: 30px; border-top: 1px dashed #e2e8f0; } .instructions-title-license { font-size: 18px; font-weight: 600; margin-bottom: 20px; color: #333333; } .instructions-list-license { list-style: none; padding-left: 0; color: #666666; font-size: 14.5px; counter-reset: instruction-counter; } .instructions-list-license li { position: relative; padding-left: 30px; margin-bottom: 12px; text-align: justify; } .instructions-list-license li::before { counter-increment: instruction-counter; content: counter(instruction-counter) "、"; position: absolute; left: 0; color: #28a745; font-weight: 600; } .highlight-text-license { color: #d9534f; font-weight: 600; } .footer-note-license { margin-top: 30px; padding: 20px; background-color: #f8fafc; border-radius: 8px; font-size: 14px; color: #64748b; line-height: 1.8; border-left: 4px solid #28a745; text-align: justify; } /* --- 响应式设计（手机端适配） --- */ @media (max-width: 768px) { .main-container-license-license { padding: 25px 20px; border-radius: 10px; } .page-title-license-license { font-size: 20px; margin-bottom: 25px; } /* 标签和输入框在手机端改为上下排布 */ .form-group-license { flex-direction: column; align-items: flex-start; margin-bottom: 15px; } .form-label-license { width: 100%; margin-bottom: 8px; font-size: 15px; } .form-control-wrap-license { width: 100%; flex-direction: column; align-items: stretch; gap: 10px; } .captcha-wrap-license { width: 100%; } .captcha-img-license { flex-shrink: 0; } .submit-btn-license { width: 100%; padding: 14px; font-size: 16px; } .instructions-list-license li { padding-left: 25px; margin-bottom: 15px; } .footer-note-license { padding: 15px; font-size: 13px; } } /*授权end*/ /*首页卡片 start*/ /* ============ Hero ============ */ .hero{position:relative;overflow:hidden;text-align:center} .hero::before{ content:"";position:absolute;left:-15%;right:-15%;top:-320px;height:760px;pointer-events:none; /*background: radial-gradient(42% 55% at 22% 45%,rgba(59,91,253,.18),transparent 68%), radial-gradient(40% 52% at 78% 35%,rgba(124,92,255,.18),transparent 68%);*/ background: radial-gradient(42% 55% at 22% 45%, rgb(59 253 238 / 18%), transparent 48%), radial-gradient(40% 52% at 78% 35%, rgb(92 248 255 / 18%), transparent 48%); } /* ===== 外层容器 ===== */ .in-pricing { max-width: 1200px; margin: 0 auto; padding-top: 50px; box-sizing: border-box; } /* ===== 顶部标题区（不需要可整段删除） ===== */ .in-sec-head { max-width: 640px; margin: 0 auto 52px; text-align: center; } .in-sec-title { margin: 0 0 12px; font-size: clamp(24px, 3.2vw, 34px); font-weight: 700; line-height: 1.3; letter-spacing: -.01em; } .in-sec-desc { margin: 0; font-size: 15px; line-height: 1.7; color: #64748b; } /* ===== 卡片栅格：桌面 3 列 ===== */ .in-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; } /* ===== 卡片本体 ===== */ .in-card { --accent: #2563eb; /* 主色 */ --accent-strong: #1d4ed8; /* 深主色 */ --accent-soft: #eaf1ff; /* 浅主色 */ position: relative; display: flex; flex-direction: column; padding: 34px 30px 30px; background: #fff; border: 1px solid #e8edf5; border-radius: 20px; box-shadow: 0 1px 2px rgba(15, 23, 42, .03), 0 14px 30px -22px rgba(15, 23, 42, .25); transition: transform .3s cubic-bezier(.2, .7, .3, 1), box-shadow .3s ease, border-color .3s ease; } /* 每张卡片独立配色 */ .in-card:nth-child(2) { --accent: #f59e0b; --accent-strong: #d97706; --accent-soft: #fff4e3; } .in-card:nth-child(3) { --accent: #10b981; --accent-strong: #059669; --accent-soft: #e6f8f1; } /* 推荐卡片：渐变描边 + 更强投影 */ .in-card--featured { border: 1.5px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #fbbf24, #f97316) border-box; box-shadow: 0 20px 42px -24px rgba(249, 115, 22, .55); } /* 角标 */ .in-card-badge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); padding: 5px 14px; font-size: 12px; font-weight: 700; letter-spacing: .04em; white-space: nowrap; color: #fff; background: linear-gradient(135deg, #fbbf24, #f97316); border-radius: 999px; box-shadow: 0 6px 16px -6px rgba(249, 115, 22, .85); } /* ===== 图标 ===== */ .in-card-icon { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 22px; color: var(--accent-strong); background: var(--accent-soft); border-radius: 16px; } .in-card-icon svg { width: 26px; height: 26px; } /* ===== 文案 ===== */ .in-card-title { margin: -80px 0 8px; font-size: 20px; font-weight: 700; letter-spacing: -.01em; } .in-card-sub { margin: 0 0 22px; font-size: 13.5px; line-height: 1.6; color: #94a3b8; } /* ===== 卖点列表 ===== */ .in-card-list { flex: 1; /* 撑开剩余空间，按钮自动贴底 */ display: flex; flex-direction: column; gap: 14px; margin: 0 0 28px; padding: 0; list-style: none; } .in-card-list li { position: relative; padding-left: 26px; font-size: 14.5px; line-height: 1.75; color: #475569; } /* 纯 CSS 对勾 */ .in-card-list li::before { content: ""; position: absolute; left: 4px; top: 7px; width: 5px; height: 10px; border-right: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: rotate(45deg); border-radius: 1px; } /* ===== 按钮 ===== */ .in-card-btn { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 22px; font-size: 15px; font-weight: 600; text-decoration: none; color: var(--accent-strong); background: var(--accent-soft); border-radius: 12px; -webkit-tap-highlight-color: transparent; transition: background .25s ease, color .25s ease, box-shadow .25s ease, transform .15s ease; } /* 推荐卡片按钮：实心渐变 */ .in-card--featured .card-btn { color: #fff; background: linear-gradient(135deg, #fbbf24, #f97316); box-shadow: 0 12px 24px -14px rgba(249, 115, 22, .9); } /* ===== 悬停效果（仅在支持 hover 的设备生效，避免手机“粘住”） ===== */ @media (hover: hover) { .in-card:hover { transform: translateY(-6px); border-color: #dbe4f0; box-shadow: 0 26px 50px -26px rgba(15, 23, 42, .35); } .in-card--featured:hover { border-color: transparent; box-shadow: 0 28px 52px -24px rgba(249, 115, 22, .55); } .in-card-btn:hover { color: #fff; background: var(--accent); box-shadow: 0 10px 22px -10px var(--accent); } .in-card--featured .card-btn:hover { background: linear-gradient(135deg, #fbbf24, #f97316); filter: brightness(1.05); box-shadow: 0 16px 28px -12px rgba(249, 115, 22, .95); } } .in-card-btn:active { transform: scale(.98); } /* ===== 平板：单列，限制宽度居中 ===== */ @media (max-width: 900px) { .in-sec-head { margin-bottom: 34px; } .in-cards { grid-template-columns: 1fr; gap: 20px; max-width: 560px; margin: 0 auto; } } /* ===== 手机：进一步压缩留白与字号 ===== */ @media (max-width: 480px) { .in-card { padding: 28px 22px 24px; border-radius: 18px; } .in-card-icon { width: 48px; height: 48px; border-radius: 14px; margin-bottom: 18px; } .in-card-icon svg { width: 23px; height: 23px; } .in-card-title { font-size: 18.5px; } .in-card-sub { margin-bottom: 18px; } .in-card-list { gap: 12px; margin-bottom: 24px; } .in-card-list li { font-size: 14px; } .in-card-btn { height: 46px; font-size: 14.5px; } } /*首页卡片 end*/