.box{ width:1200px; margin:0 auto;} .empty{width: 100%; height: 250px; line-height: 150px; overflow: hidden; text-align: center; color: #999; font-size: 15px;} .about_box{ width:100%; height:300px; margin-top:92px; overflow:hidden;} .tips_pic{vertical-align:top;margin-top: 4px;} /*推荐和精品*/ . this_boutique{ width: 23px; height: 44px; left: 38px; top: -6px; background-position: -70px 0; display: inline-block; position: absolute; background: url(../images/icon-tuijian.png) no-repeat scroll -23px 0; } .this_recommended{ width: 23px; height: 44px; left: 10px; top: -6px; background-position: -70px 0; display: inline-block; position: absolute; background: url(../images/icon-tuijian.png) no-repeat scroll -70px 0; } .this_original{ width: 52px; height: 52px; right: 0; top: 0; display: inline-block; position: absolute; background: url(../images/originalss.png) no-repeat scroll 0 0; } .joke{margin-top:92px; margin-bottom: 10px;} .joke .breadcrumb{width:1200px; height:40px;} .joke .breadcrumb i{background: url(../images/ii.png) no-repeat center; background-position:1px -181px; display:block; width:28px; height:30px; float:left;} .joke .breadcrumb span{display: block; height:40px; width:1100px; float:left; line-height:32px; font-size:14px; color:#777;} .joke .breadcrumb span a{color:#777} .joke .breadcrumb span a:hover{color:#ff6700;} .joke .content{width:1198px; overflow: hidden;} .joke .content .detail-list{width: 840px; min-height: 1200px; float: left;} .joke .content .detail-list .article_item{padding: 5px 20px 15px 20px; margin-right: 15px; background: #fff; margin-bottom: 15px; border: 1px solid #eee; box-shadow: 0 0 2px #eee; border-radius: 4px;} .joke .content .detail-list .article_item .thead{line-height: 37px; border-bottom: solid 1px #ddd;} .joke .content .detail-list .article_item .thead a{color: #2862ac; font-size: 17px; padding-left: 7px;} .joke .content .detail-list .article_item .thead a:hover{color: #ff6700;} .joke .content .detail-list .article_item .thead time{display: inline-block; color: #777; float: right; font-size: 13px; padding-right: 7px;} .joke .content .detail-list .article_item .tbody{font-size: 15px; line-height: 27px; padding-top: 10px; padding: 10px 7px 0 7px; color: #777;} .joke .content .detail-sidebar{width:356px; min-height:200px; float:right; overflow: hidden; background: #fff; border: 1px solid #eee; box-shadow: 0 0 2px #eee; border-radius: 4px;} .joke .content .detail-sidebar .search{height: 35px; padding: 20px; border-bottom: solid 1px #eee;} .joke .content .detail-sidebar .search form input.txt{float: left; box-sizing: border-box; border: 1px solid #d3d3d3; border-right: 0; width: 265px; padding: 5px 10px; height: 34px;} .joke .content .detail-sidebar .search form input.btn{float: left; background: url(../images/icon_search.jpg) #d62128 no-repeat; background-position: 5px 0; width: 50px; height: 34px; border: 0; cursor: pointer;} .joke .content .detail-sidebar .joke_type{padding: 20px; overflow: hidden; border-bottom: solid 1px #ececec;} .joke .content .detail-sidebar .joke_type h1{font-size: 16px; color: #444; margin-bottom: 15px;} .joke .content .detail-sidebar .joke_type h1 i{background: #ff6700; width: 2px; height: 18px; display: inline-block; margin-right: 12px; vertical-align: -3px;} .joke .content .detail-sidebar .joke_type li{width: 79px; line-height: 30px; display: inline-block; float: left; text-align: center;} .joke .content .detail-sidebar .joke_type li a{font-size: 13px; color: #555} .joke .content .detail-sidebar .joke_type li a:hover{color: #ff6700;} .joke .content .detail-sidebar .joke_like{padding: 20px; overflow: hidden; border-bottom: solid 1px #ececec;} .joke .content .detail-sidebar .joke_like h1{font-size: 16px; color: #444; margin-bottom: 15px;} .joke .content .detail-sidebar .joke_like h1 i{background: #ff6700; width: 2px; height: 18px; display: inline-block; margin-right: 12px; vertical-align: -3px;} .joke .content .detail-sidebar .joke_like li{white-space: nowrap; text-overflow: ellipsis; line-height: 28px; overflow: hidden; height: 28px;} .joke .content .detail-sidebar .joke_like li a{font-size: 13px; color: #555; width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url("../images/libg.png") no-repeat 0 14px; transition: all 0.3s ease 0s; padding-left: 15px; display: inline-block;} .joke .content .detail-sidebar .joke_like li a:hover{color: #ff6700; background-position: 0 -14px;} .joke .content .detail-sidebar .joke_like li time{float: right; color: #777;} .joke-content{min-height: 700px !important;} .joke-content a.joke_pre{background: url(../images/joke_prenext.png) no-repeat; display: inline-block; width: 160px; height: 70px; margin-right: 40px; margin-left: 160px;} .joke-content a.joke_pre:hover{margin-left:155px; margin-right: 45px;} .joke-content a.joke_next{background: url(../images/joke_prenext.png) no-repeat; display: inline-block; width: 205px; height: 70px; background-position: -185px 0px;} .joke-content a.joke_next:hover{margin-left:5px;} .joke-sidebar .joke_type{padding: 20px; overflow: hidden; border-bottom: solid 1px #ececec;} .joke-sidebar .joke_type h3{font-size: 16px; color: #444; margin-bottom: 15px; font-weight: normal;} .joke-sidebar .joke_type h3 i{background: #ff6700; width: 2px; height: 18px; display: inline-block; margin-right: 12px; vertical-align: -3px;} .joke-sidebar .joke_type li{width: 79px; line-height: 30px; display: inline-block; float: left; text-align: center;} .joke-sidebar .joke_type li a{font-size: 13px; color: #666} .joke-sidebar .joke_type li a:hover{color: #ff6700;} .joke-sidebar .joke_like{padding: 20px; overflow: hidden; border-bottom: solid 1px #ececec;} .joke-sidebar .joke_like h3{font-size: 16px; color: #444; margin-bottom: 15px; font-weight: normal;} .joke-sidebar .joke_like h3 i{background: #ff6700; width: 2px; height: 18px; display: inline-block; margin-right: 12px; vertical-align: -3px;} .joke-sidebar .joke_like li{white-space: nowrap; text-overflow: ellipsis; line-height: 28px; overflow: hidden; height: 28px;} .joke-sidebar .joke_like li a{font-size: 13px; color: #555; width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url("../images/libg.png") no-repeat 0 14px; transition: all 0.3s ease 0s; padding-left: 15px; display: inline-block;} .joke-sidebar .joke_like li a:hover{color: #ff6700; background-position: 0 -14px;} .joke-sidebar .joke_like li time{float: right; color: #777;} .blog{margin-top:168px; margin-bottom: 10px;} .blog .breadcrumb{width:1200px; height:40px;} .blog .breadcrumb i{background: url(../images/ii.png) no-repeat center; background-position:1px -181px; display:block; width:28px; height:30px; float:left;} .blog .breadcrumb span{display: block; height:40px; width:1100px; float:left; line-height:32px; font-size:14px; color:#777;} .blog .breadcrumb span a{color:#777} .blog .breadcrumb span a:hover{color:#ff6700;} .blog .content .detail-list .article_item{height: 135px; padding: 20px 0; border-bottom:solid 1px #eee;} .blog .content .detail-list .article_item .con>a{font-size: 20px; color: #333;height: 27px; overflow: hidden; display: block;} .blog .content .detail-list .article_item .con>a:hover{color: #ff6700;} .blog .content .detail-list .article_item .con .tit{line-height: 38px;} .blog .content .detail-list .article_item .con .tit span{margin-right: 20px;} .blog .content .detail-list .article_item .con .desc{color: #444; font-size: 13px;word-break:break-all; /*支持IE，chrome，FF不支持*/ word-wrap:break-word;/*支持IE，chrome，FF*/ } .blog .content .detail-list .article_item .con .desc a{color: #ff6700;} .blog .content .detail-list .article_item .con .desc a:hover{text-decoration: underline;} .blog .content .detail-list .essay_item {height: 100px; padding: 20px 0; border-bottom:solid 1px #eee;overflow: hidden;} .blog .content .detail-list .essay_item .con>a{font-size: 20px; color: #333;height: 27px; overflow: hidden; display: block;} .blog .content .detail-list .essay_item .con .desc {font-size: 12px; width: 88%; color: grey;height: 27px; display: block;} .blog .content .detail-list .essay_item .con .desc a{color: #ff6700;} .blog .content .detail-list .dh_module{overflow: hidden;} .blog .content .detail-list .dh_module>div{border-top: solid 1px #eee; margin-top: 20px;} .blog .content .detail-list .dh_module h3{color: #666; margin-top: -13px; background: #fff; font-size: 17px; height: 20px; font-weight: normal; display: block; width: 73px; padding-left: 5px; margin-left: 10px;} .blog .content .detail-list .dh_module .dh_module_item{overflow: hidden; margin: 15px 0px 0 10px; padding:0 5px 10px 5px;} .blog .content .detail-list .dh_module .dh_module_item a{color: #555; float: left; font-size: 14px; 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 141px; margin-right: 15px;} .blog .content .detail-list .dh_module .dh_module_item a:hover{color:#f50; text-decoration:underline;} .blog .content .detail-list .dh_module .dh_module_item a i.hot{background: url(../images/icon_status.png) no-repeat; background-position: 0px -62px; display: inline-block; width: 15px; height: 20px;} .blog .content .detail-list .dh_module .dh_module_item a i.new{background: url(../images/icon_status.png) no-repeat; background-position: 0px -113px; display: inline-block; width: 15px; height: 20px;} .blog .content .qq_list{margin:15px 0px;} .blog .content .detail-list .qq_items{width: 214px; margin-right: 16px; margin-bottom: 16px; border: solid 1px #eee; padding: 25px 20px; float: left;} .blog .content .detail-list .qq_items:hover{border-color:#ff6700; background: #fff8f8;} .blog .content .detail-list .last{margin-right: 0px !important;} .blog .content .detail-list .qq_items .qq_items_left{float: left; margin-right: 15px;} .blog .content .detail-list .qq_items .qq_items_left p{line-height: 30px;} .blog .content .detail-list .qq_items .qq_items_right{float: left; width: 158px; overflow: hidden;} .blog .content .detail-list .qq_items .qq_items_right .groupColor{height: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 3px; line-height: 15px; color: #ff6700; font-size: 15px;} .blog .content .detail-list .qq_items .qq_items_right .groupNum{line-height: 30px; font-size: 14px; color: #777;} hr{background-color: #ddd; height: 1px; border: 0;} .blog .content .detail-content a{padding: 0 2px; color: #2862ac;} .blog .content .detail-content strong{padding: 2px; color: #555; font-size: 15px;} .blog .content .detail-content a:hover{text-decoration:underline;} .blog .content .detail-content .copyright{margin-top:30px; height:75px; font-size: 15px; line-height: 25px; background: #eee; padding: 10px 15px; color: #555;} .blog .content .detail-content .copyright .reward{width:90px; height: 75px; float: left; position:relative;} .blog .content .detail-content .copyright .reward .qrcode{position:absolute; display:none;} .blog .content .detail-content .copyright .reward a:hover .qrcode{display:block;width:200px; top:-12px; left:90px;} .blog .content .detail-content .copyright .reward a{width: 75px; height: 75px; display:block; font-size:18px; text-decoration:none; border-radius: 75px; background: #ff6700; color: #fff; line-height: 75px; text-align: center;} .blog .content .detail-content h1{display:block; text-align:center; font-size:27px; padding-top:10px; font-weight:bold; height: 33px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .blog .content .detail-content .tit{margin:40px 0; height:30px; font-size: 15px; line-height: 30px; color: #777;} .blog .content .detail-content .tit p{float:left; margin-right: 20px; font-size:15px;} .blog .content .detail-content .tit .share{float:left;} .blog .content .detail-content .tit .view font{font-size:20px; color:#ff6700;} .blog .content .detail-content .con{color:#555;text-align: justify; text-justify: inter-ideograph;/*IE*/} .blog .content .detail-content .con p{font-size:15px; color: #555; margin:15px 0; line-height:28px;} .blog .content .detail-content .con textarea{width: 718px; min-height: 220px; line-height: 25px; padding: 10px; border-color: #ddd; box-shadow: 0 0 6px #ddd inset;} .blog .content .detail-content .con pre{margin:15px 0;} .blog .content .detail-content .con h1{color: #555; font-size:26px;} .blog .content .detail-content .con h2{color: #555; font-size:24px; line-height: 50px;} .blog .content .detail-content .con h3{color: #555; font-size:22px;} .blog .content .detail-content .con h4{color: #555; font-size: 15px; border-left: solid 3px #ff6700; background: #eee; text-indent: 12px !important; line-height: 33px;} .blog .content .detail-content .con h5{color: #555; font-size:16px;} .blog .content .detail-content .detail-content .con h6{font-weight:bold; font-size:12px;} .blog .content .detail-content .con table{ border:0 solid #CCC; border-collapse:collapse; border-spacing:0; border-width:1px 1px 0 0; width:100%; margin:15px auto;} .blog .content .detail-content .con table .firstRow{font-weight:bold} .blog .content .detail-content .con table td{ border:0 solid #CCC; border-width:0 0 1px 1px; padding:5px 20px; font-size:14px;} .blog .content .detail-content .con table p{margin: 0} .blog .content .detail-content .con font{color:#ff6700;} .blog .content .detail-sidebar{width:357px; min-height:200px; float:right; overflow: hidden;} .blog .content .detail-sidebar .userInfo{margin:35px; width:290px; border-radius:104px; height:104px; background:#f5f5f5; overflow:hidden;} .blog .content .detail-sidebar .userInfo .avatar{width:102px; height:102px; border:solid 1px #fff; border-radius:100%; float:left;} .blog .content .detail-sidebar .userInfo .avatar img{width:90px; height:90px; margin:6px; border-radius:100%;} .blog .content .detail-sidebar .userInfo .info{float: left; padding: 18px 0px 0px 10px; line-height: 30px;} .blog .content .detail-sidebar .userInfo .info h3{font-size:18px; color:#ff6700; padding-bottom:5px;} .blog .content .detail-sidebar .userInfo .info p{line-height:18px; display:block; width:150px;} .blog .content .detail-sidebar .search{ padding: 20px; overflow: hidden; border-bottom: solid 1px #eee; } .blog .content .detail-sidebar .search input.txt{ float: left; box-sizing: border-box; border: 1px solid #d3d3d3; border-right: 0; width: 265px; padding: 5px 10px; height: 34px;} .blog .content .detail-sidebar .search input.btn{ float: left; background: url(../images/icon_search.jpg) #ff6700 no-repeat; background-position: 8px 7px; width: 50px; height: 34px; border: 0; cursor: pointer; } .blog .content .detail-sidebar .views{width:357px; height:60px; border-bottom:solid 1px #ececec;} .blog .content .detail-sidebar .views span{display:inline-block; width:120px; color:#666; font-size:14px; margin-left:55px;} .blog .content .detail-sidebar .views span.last{margin-left:15px;} .blog .content .detail-sidebar .views span b{margin-left:5px; font-size: 24px; color: #e94c3d; font-weight: 500;} .blog .content .detail-sidebar .article_new{padding: 20px; overflow:hidden; border-bottom:solid 1px #ececec;} .blog .content .detail-sidebar .article_new h3{font-weight:normal; font-size: 16px; color:#444; margin-bottom: 15px;} .blog .content .detail-sidebar .article_new h3 i{background: #ff6700; width: 2px; height: 18px; display: inline-block; margin-right: 12px; vertical-align: -3px;} .blog .content .detail-sidebar .article_new ul li{height:60px; margin-bottom: 14px;} .blog .content .detail-sidebar .article_new ul li a{font-size:12px; color:#444; } .blog .content .detail-sidebar .article_new ul li a:hover{color:#ff6700; text-decoration:underline;} .blog .content .detail-sidebar .article_new ul li a img{width:105px; height:60px;} .blog .content .detail-sidebar .article_new ul li span{display: inline-block; width: 195px; height: 60px; margin-left: 10px;} .blog .content .detail-sidebar .essay_new{padding: 20px; overflow:hidden; border-bottom:solid 1px #ececec;} .blog .content .detail-sidebar .essay_new h3{font-weight:normal; font-size: 16px; color:#444; margin-bottom: 15px;} .blog .content .detail-sidebar .essay_new h3 i{background: #ff6700; width: 2px; height: 18px; display: inline-block; margin-right: 12px; vertical-align: -3px;} .blog .content .detail-sidebar .essay_new ul li{margin-bottom: 14px;} .blog .content .detail-sidebar .essay_new ul li a{font-size:12px; color:#444; } .blog .content .detail-sidebar .essay_new ul li a:hover{color:#ff6700; text-decoration:underline;} .blog .content .detail-sidebar .essay_new ul li a img{width:105px; height:60px;} .blog .content .detail-sidebar .essay_new ul li span{display: inline-block; width: 195px; height: 60px; margin-left: 10px;} .blog .content .detail-sidebar .article_hot,.blog .content .detail-sidebar .article_like{padding: 20px; overflow:hidden; border-bottom:solid 1px #ececec;} .blog .content .detail-sidebar .article_new ul li span a{vertical-align: top; font-size: 13px; line-height: 18px;word-break:break-all; /*支持IE，chrome，FF不支持*/ word-wrap:break-word;/*支持IE，chrome，FF*/} .blog .content .detail-sidebar .article_hot h3,.blog .content .detail-sidebar .article_like h3{font-weight:normal; font-size: 16px; color:#444; margin-bottom: 15px;} .blog .content .detail-sidebar .article_hot h3 i,.blog .content .detail-sidebar .article_like h3 i{background: #ff6700; width: 2px; height: 18px; display: inline-block; margin-right: 12px; vertical-align: -3px;} .blog .content .detail-sidebar .article_hot ul li{color: #555; font-size:13px; white-space: nowrap; text-overflow: ellipsis; line-height:28px; overflow: hidden; height: 28px;} .blog .content .detail-sidebar .article_hot ul li a{font-size:13px; color:#555; background: url("../images/libg.png") no-repeat 0 14px; transition: all 0.3s ease 0s; padding-left: 15px; display: inline-block;} .blog .content .detail-sidebar .article_hot ul li a:hover{color:#ff6700; background-position: 0 -14px;} .blog .content .detail-sidebar .article_like ul li{float:left;width:158px;} .blog .content .detail-sidebar .article_like ul li a{font-size: 13px; display: block; width: 147px; text-overflow: ellipsis; overflow: hidden; line-height: 35px; white-space: nowrap; text-align: center;} .blog .content .detail-sidebar .search .item_input{margin-bottom: 15px;} .blog .content .detail-sidebar .search .item_input input{border: solid 1px #eee; display: block; width: 316px; height: 35px; text-indent: 8px; color: #555;border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.050); box-shadow: inset 0 1px 1px rgba(0,0,0,.050); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;} .blog .content .detail-sidebar .search .item_input input:focus,.blog .content .detail-sidebar .search .item_input textarea:focus{border-color: rgba(82, 168, 236, 0.8); outline: 0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);} .blog .content .detail-sidebar .search .item_input textarea{width: 300px; line-height: 23px; height: 69px; padding: 6px 8px; border: solid 1px #eee; color: #555; word-break: break-all; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.050); box-shadow: inset 0 1px 1px rgba(0,0,0,.050); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;} .blog .content .detail-sidebar .search .item_submit input{display: block; width: 317px; text-align: center; height: 40px; background: #ff6700; border-width: 0px; cursor: pointer; color: #fff; font-size: 16px; border-radius: 2px; border: 1px solid #e72116; box-shadow: 0px 1px 2px rgba(0,0,0,0.20);} .color_blue a{color: #4588cc !important; padding: 0px!important; background: none !important;} .color_blue a:hover{color: #ff6700 !important;} .daohang ul.cat{margin:-8px 0;} .daohang .cat li{display: block; width: 105px; float: left;} .insight .top h1{ font-size:24px; line-height:30px; margin:15px auto;} .insight .top h1 em{ padding:0 20px; line-height:22px; display:inline-block; border-radius:22px; text-align:center; font-size:14px; margin-right:15px; vertical-align:3px;} .insight .top h1 em.b1{ border:1px solid #e8989b; background:#feeff0; color:#ff6700; } .insight .top h1 em.b2{ border:1px solid #cfcfcf; background:#f7f7f7; color:#777; } .insight .top .fl{ float:left;} .insight .top.line{ border-bottom:1px solid #e9e9e9; padding-bottom:25px; position:relative;} .insight .top p{ float:left; margin-right:20px; line-height:30px; color:#777;} .insight .top a.bt{ width:120px; line-height:36px; text-align:center; float:right; border-radius:2px; color:#fff; font-size:14px; background:#ff6700; display:block;} .insight .top a.bt:hover{ background:#cb1d24;} .insight .con p{ margin-top:30px; font-size:14px; line-height:28px;} .insight .bottom.big{ margin:40px auto 130px auto;} .insight .top.line a.baom{ background:#ff6700; width:120px; line-height:36px; text-align:center; color:#fff; position:absolute; right:0; top:30px; -webkit-border-radius:2px; border-radius:2px; font-size:14px; display:block;} .insight .top.line a.baom:hover{ background:#be1319;} .biaomingbox{ width:100%; border-top:1px solid #f4f4f4; text-align:center; margin:40px auto 120px auto; padding-top:50px;} .biaomingbox p{ font-size:16px;} .biaomingbox a{ background:#ff6700; width:160px; line-height:44px; text-align:center; color:#fff; -webkit-border-radius:2px; border-radius:2px; font-size:14px; display:block; margin:0 auto; margin-top:20px;} .biaomingbox a:hover{ background:#be1319;} /*分享按钮*/ .insight .top .shrae{ color:#777; line-height:30px; display:inline-block;} .iconfont{color:#fff} @font-face{font-family:iconfont;src:url(iconfont.eot);src:url(iconfont.eot?#iefix)format('embedded-opentype'),url(iconfont.woff)format('woff'),url(iconfont.ttf)format('truetype'),url(iconfont.svg#iconfont)format('svg')} .iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;width:30px;height:30px;line-height:30px;border-radius:50%;display:inline-block;vertical-align:top; text-align:center;} .icon-weixin{cursor:pointer; background: url(../images/icon.png) 401px 0px;font-size:20px; margin-left:5px;} .icon-qzone{cursor:pointer; background: url(../images/icon.png) 354px 0px;font-size:20px; margin-left:5px;} .icon-sina{cursor:pointer; background: url(../images/icon.png) 308px 0px;font-size:20px; margin-left:5px;} .icon-qq{cursor:pointer; background: url(../images/icon.png) 262px 0px;font-size:20px; margin-left:5px;} .insight .bottom { width:100%; text-align:center; margin:30px auto;} .insight .bottom a.bt{ width:160px; line-height:44px; text-align:center; border-radius:2px; color:#fff; font-size:14px; background:#ff6700; display:block; margin:25px auto;} .insight .bottom a.bt:hover{ background:#cb1d24;} .insight .bottom .shrae{ width:100%; text-align:center; line-height:30px; color:#777;} .case_more{ width:100%; border-top:1px solid #e9e9e9; padding:40px 0;} .case_more .top{ width:1000px; } .case_more .top dl{ width:320px; height:370px; float:left; background:#f8f8f8; margin:0px 20px 0 0;} .case_more.ai{ border:0; padding:40px 0 100px 0; } .case_more.ai .top dl{ height:300px; padding-bottom:30px;} .case_more .top dl.last{ margin:0px 0 0 0;} .case_more .top dl a{ display:block; } .case_more .top dl a:hover{ color:#333;} .case_more .top dl dt{ padding:0 18px; color:#777;} .case_more .top dl dt h1{ font-size:16px; color:#ff6700; margin:15px 0 5px 0;} .case_more.ai .top dl dt h1{ color:#333;} .case_more .top dl a:hover h1{ text-decoration:underline;} .case_more .top dl a:hover dt{ color:#333;} .case_more .top dl dt span{ color:#ff6700;} .case_more .top dl dd img{ width:100%;} .case_more .bottom{ width:100%; text-align:center; margin:50px auto;} .case_more .bottom h1{ font-size:20px; line-height:30px;} .case_more .bottom a{ width:160px; line-height:44px; text-align:center; border-radius:2px; color:#fff; font-size:16px; background:#555555; display:block; margin:15px auto;} .case_more .bottom a:hover{ background:#414040;} /*解决方案*/ .case{ width:1000px; margin:0 auto; } .case .top{ text-align:center;} .case .top h1{ font-size:24px; line-height:30px; margin:50px auto 20px auto;} .case .top dl{ height:60px; display:inline-block; color:#777; line-height:20px; width:170px; border-right:1px solid #e8e8e8; padding:10px 62px; margin:10px 0; overflow:hidden; } .case .top dl dd{ font-size:16px; color:#ff6700; border-bottom:1px solid #fff; margin-bottom:8px; display:inline; padding-bottom:4px; line-height:32px; } .case .top dl.last{border-right:0px; } .case .top dl a.on dd{color:#ff6700; border-bottom:1px solid #ff6700;} .case .top dl a:hover dd{ color:#ff6700; border-bottom:1px solid #ff6700;} .case .top dl a{ color:#777;} .case .top dl a:hover{ color:#777;} .case .bottom{ padding:40px 0 60px 0;} .case .bottom .list{ width:100%; clear:both; overflow:hidden; border-bottom:1px solid #e9e9e9; padding:50px 0;} .case .bottom .list.last{ border-bottom:0px;} .case .bottom .list dl{ width:100%; overflow:hidden; } .case .bottom .list dl dd{ width:60px; float:left; } .case .bottom .list dl dt{ width:920px; float:right; font-size:16px; color:#444;} .case .bottom .list dl dt h1{ font-size:24px; line-height:30px; margin-bottom:5px;} .case .bottom .list .txt{ width:100%; clear:both; overflow:hidden; margin-top:35px;} .case .bottom .list .txt .fl{ padding-left:80px;} .case .bottom .list .txt .fl ul{ margin-bottom:20px; overflow:hidden; color:#666;} .case .bottom .list .txt .fl a.bt{ line-height:30px; text-align:center; border-radius:2px; color:#666; font-size:12px; background:#fff; display:inline-block; padding:0 15px; border:1px solid #dfdfdf; margin-right:10px; } .case .bottom .list .txt .fl a.bt:hover{ color:#000;} .case .bottom .list .txt .fr{ margin-top:10px;} .case .bottom .list .txt .fl a.bt i{ background:url(../images/pad.jpg) no-repeat; display:inline-block; margin-right:5px; width:16px; height:16px; vertical-align:-3px;} .case .con{ background:url(../images/lined.jpg) repeat-x; width:100%; height:25px; line-height:25px; text-align:center; overflow:hidden; } .case .con h3{ font-size:16px; display:inline-block; padding:0 25px; background:#fff; font-weight:normal;} /*关于我们*/ .about{ width:1000px; margin:35px auto 0 auto;} .about .tab{ width:100%; text-align:center;} .about .tab li{ display:inline-block; margin:0 20px;} .about .tab li a{ display:inline-block; border-bottom:1px solid #fff; font-size:16px; line-height:45px;} .about .tab li a:hover{ color:#ff6700; border-bottom:1px solid #ff6700;} .about .tab li.on a{ color:#ff6700; border-bottom:1px solid #ff6700;} .chance1{ margin-top:40px;} .chance1 .top_cor h1{ font-size:24px; line-height:30px; color:#ff6700;} .chance1 .top_cor p{ font-size:14px; margin-top:15px; } .chance1 .con_cor{ width:100%; margin-top:20px;} .chance1 .con_cor ul{ width:460px; float:left; font-size:14px; line-height:28px; } .chance1 .con_cor ul li{ margin-bottom:40px;} .chance1 .con_cor .fr{ margin-top:10px;} #J_navlist{ width:100%; overflow:hidden; } #J_navlist .list-item.none{display:none;} #J_navlist li{ border-bottom:1px solid #e1e1e1; display:block; padding:0px; position:relative;min-height:78px;_height:78px;z-index:10;zoom:1; margin:0 auto; clear:both;} #J_navlist li.last{ border:0;} #J_navlist li h4{ font-size:16px; line-height:78px; font-weight:normal; cursor:pointer;} #J_navlist li h4 em{ width:2px; height:18px; background:#ff6700; display:inline-block; margin-right:12px; vertical-align:-3px;} #J_navlist li h4 strong{ width:195px; display:inline-block; font-weight:normal;} #J_navlist li h4 span{ font-size:12px; } #J_navlist li dl{ color:#666; line-height:28px;} #J_navlist li h4 i{cursor:pointer; background:url(../images/down.jpg) no-repeat; display:block; width:11px; height:8px; float:right; margin:32px 20px 0 0px;} #J_navlist li.selected h4 i{ background:url(../images/up.jpg) no-repeat;} #J_navlist li .list-item{ position:relative;zoom:1; padding:0 14px; } #J_navlist li .list-item dl{ margin-bottom:30px;} .chance1 .bottom{ width:100%; text-align:center; margin:50px auto 100px auto;} .chance1 .bottom h1{ font-size:20px;} .chance1 .bottom a{ width:200px; line-height:44px; text-align:center; border-radius:2px; color:#fff; font-size:14px; background:#ff6700; display:block; margin:15px auto;} .chance1 .bottom a:hover{ background:#c91b22;} /*伙伴*/ .partner{ width:1020px; margin:0 auto; text-align:center;} .partner.last{ padding-bottom:100px;} .partner h1{ font-size:20px; text-align:center; margin:30px auto; } .partner .con{ width:100%; overflow:hidden; margin:30px auto;} .partner .con dl{ width:150px; height:95px; float:left; margin:10px;} .partner .con dl img{ width:148px; border:1px solid #e6e6e6; } .contact{ width:1000px; margin:50px auto 100px auto;} .contact .top dl{ width:319px; height:100px; float:left; border-right:1px solid #f0f0f0; margin:0px 20px 0 0;} .contact .top dl.last{ margin:0px 0 0 0; border:0;} .contact .top dl a{ display:block; } .contact .top dl a:hover{ color:#333;} .contact .top dl dt{ padding:0 18px; color:#777;} .contact .top dl dt h1{ font-size:16px; color:#ff6700; margin:15px 0 5px 0;} .contact .top dl a:hover h1{ text-decoration:underline;} .contact .top dl a:hover dt{ color:#333;} .contact .top dl dt span{ color:#ff6700;} .contact .top dl dd img{ width:100%;} .contact .bottom{ width:100%; text-align:center; margin-top:50px; } .contact .bottom .line{ background:url(../images/lined.jpg) repeat-x; width:100%; height:25px;} .contact .bottom .line h1{ background:#fff; display:inline-block; padding:0 20px; font-size:24px; line-height:25px;} .contact .bottom p{ font-size:16px; line-height:34px; margin-top:5px;} .contact .bottom p img{ margin:10px 0 20px 0;} /*关于我们主页*/ .about_index{ margin-top:40px;} .about_index .top h1{ font-size:24px; line-height:30px; color:#ff6700;} .about_index .top p{ font-size:14px; margin-top:15px; } .about_index .con{ width:100%; margin-top:20px;} .about_index .con ul{ width:460px; float:left; font-size:14px; line-height:28px; } .about_index .con ul li{ margin-bottom:0px;} .about_index .con .fr{ margin-top:10px; position:relative;} .about_index .con .fr i{ background:url(../images/play.png) no-repeat; width:72px; height:73px; display:block; position:absolute; left:50%; top:50%; margin:-36px 0 0 -36px;} .about_index .txt ul{ float:left; font-size:14px; line-height:28px; margin:25px 100px 0 0; } .about_index .bottom{ width:100%; padding-bottom:140px;} .about_index .bottom dl{ width:250px; height:40px; margin:50px 0 0 0; float:left;} .about_index .bottom dl dd{ float:left; background:url(../images/common.png) no-repeat; width:39px; height:37px; margin:0px 10px 0 15px;} .about_index .bottom dl dd.b1{ background-position:0 0;} .about_index .bottom dl dd.b2{ background-position:-47px 0; } .about_index .bottom dl dd.b3{ background-position:-102px 0; width:44px;} .about_index .bottom dl dd.b4{ background-position:-152px 0; margin-top:3px;} .about_index .bottom dl dd.b5{ background-position:-206px 0; margin-top:3px;} .about_index .bottom dl dd.b6{ background-position:-255px 0; margin-top:3px;} .about_index .bottom dl dd.b7{ background-position:-304px 0; margin-top:3px;} .about_index .bottom dl dd.b8{ background-position:-352px 0; margin-top:3px;} .about_index .bottom dl dt { color:#666;} .about_index .bottom dl dt h3{ font-weight:normal;margin-top:8px; font-size:16px; color:#ff6700;} .con_pic{ width:100%; margin:50px auto 20px auto;} .con_pic img{ width:100%;} .about_jieshao{ width:1000px; margin:0 auto; margin-top:40px;} .about_jieshao h1{ font-size:24px; color:#ff6700;} .about_jieshao p{ font-size:14px; line-height:28px; margin-top:15px;} .xieyi{ width:1200px; margin:0 auto; overflow:hidden; font-size:14px; line-height:28px; margin:120px auto 100px auto;} .xieyi h2{ font-size:14px; font-weight:bold; margin-top:30px;} .course{ width:1000px; margin:0 auto; padding:40px 0; border-bottom:1px solid #e7e7e7;} .course ul.top{ padding-left:20px; height:52px; border-left:4px solid #ff6700;} .course ul.top h1{ font-size:24px; line-height:25px; margin-bottom:5px;} .course .con{ margin-top:20px;} .course .con dl{ width:320px; height:290px; float:left; margin:20px 20px 0 0;} .course .con dl.last{ margin:20px 0 0 0;} .course .con dl a{ display:block; } .course .con dl a:hover{ color:#333;} .course .con dl dt{ color:#777;} .course .con dl dt h1{ font-size:16px; color:#333; margin:15px 0 5px 0;} .course .con dl a:hover h1{ text-decoration:underline;} .course .con dl a:hover dt{ color:#333;} .course .con dl dt span{ color:#ff6700;} .course .con dl dd img{ width:100%;} .login{ width:520px; margin:0 auto 200px auto; border:1px solid #ededed; background:#fff; margin-top:-118px; height:420px;} .login h1{ font-size:24px; text-align:center; line-height:30px; margin-top:40px;} .login table{ width:342px; margin:0 auto; margin-top:30px; } .login table .txt{ width:322px; height:24px; padding:10px; border:1px solid #dadada; border-radius:2px; background:#fcfcfc; font-size:14px;} .login table label input{ vertical-align:-2px;} .login table .btn{ width:100%; height:46px; font-size:18px; color:#fff; border-radius:2px; background:#ff6700; cursor:pointer; border:0;} .login table .btn:hover{ background:#c1131a;} .login table a.zhu{ color:#ff6700;} .login table a.zhu:hover{ text-decoration:underline;} .lecturer{ width:1000px; margin:0 auto; padding-bottom:80px;} .lecturer dl{ width:300px; height:595px; float:left; margin:50px 50px 0 0;} .lecturer dl.last{ margin:50px 0 0 0;} .lecturer.duan dl{ height:545px; } .lecturer dl a{ display:block; } .lecturer dl a:hover{ color:#333;} .lecturer dl dt{ color:#777;} .lecturer dl dt h1{ font-size:16px; color:#333; margin:15px 0 5px 0;} .lecturer dl dt h2{ font-size:14px; color:#333; margin:0px 0 5px 0;} .lecturer dl a:hover h1{ color:#ff6700;} .lecturer dl a:hover h2{ color:#ff6700;} .lecturer dl a:hover dt{ color:#ff6700;} .lecturer dl a:hover dt p{ color:#777;} .lecturer dl dd img{ width:100%;} .lecturer_con{ margin-top:50px;} .lecturer_con.xiao{ margin-top:30px;} .lecturer_con .pic{ float:left; width:300px;} .lecturer_con ul{ width:660px; float:right; font-size:14px; line-height:24px;} .lecturer_con ul li{ margin-bottom:20px;} .lecturer_con ul h1{ font-size:24px;} .lecturer_con ul h2{ font-size:16px;} .market{ width:1000px; margin:0 auto; padding-bottom:40px;} .market dl{ width:100%; border-bottom:1px solid #e9e9e9; padding:40px 0;} .market dl.last{ border-bottom:0;} .market dd{ position:relative;} .market dd span{ position:absolute; right:-10px; bottom:20px; background:#3d3d3d; width:160px; height:50px; text-align:center; line-height:50px; color:#fff; font-size:20px;} .market dt h1{ font-size:24px; line-height:30px; margin:15px auto;} .market dt h1 em{ padding:0 20px; line-height:22px; display:inline-block; border-radius:22px; text-align:center; font-size:14px; margin-right:15px; vertical-align:3px;} .market dt h1 em.b1{ border:1px solid #e8989b; background:#feeff0; color:#ff6700; } .market dt h1 em.b2{ border:1px solid #cfcfcf; background:#f7f7f7; color:#777; } .market dt p{ color:#777777; font-size:12px; line-height:24px;} .market dt .btn{ display:block; width:160px; height:44px; line-height:44px; margin:0px auto; border-radius:2px; font-size:16px; text-align:center; margin-top:40px;} .market dt .btn.b1{ background:#ff6700; color:#fff;} .market dt .btn.b1:hover{ background:#c7171e;} .market dt .btn.b2{ background:#eeeeee; color:#333;} .market dt .btn.b2:hover{ background:#e3e0e0;} /*荣誉*/ .rongyu{ width:100%; text-align:center; padding-bottom:120px;} .rongyu ul{ font-size:14px; line-height:28px; width:100%; overflow:hidden; margin-top:40px; } .rongyu ul h2{ font-size:20px; line-height:30px; margin-bottom:5px; color:#ff6700;} .zereng{ width:100%; padding:50px 0 100px 0;} .zereng h1{ font-size:24px; line-height:30px; color:#ff6700;} .zereng p{ font-size:14px; line-height:24px; margin-top:30px;} .lecturer_bot{ width:100%; clear:both;} .lecturer_bot a.list{ display:block; width:465px; height:230px; float:left; margin:40px 35px 10px 0; } .lecturer_bot a.list dd{ width:180px; float:left;} .lecturer_bot a.list dd img{ width:100%;} .lecturer_bot a.list dt{ width:265px; float:right; color:#777;} .lecturer_bot a.list dt h1{ font-size:16px; color:#333; } .lecturer_bot a.list dt h3{ font-size:12px; font-weight:normal; color:#333; } .lecturer_bot a.list:hover dt h1{ color:#ff6700;} .lecturer_bot a.list:hover dt h3{ color:#ff6700;} .lecturer_bot a.list:hover dt{ color:#777;} .bigpartner{ width:1000px; margin:30px auto 170px auto;} .bigpartner dl{ width:320px; float:left; margin:40px 20px 0 0; text-align:center; font-size:16px;} .bigpartner dl.last{ margin:40px 0 0 0;} .bigpartner dl dd img{ width:318px; height:198px; border:1px solid #e6e6e6;} .bigpartner dl dt{ margin-top:15px;} .kechengb{ width:100%; margin:0 auto; margin-top:60px;} .kechengb h2{ font-size:18px; color:#ff6700; margin-top:35px;} .kechengb h2 i{ width:4px; height:18px; margin-right:10px; display:inline-block; background:#ff6700; vertical-align:-3px;} .kechengb p{ font-size:14px; line-height:28px; margin-top:20px;} .kechengb video{ width:700px; height:400px; display:block; margin:40px auto;} .kechengb ul{ width:100%; border-bottom:1px solid #e9e9e9; padding:20px 0 50px 0;} .kechengb ul em{ background:url(../images/shu_03.jpg) no-repeat; width:23px; height:20px; display:inline-block; margin-right:10px; vertical-align:-5px;} .kechengb ul li a{ font-size:14px; line-height:36px;} @media (max-width:1030px) { .box{ width:100%;} .about_box ul,.kechengb,.kechengb ul{ width:90%;} .about_box h2{ width:90%;} .news{ width:100%;} .news .list{ width:90%;} .news .list .pic{ width:30%} .news .list ul{ width:65%;} .insight .top,.insight .con{ width:90%; margin:0 auto;} .case_more .top{ width:90%;} .case_more .top dl{ width:30%; margin:0 1.5%} .case_more .top dl.last{ margin:0px 1.5%;} .course .con dl{ width:30%; margin:20px 1.5%} .course .con dl.last{ margin:20px 1.5%;} .lecturer dl{ width:30%; margin:30px 1.5% 0 1.5%;} .lecturer dl.last{ margin:30px 0 0 0;} .case,.biaomingbox{ width:90%;} .case .bottom .list dl dt{ width:100%; float:left; margin-left:80px; margin-top:-60px;} .about{ width:90%;} .chance1 .con_cor ul{ width:48%;} .chance1 .con_cor .fr{ width:48%; margin-top:10px;} .partner { width:90%;} .contact{ width:90%;} .contact .top{ width:100%;} .contact .top dl{ width:30%; height:auto; padding:10px 0 20px 0; margin:20px 1.5%;} .contact .top dl.last{ margin:20px 1.5%;} .about_index .con ul{ width:48%;} .about_index .con .fr{ width:48%; margin-top:10px;} .about_index .bottom dl{ width:25%;} .about_jieshao,.xieyi,.course,.lecturer,.market{ width:90%;} .lecturer_con .pic{ width:30%;} .lecturer_con ul{ width:66%;} .con_pic .fl{ width:66.15%;} .con_pic .fr{ width:33.85%; } .lecturer_bot a.list{ display:block; width:44%; float:left; height:350px; margin:0px 6% 20px 0;} .lecturer_bot a.list dd{ width:40%; } .lecturer_bot a.list dt{ width:57%; } .bigpartner{ width:100%; margin:20px auto 50px auto;} .bigpartner dl{ width:30%; margin:40px 1.5% 0 1.5%; font-size:14px; } .bigpartner dl.last{ margin:40px 1.5% 0 1.5%; } .bigpartner dl dd img{ width:auto; height:auto; } } @media (max-width: 768px) { .about_box{ margin-top:50px;} .about_index .top h1{ font-size:20px; line-height:24px;} .about_index .con ul{ width:100%; float:none;} .about_index .con ul li{ margin-bottom:20px;} .about_index .con .fr{ width:100%; float:none; margin-top:10px;} .about_index .txt ul{ float:none; margin:25px 0 0 0;} .login{ width:90%; margin:30px auto 100px auto; } .login h1{ font-size:18px; line-height:24px; margin-top:30px;} .login table{ width:80%; margin:0 auto; margin-top:30px;} .lecturer{ padding-bottom:30px;} .lecturer dl{ width:100%; height:auto; padding-bottom:20px; float:none; margin:10px auto;} .lecturer dl.last{ width:100%; margin:10px auto; float:none;} .lecturer.duan dl{ height:auto; } .contact .top dl{ width:100%; height:auto; padding:10px 0 20px 0; float:none; background:#f8f8f8; margin:20px auto;} .contact .top dl.last{ margin:20px auto;} .con_pic .fl{ width:100%; float:none;} .con_pic .fr{ width:100%; float:none;} .lecturer_bot a.list{ display:block; width:45%; float:left; margin:0px 10% 30px 0; height:550px;} .lecturer_bot a.list.last{ margin:0px 0 30px 0;} .lecturer_bot a.list dd{ width:100%; float:none; } .lecturer_bot a.list dt{ width:100%; float:none; margin-top:10px; } .bigpartner dl{ width:40%; margin:40px 5% 0 5%; } .bigpartner dl.last{ margin:40px 5% 0 5%; } .kechengb video{ width:90%; height:auto; margin:20px auto;} .insight .top.line a.baom{ position:inherit; right:0; top:0px; margin-top:10px;} } @media (max-width:476px) { .about_box.big{ height:300px;} .about_box.big h1{ line-height:300px;} .about_box{ height:210px;} .about_box h1{ font-size:14px; line-height:220px;} .about_box h2{ font-size:14px; line-height:220px;} .about_box ul{ font-size:14px; line-height:32px; margin-top:60px;} .news{padding-bottom:20px;} .news .tab li{ display:inline-block; margin:0 20px;} .news .list{ padding:20px 0;} .news .list .pic{ width:100%; float:none; margin-bottom:10px;} .news .list ul{ width:100%; float:none;} .news .list ul li{ margin-bottom:0;} .news .list ul h1 a{ font-size:16px;} .case_more .top dl{ width:100%; height:auto; padding-bottom:20px; float:none; background:#f8f8f8; margin:20px auto;} .case_more .top dl.last{ margin:20px auto;} .course .con dl{ width:100%; height:auto; float:none; margin:20px auto;} .course{ padding:30px 0; } .course ul.top{ padding-left:10px; height:45px; border-left:2px solid #ff6700;} .course ul.top h1{ font-size:18px; line-height:20px; margin-bottom:4px;} .case_more .bottom{ margin:20px auto;} .case_more .bottom h1{ font-size:18px;} .case_more .bottom a{ width:90%;} .case .top h1{ font-size:20px;} .case .top dl{ height:60px; float:left; width:100%; border:0; height:auto; border-bottom:1px solid #e8e8e8; margin:5px auto; padding:10px 0;} .case .top dl.last{ border-bottom:1px solid e8e8e8;} .case .bottom .list{ padding:20px 0;} .case .bottom .list .txt .fl{ width:100%; float:none; padding:0;} .case .bottom .list .txt .fr{ width:100%; float:none; margin-top:20px;} .case .bottom .list dl dt{ font-size:14px; color:#444;} .case .bottom .list dl dt h1{ font-size:16px; line-height:20px; margin-bottom:5px;} .case .bottom .list .txt .fl ul{ margin-bottom:10px;} .chance1 .top_cor h1{ font-size:20px; line-height:24px;} .chance1 .con_cor ul{ width:100%; float:none;} .chance1 .con_cor ul li{ margin-bottom:20px;} .chance1 .con_cor .fr{ width:100%; float:none; margin-top:10px;} #J_navlist li h4{ font-size:14px;} #J_navlist li h4 strong{ width:auto; margin-right:5px;} .chance1 .bottom h1{ font-size:18px;} .chance1 .bottom a{ width:100%; } .about .tab li{ display:block; width:50%; margin:0px; float:left; } .partner.last{ padding-bottom:20px;} .partner h1{ font-size:16px; margin:20px auto;} .partner .con dl{ width:46%; margin:2px 2%; overflow:inherit; } .partner .con dl img{ width:96%;} .contact{ width:100%; margin:30px auto;} .about_index .bottom{ padding-bottom:30px;} .about_index .bottom dl{ width:50%;} .about_index .bottom dl dt h3{ font-size:14px;} .about_index .bottom dl dd{ margin:3px 5px 0 0px;} .about_jieshao h1{ font-size:18px;} .case_more.ai{ padding:20px 0 30px 0; } .xieyi{ margin:30px auto;} .lecturer_con{ margin-top:20px;} .lecturer_con .pic{ width:100%; float:none;} .lecturer_con ul{ width:100%; float:none; margin-top:20px;} .lecturer_con ul h1{ font-size:18px;} .lecturer_con ul li{ margin-bottom:10px;} .market dd span{ right:0px; bottom:10px; width:auto; height:auto; text-align:center; line-height:20px; padding:0 10px; font-size:12px;} .market dt h1{ font-size:16px; line-height:20px; margin:10px auto;} .market dt h1 em{ padding:0 10px; font-size:12px; margin-right:10px; vertical-align:1px;} .zereng h1{ font-size:18px;} .zereng p{ margin-top:15px;} .con_pic{ width:100%; margin:20px auto;} .insight .top a.bt{ width:90px;} .lecturer_bot a.list{ height:500px;} .bigpartner dl{ width:80%; margin:20px auto; float:none; } .bigpartner dl.last{ margin:20px auto; } .insight .top h1{ font-size:16px; line-height:20px; margin:10px auto;} .insight .top h1 em{ padding:0 10px; font-size:12px; margin-right:10px; vertical-align:1px;} .insight .bottom.big{ margin:40px auto 50px auto;} .biaomingbox{ margin:20px auto 60px auto; padding-top:30px;} } @media (max-width:400px) { .insight .top p{ margin-right:0px; } .insight .top a.bt{ width:90px; float:none; margin-top:10px; clear:both; overflow:hidden;} .login table .txt{ width:220px; padding:5px 10px;} .login table .btn{ width:242px; height:36px; font-size:14px;} } .theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6; display:none;} .popover1{ width:400px; height:450px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -200px; box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;} .popover1 .top{ width:100%; background:#fff; line-height:34px;} .popover1 .top .bt{ float:right; font-size:20px; margin-right:20px; margin-top:5px;} .popover1 li{ margin-bottom:20px;} .popover1 li h1{ font-size:20px;} .popover1 li .txt{ width:318px; height:24px; padding:10px; background:#fcfcfc; border:1px solid #dadada; border-radius:2px;} .popover1 li .btn{ width:340px; height:46px; background:#ff6700; font-size:14px; cursor:pointer; border:0; border-radius:2px; color:#fff;} .popover1 li .btn.disabled{ background:#e7e7e7; color:#6f6f6f;} @media (max-width:400px) { .popover1{ width:100%; top:50%;left:50%; background:#fff; margin:-250px 0 0 -50%; } .popover1 li .txt{ width:258px; height:24px; padding:10px; background:#fcfcfc; border:1px solid #dadada; border-radius:2px; color:#333;} .popover1 li .btn{ width:280px; height:46px; background:#ff6700; font-size:14px; cursor:pointer; border:0; border-radius:2px; color:#fff;} } .error { color:red; padding-left: 20px; float: left; } .popover1 li .txt.errorC { border:1px solid red; color:#f00; color:red; } /*.popover1 li .txt.checkedN { border: 1px solid #1ece6d; color:#999; } */ /*20160521*/ .MMS_news{ width:1000px; margin:0 auto;} .MMS_news .top{ width:100%; position:relative; text-align:center; margin-top:50px;} .MMS_news .top h1{ display:inline-block; padding:0 20px; background:#fff; font-size:20px; line-height:24px; position:relative; z-index:10;} .MMS_news .top em{ background:#dcdcdc; width:100%; height:1px; position:absolute; left:0; top:12px;} .MMS_news .con{ width:100%; margin-top:20px;} .MMS_news .con dl{ width:320px; float:left; text-align:center; font-size:14px; line-height:26px; margin:20px 20px 0 0; overflow:hidden;} .MMS_news .con dl.last{ margin:20px 0 0 0;} .MMS_news .con dl dd{ width:100%; height:200px;} .MMS_news .con dl dt{ margin-top:10px; padding:0 10px;} .MMS_news .btn{ width:100%; text-align:center; clear:both; margin:110px auto;} .MMS_news .btn a{ width:330px; line-height:50px; border-radius:2px; background:#c4141b; color:#fff; font-size:14px; display:inline-block;} .MMS_news .btn a:hover{ background:#b30e15;} .guest{ width:1000px; margin:0 auto; } .guest .con dl{ width:227px; height:440px; background:#f8f8f8; float:left; margin:40px 30px 0 0; text-align:center;} .guest .con dl.last{ margin:40px 0 0 0;} .guest .con dl dd{ width:100%; height:275px;} .guest .con dl dt{ margin-top:10px;} .guest .con dl dt h1{ font-size:14px; color:#333;} .guest .con dl dt p {font-size: 12px;padding:0 10px;color: #777; height:40px;} .guest .con dl dt span{ width:86px; line-height:30px; border:1px solid #c4141b; border-radius:2px; display:inline-block; color:#c4141b;} .guest .con dl a:hover dt span{ background:#c4141b; color:#fff; transition:all ease-in .3s;} .guest .btn{ width:100%; text-align:center; clear:both; margin:70px auto 110px auto;} .guest .btn a{ width:330px; line-height:50px; border-radius:2px; background:#c4141b; color:#fff; font-size:14px; display:inline-block;} .guest .btn a:hover{ background:#b30e15;} .schedule_banner{ width:100%; height:640px; margin-top:100px; overflow:hidden;} .schedule_txt{ width:100%; background:#f9f9f9;} .schedule_txt .con{ width:1000px; margin:70px auto; text-align:center;} .schedule_txt .con h1{ font-size:30px; line-height:35px; margin-bottom:25px;} .schedule_txt .con p{ font-size:14px; line-height:30px; color:#777777; text-align:left;} .schedule{ width:1000px; margin:0 auto;} .schedule .txt{ width:100%; text-align:center; margin-top:70px;} .schedule .txt h1{ font-size:30px; line-height:35px; margin-bottom:25px;} .schedule .txt p{ font-size:14px; line-height:30px; color:#777777;text-align:left;} .dianbox{ width:100%; border-top:1px solid #e6e6e6; padding:40px 0 70px 0; margin-top:40px;} .dianbox dl{ width:250px; float:left; text-align:center;} .dianbox dl h1{ font-size:16px; color:#c4141b;} .dianbox dl p{ line-height:22px; color:#777777; padding:10px 15px; text-align:left;} .schedule_jie{ width:100%; background:#f9f9f9; clear:both; padding:65px 0;} .schedule_jie .listbox{ width:1000px; margin:0 auto; margin-top:20px;} .schedule_jie h1{ font-size:30px; line-height:35px; text-align:center; margin-bottom:60px;} .schedule_jie .top{ width:100%; position:relative; text-align:center;} .schedule_jie .top h2{ display:inline-block; padding:0 20px; background:#f9f9f9; font-size:16px; line-height:24px; position:relative; z-index:10;} .schedule_jie .top em{ background:#dcdcdc; width:100%; height:1px; position:absolute; left:0; top:12px;} .schedule_jie .con{ width:715px; margin:40px auto;} .schedule_jie .row{ width:100%; background:url(../images/yuanline.png) no-repeat 95px 4px; color:#777; padding-bottom:10px; } .schedule_jie .row:nth-child(1){ padding-bottom:35px;} .schedule_jie .row span{ display:block; width:80px; float:left; text-align:right; } .schedule_jie .row ul{ width:585px; float:right; } .schedule_jie .row ul strong,.schedule_jie .row ul em{ color:#333;} .schedule_jie .row ul i{ display:inline-block; width:50px; float:left;} .schedule_jie .row ul p{ display:block; padding-left:50px;} .schedule_jie .row ul a{ border:1px solid #c4141b; display:inline-block; border-radius:2px; line-height:18px; color:#c4141b; padding:0 10px; margin-left:5px; background:none;} .review{ width:1125px; margin:0 auto;} .review h1{ font-size:30px; line-height:35px; text-align:center; padding:60px 0 10px 0;} .review .btn{ width:100%; text-align:center; clear:both; margin:110px auto;} .review .btn a{ width:330px; line-height:50px; border-radius:2px; background:#c4141b; color:#fff; font-size:14px; display:inline-block;} .review .btn a:hover{ background:#b30e15;} @media (max-width:1920px) { .schedule_banner{ height:540px;} } @media (max-width:1440px) { .schedule_banner{ height:500px;} } @media (max-width:1440px) { .schedule_banner{ height:440px;} } @media (max-width:1030px) { .guest,.MMS_news,.schedule_txt .con,.schedule,.schedule_jie .listbox,.review{ width:90%;} .MMS_news .con dl{ width:30%; margin:20px 1.5% 0 1.5%;} .MMS_news .con dl.last{ margin:20px 1.5% 0 1.5%;} .MMS_news .con dl dd{ height:180px;} .guest .con dl{ width:23%; margin:40px 1% 0 1%;} .guest .con dl.last{ margin:40px 1% 0 1%;} .guest .con dl dt h1{ font-size:14px; } .guest .con dl dt p{ font-size:14px; } .schedule_banner{ height:360px;} .dianbox dl{ width:25%;} .schedule_jie .con{ width:100%;} .schedule_jie .row ul{ width:80%;} } @media (max-width:830px) { .guest .con{ margin-top:20px; width:100%; overflow:hidden; } .guest .con dl{ width:46%; margin:20px 2%;} .guest .con dl.last{ margin:20px 2%; } .schedule_banner{ height:300px;} } @media (max-width:768px) { .MMS_news .con dl{ width:40%; margin:15px 5%;} .MMS_news .con dl.last{ margin:15px 5%; } .MMS_news .con dl dd{ height:200px;} .guest .con dl dd{ width:100%; height:300px;} .schedule_banner{ margin-top:50px;} .schedule_banner{ height:260px;} .dianbox dl{ width:50%; height:240px;} } @media (max-width:470px) { .MMS_news .top{ width:100%; position:relative; text-align:center; margin-top:20px;} .MMS_news .con dl{ width:100%; margin:10px auto; float:none;} .MMS_news .con dl.last{ margin:15px auto; } .MMS_news .con dl dd{ height:220px;} .MMS_news .btn{ margin:20px auto 60px auto;} .MMS_news .btn a{ width:100%;} .review .btn a{ width:100%;} .MMS_news .top h1{ font-size:18px; padding:0 10px;} .guest .con dl{ width:100%; margin:20px auto; height:auto; padding-bottom:25px; float:none;} .guest .con dl.last{ margin:20px auto; } .guest .con dl dd{ height:380px;} .schedule_banner{ height:200px;} .schedule_txt .con{ margin:30px auto;} .schedule_txt .con h1{ font-size:20px; margin-bottom:5px;} .schedule .txt{ margin-top:30px;} .schedule .txt h1{ font-size:20px; margin-bottom:5px;} .dianbox{ padding:20px 0;} .dianbox dl{ width:100%; height:auto; margin-top:20px;} .schedule_jie .top h2{ font-size:14px;} .schedule_jie .row{ background:url(../images/yuanline.png) no-repeat 85px 5px; } .schedule_jie .row span{ width:80px; } .schedule_jie .row ul{ width:70%;} .schedule_jie h1{ font-size:20px; margin-bottom:0;} .review h1{ font-size:20px;} } @media (max-width:400px) { .MMS_news .con dl dd{ height:200px;} .schedule_jie .row ul{ width:68%;} .review .btn{ margin:30px auto;} .about_box{ height:190px;} } @media (max-width:320px) { .schedule_jie .row ul{ width:65%;} .about_box{ height:160px;} } /*转动*/ .review{ position:relative;} .scrollpic{max-width:1000px; min-height:200px; margin:20px auto; } #myscroll{display:block; width:100%; position:relative; height:200px; overflow:hidden; margin:0 auto;} #myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;} #myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;} #myscroll ul li{display:block; float:left; padding:0; margin:0;} #myscroll ul li a{display:block; float:left; width:320px; padding:0 10px; position:relative; height:200px; color:#333;} #myscroll a .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,.80); padding:0 10px;} #myscroll a .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; padding:0 47px 0 15px; background:url(images/go.png) right no-repeat; height:40px; width:180px; line-height:40px; border-bottom:1px solid rgba(215,0,15,.2);} #myscroll a .intro p{font-size:13px; line-height:20px; margin:10px 15px; height:40px; overflow:hidden;} #myscroll a .intro{bottom:-61px;} #myscroll a:hover .intro{bottom:0px;} #myscroll ul li a img{ width:100%;} .review a.left,.review a.right{width:23px; height:42px; display:block; float:left; margin-right:1px; background-color: #c1c1c1;} #mybtns a:hover{background-color: #d7000f;} #mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #left{background-image:url(../images/jt_l.jpg); position:absolute; left:0; top:200px; } #right{background-image:url(../images/jt_r.jpg); position:absolute; right:0; top:200px;} .review .con{ width:1000px; margin:0 auto;} @media(min-width:1572px){ .scrollpic{max-width:1000px; width:100%;} #myscroll{width:1000px;} } @media(max-width:1571px){ .scrollpic{max-width:1000px; width:100%;} #myscroll{width:1000px;} } @media(max-width:1309px){ .scrollpic{max-width:1000px; width:100%;} #myscroll{width:1000px;} } @media(max-width:1047px){ .review .con{ width:100%;} .scrollpic{max-width:786px; width:100%;} #myscroll{width:786px;} } @media(max-width:767px){ .scrollpic{max-width:524px; width:100%;} #myscroll{width:524px;} } @media(max-width:523px){ #myscroll ul li a{ width:260px;} .scrollpic{max-width:260px; width:100%;} #myscroll{width:260px;} #left{ top:180px; } #right{ top:180px;} } .paged{ width:100%; margin:0 auto 70px auto;} .paged{ text-align:center; padding:50px 0; clear:both; } .paged a{ border:1px solid #ececec; line-height:29px; height:29px; display:inline-block; padding:0 12px; font-size:14px; margin:0 5px; color:#666;} .paged a:hover{ border:1px solid #ff6700; background:#ff6700; color:#fff;} .paged span{ border:1px solid #ff6700; background:#ff6700; color:#fff; line-height:29px; height:29px; display:inline-block; padding:0 12px; font-size:14px; margin:0 5px;} .paged a.pre i{ background:url(../images/san_07.png) no-repeat; display:inline-block; width:5px; height:8px; margin-right:5px; } .paged a.pre:hover i{ background:url(../images/sanh_07.png) no-repeat; } .paged a.next i{ background:url(../images/san_09.png) no-repeat; display:inline-block; width:5px; height:8px; margin-left:5px; } .paged a.next:hover i{ background:url(../images/sanh_09.png) no-repeat; } .Marketing{ width:1000px; margin:0 auto; margin-top:30px;} .Marketing_left{ width:700px; float:left;} .Marketing_left .list{ width:100%; clear:both; overflow:hidden; padding:30px 0; } .Marketing_left .list .pic{ width:230px; position:relative; float:left; } .Marketing_left .list .pic em{ background:#d62128; width:70px; height:26px; line-height:26px; text-align:center; color:#fff; position:absolute; display:block; left:0; top:10px; z-index:10; box-shadow:0 0 5px 0 rgbba(0,0,0,.2);} .Marketing_left .list .pic img{ width:100%;} .Marketing_left .list ul{ width:445px; float:right; text-align:left; color:#777; line-height:28px; margin-top:-7px;} .Marketing_left .list ul li{ margin-bottom:4px;} .Marketing_left .list ul h1 a{ font-size:20px; color:#222; display:block; margin-bottom:5px; font-weight:normal;} .Marketing_left .list ul h1 a:hover{ color:#ff6700; text-decoration:none;} .Marketing_left .list ul a{ color:#ff6700;} .Marketing_left .list ul a:hover{ text-decoration:underline;} .Marketing_left .list ul li em{ background:#f0efef; display:inline-block; padding:0 15px; border-radius:20px; line-height:22px; margin-left:5px;} .Marketing_right{ width:260px; float:right;} .Marketing_right .search{ width:100%; margin-top:30px;} .Marketing_right .search .txt{ float:left; box-sizing:border-box; border:1px solid #d3d3d3; border-right:0; width:200px; padding:5px 10px; height:34px;} .Marketing_right .search .btn{ float:left; background:url(../images/huiyi_07.jpg) no-repeat; width:40px; height:34px; border:0;} .Marketing_right .newsbox{ width:100%; margin-top:20px; clear:both;} .Marketing_right .newsbox h1{ font-size:16px; margin-bottom:10px;} .Marketing_right .newsbox h1 i{ background:#ff6700; width:2px; height:18px; display:inline-block; margin-right:12px; vertical-align:-3px; } .Marketing_right .newsbox ul{ width:100%; overflow:hidden; line-height:32px;} .substance{ width:1000px; margin:0 auto;} .substance .top{ text-align:center; margin-bottom:40px;} .substance .top h1{ font-size:32px; line-height:40px; margin-top:55px;} .substance .top p{ margin-top:25px;} .substance .pic{ width:100%;} .substance .bj{ font-size:14px; margin-top:30px; } .substance .bj span{ font-size:12px; border-radius:2px; margin-bottom:5px; border:1px solid #999; display:inline-block; line-height:22px; margin-right:10px; padding:0 10px;} .substance .btn{ width:100%; text-align:center; margin-top:50px;} .substance .btn a{ background:#ff6700; margin:0 15px; width:200px; height:44px; line-height:44px; font-size:14px; color:#fff; border-radius:2px; display:inline-block;} .substance .btn a i{ background:url(../images/mian_07.png) no-repeat; display:inline-block; width:25px; height:25px; display:inline-block; margin-right:10px; vertical-align:-8px;} .substance .btn a i.b2{ background:url(../images/mian_09.png) no-repeat;} .substance_txt{ width:1000px; margin:0 auto; clear:both; border-top:1px solid #f0f0f0; margin-top:50px; padding-top:28px;} .substance_txt h1{ font-size:16px; margin-bottom:10px;} .substance_txt h1 i{ background:#ff6700; width:2px; height:18px; display:inline-block; margin-right:12px; vertical-align:-3px; } .substance_txt p.txt{ font-size:14px; line-height:32px;} .substance_txt dl{ width:293px; margin:10px 59px 0 0; font-size:14px; float:left;} .substance_txt .con{ padding-bottom:90px;} .substance_txt dl dt{ margin-top:10px;} .substance_txt dl:nth-last-child(1){ margin:10px 0 0 0;} .keyword_title span{ color: #ff6700; margin:0 5px;} @media(max-width:1030px){ .Marketing,.substance,.substance_txt{ width:90%;} .Marketing_left{ width:70%;} .Marketing_left .list .pic{ width:32%;} .Marketing_left .list ul{ width: 63%;} .Marketing_right{ width:26%;} .Marketing_right .search .txt{ width:76%; padding:5px 10px; height:34px;} .Marketing_right .search .btn{ background:url(../images/huiyi_07.jpg) no-repeat center #ff6700; width:24%; } .substance_txt dl{ width:30.333%; margin:10px 1.5% 0 1.5%;} } @media(max-width:850px){ .Marketing_left{ width:60%;} .Marketing_right{ width:36%;} } @media(max-width:768px){ .Marketing_left{ width:100%; float:none;} .Marketing_right{ width:100%; float:none; padding-bottom:40px;} .substance .top h1{ font-size:22px; line-height:30px; margin-top:30px;} } @media(max-width:520px){ .substance .btn a{ width:180px; margin:0 10px;} } @media(max-width:470px){ .paged{ display:none;} .Marketing_left .list{ padding:10px 0;} .Marketing_left .list .pic{ width:100%; float:none; } .Marketing_left .list ul{ width:100%; float:none; margin-top:20px;} .Marketing_right .search .txt{ width:80%;} .Marketing_right .search .btn{ width:20%;} .substance .btn a{ width:160px; margin:0 10px;} .substance_txt dl{ width:100%; float:none; margin:20px auto;} .substance_txt dl dd img{ width:100%;} .Marketing{ margin-top:20px;} .keyword_title{ margin:0 0 10px 0;} } @media(max-width:400px){ .substance .btn a{ width:150px; margin:0 5px;} } /*.upload{margin-top:90px;}*/ .upload h3{display:block; width:100%; height:50px; line-height:35px; text-indent:20px; font-weight: normal; color: #474747; font-size: 28px; border-bottom:solid 1px #eee;} .upload h3 a.tip{font-size: 15px; color: #ff6700;} .upload h3 a.upload_right{float: right; font-size: 15px; margin-right: 20px; margin-top: 10px; color: #aaa;} .upload .inputBox{padding:20px 20px;} .upload .inputBox .input_label{display:block; width:110px; line-height:44px; font-size:17px; color:#777; float:left;} .upload .inputBox .input_label font{color:#ff6700; vertical-align:middle;} .upload .inputBox .input_radio{height:44px; width:720px; display:inline-block; font-size:16px;} .upload .inputBox .input_radio span.last{width: 300px !important;} .upload .inputBox .input_radio .radio-outer{display:inline-block; position: relative; width:18px; height:18px; border-radius:18px; border:1px solid #ccc; cursor:pointer; vertical-align:middle;} .upload .inputBox .input_radio .radio-outer i.radio-inner{width:12px; height:12px; border-radius:12px; position:absolute; top:3px; left:3px;} .upload .inputBox .input_radio .radio-outer i.selected{background: #ff6700;} .upload .inputBox .input_radio span.radio_label{display:inline-block; height:44px; width:100px; text-indent:5px; line-height:44px;} .upload .inputBox .input_btn{float:left;} .upload .inputBox .input_btn .uploadify-button{width:122px; height:44px; font-size:17px; background:#ff6700; text-align:center; color:#fff;} .upload .inputBox .input_btn .uploadify-button:hover{color:#c7e1d8} .upload .inputBox .upload_tip {display: inline-block; font-size: 14px; padding-left: 10px; line-height: 22px; text-align:left;} .upload .loading{display:block; margin-left:130px; height:50px; width:800px;} .upload .loading span{line-height: 20px; padding:5px; height:40px; display:inline-block; font-size: 14px; margin-left: 10px; color: #ccc;} .upload .preview{display:block; width:820px; height:200px; border:solid 1px #e7e7e7; padding:10px; margin-left:130px;} .upload .inputBox .input_text{padding:1px; line-height: 40px; color: #555;border-radius:25px; font-size: 16px; font-family: "Microsoft YaHei"; width: 500px; height: 40px; border: 1px solid #e7e7e7; text-indent: 9px;} .upload .inputBox .input_text:focus{border:solid 2px #a6C8FF; padding:0px; border-radius:2px;} .upload .inputBox .font-tip{font-size: 15px; padding-left: 10px; color:#888} .upload .inputBox .font-tip font,.upload .inputBox .upload_tip font{color: #ff6700; } .upload .errorTip{display:none; background:url("../images/error_icon.jpg") no-repeat 0px center; height:30px; width:25px; margin-left: 10px;} .upload .cidshow{height: 18px; width:30px;} .upload .tagshow{height: 40px; width:140px;} .upload .inputBox .category_list{width: 888px; display: inline-block; margin-left: -7px; position: relative;} .upload .inputBox .category_list a.leimu{margin: 7px; display: block; border: 1px solid #e7e7e7;border-radius:25px; font-size: 16px; line-height: 40px; padding: 1px 25px; position: relative; float: left; color: #555;} .upload .inputBox .category_list a.current{border-color:#ff6700; border-width:2px; padding: 0px 24px;} .upload .inputBox .category_list a.current span { background: url("../images/cate_select_icon.png") no-repeat; width: 21px; height: 19px; display: block; position: absolute; right: 2px; top: 1px;} .upload .inputBox .category_list .more { display: inline-block; border: 1px solid #e7e7e7; margin: 7px; width: 110px; font-size: 16px; text-align: center;border-radius:25px; line-height: 40px; color: #ff6700; padding: 1px 0;} .upload .inputBox .tags_list{width: 1000px; display: inline-block;} .upload .inputBox .tags_list .more{float: left; margin: 0px 10px 10px 0px; width: 200px;border-radius:25px; height: 42px; line-height: 42px; font-size: 12px; text-align: center; color:#555; border: 1px solid #e7e7e7; font-size: 15px; cursor: pointer; } .upload .inputBox .tags_list .more .jia { display: inline-block; width: 20px; height: 21px; vertical-align: middle; padding-left: 10px; background: url('../images/jia.svg') no-repeat; background-size: 20px 20px; color:#555; } .upload .inputBox .tags_list .tags_input{position: relative; float: left; margin: 0px 10px 15px 0px; width: 200px; height: 38px;} .upload .inputBox .tags_list .tags_input input{display: block;border-radius:25px; border: 1px solid #e7e7e7; width: 200px; padding:1px; height: 40px; font-size: 15px; text-indent: 5px;} .upload .inputBox .tags_list .tags_input input:focus{border:solid 2px #a6C8FF;border-radius:25px; padding:0px; border-radius:2px;} .upload .inputBox .tags_list .tags_input span.del{cursor:pointer; position: absolute; right: 5px; top: 12px; width: 20px; height: 20px; background: url('../images/del.svg') no-repeat; background-size: 20px 20px;} .upload .inputBox .input_select{width:150px; text-indent:35px;border-radius:25px; float:left; color: #555; font-size: 16px; height: 42px; font-family: "Microsoft YaHei"; border: 1px solid #e7e7e7; padding-left: 5px; margin:0;} .upload .inputBox span.select_tip{display: inline-block; font-size: 15px; color: #888; line-height: 42px; margin-left: 10px;} .upload .inputBox span.select_tip font,.upload .inputBox span.desc_tip font{color:#ff6700;} .upload .inputBox .input_textarea{width:830px; height:100px; padding:1px 0; line-height:33px; padding-left:10px; font-size:15px; border:solid 1px #e7e7e7; color:#555;} .upload .inputBox .input_textarea:focus{border:solid 2px #a6C8FF; padding:0px 0px 0px 8px;} .upload .inputBox span.desc_tip{font-size: 15px; padding-left: 10px; color:#888;position: relative; top: -5px;} .upload .fileStatus .filename{margin-left: 130px; font-size: 14px; color: #888;} .upload .submitBox{width:1000px; height:150px; border-top:solid 1px #eee; margin-top:50px;} .upload .submitBox a{display:block; width:280px; height:70px; background:#999; line-height:70px; text-align:center; margin:40px auto 0 auto; font-size:28px; color:#fff;} .upload .submitBox a.tijiao{background:#ff6700;} .upload .submitBox .tipbox{display:none; position: fixed; width: 300px; height: 140px; -webkit-animation: showMore 0.3s; -moz-animation: showMore 0.3s; animation: showMore 0.3s; border-radius: 6px; background: #fff; z-index: 9999; left: 50%; top: 50%; box-shadow: 0 0 10px #ccc; margin-left: -150px; margin-top: -70px;} @-webkit-keyframes showMore { 0% { transform: scale(0); -webkit-transform: scale(0); } 65% { transform: scale(1.02); -webkit-transform: scale(1.02); } 90% { transform: scale(0.96); -webkit-tranform: scale(0.96); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } } @-moz-keyframes showMore { 0% { transform: scale(0); -webkit-transform: scale(0); } 65% { transform: scale(1.02); -webkit-transform: scale(1.02); } 90% { transform: scale(0.96); -webkit-tranform: scale(0.96); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } } @keyframes showMore { 0% { transform: scale(0); -webkit-transform: scale(0); } 65% { transform: scale(1.02); -webkit-transform: scale(1.02); } 90% { transform: scale(0.96); -webkit-tranform: scale(0.96); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .upload .submitBox .tipbox h4{line-height: 50px; font-size: 16px; font-weight: normal; text-indent: 15px; border-bottom: solid 1px #E5E5E5;} .upload .submitBox .tipbox div{line-height:30px; padding:10px 15px; font-size:14px; text-align:center;} .upload .submitBox .tipbox div font{color:#ff6700;} .upload .submitBox .mask{display:none; opacity: 0.7; background: #000; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9998;} .web{margin-top:168px;} .web .search-num{width:1200px; height:40px; text-indent:10px; line-height:32px; font-size:14px; color:#999;} .web .search-num font{color:#ff6700; padding:0px 5px;} /** 小屏幕时使用的css */ @media (max-width: 768px){ .web .breadcrumb{width:100%; height:40px;} .web .breadcrumb span{display: block; height:40px; width:100%; overflow: hidden; float:left; line-height:32px; font-size:14px; color:#777;} .web .breadcrumb span a{color:#777} .web .breadcrumb span a:hover{color:#ff6700;} /*横向分类导航*/ .web .category-nav{width: 100%;} .web .category-nav .tags{ width:100%; !important; display:inline-block !important; overflow:hidden !important;} .web .category-nav .tags h2{text-indent:5px !important; border-bottom:solid 1px #e7e7e7; margin-bottom:8px; color:#ff6700 !important;} .web .category-nav .tags h2.top{margin-top:10px;} .web .category-nav .tags h2.top i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -232px; display:block; width:21px; height:30px;} .web .category-nav .tags h2.top span{display:block; float:left; line-height:30px;} .web .category-nav .tags a{max-width: 120px;overflow: hidden;float: left;padding:2px 12px;border: 1px solid #34cce2; border-radius:13px; display: inline-block; color:#888; margin-right:8px;margin-bottom: 5px;} .web .category-nav .tags a:hover,.web .category-nav .tags a.active{background:#ff6700; color:#fff;} .web .category-nav .box{transition: all 0.6s; box-shadow:0 0 2px #e8e8e8; margin-bottom: 20px; width: 98%; padding:10px; border: solid 1px #e8e8e8; overflow: visible; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .web .category-nav .box：hover{transform: scale(1.4);} .web .category-nav .box h2{font-size:14px; width:100%; text-indent:2px; display:block; line-height:35px; height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .web .category-nav .box h2 i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -207px; display:block; width:21px; height:30px;} .web .category-nav .box h2 span{display:block; float:left; line-height:30px;} .web .container-fluid .box{transition: all 0.6s; box-shadow:0 0 2px #e8e8e8; margin-bottom: 20px; float: left; width: 40%; padding:10px; border: solid 1px #e8e8e8; display: inline; overflow: visible; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .web .container-fluid .box：hover{transform: scale(1.4);} .web .container-fluid .box h2{font-size:14px; width:100%; text-indent:2px; display:block; line-height:35px; height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .web .container-fluid .box h2 i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -207px; display:block; width:21px; height:30px;} .web .container-fluid .box h2 span{display:block; float:left; line-height:30px;} .web .container-fluid .box a img:first-child{width: 100%;height:100%} .web .container-fluid .box .litpic{width:277px; height:173px;} .web .container-fluid .box .user{height:50px;border-top: 1px solid #CCCCCC} .web .container-fluid .box .user .avatar{width:22px; height:22px; margin-left:2px; margin-top:3px; float:left;} .web .container-fluid .box .user .avatar a,.web .container-fluid .box .user .avatar img{display:block; border-radius:15px; } .web .container-fluid .box .user .avatar a:hover,.web .container-fluid .box .user .avatar img:hover{transform:rotate(720deg); -ms-transform:rotate(720deg); -moz-transform:rotate(720deg); -webkit-transform:rotate(720deg); -o-transform:rotate(720deg); /* Opera */} .web .container-fluid .box .user .info{margin-left:10px;float:left; font-size:13px;} .web .container-fluid .box .user .info .nickname{height:20px; } .web .container-fluid .box .user .info .nickname a{ color: #888} .web .container-fluid .box .user .info .nickname img{ display: none;} .web .container-fluid .box .user .info .proporty{font-size:10px; color:#bfbfbf; height:20px;} .web .container-fluid .box .user .info .proporty a{color:#888;} /*.web .container-fluid .box .user .info .proporty a.viewNum i {display:inline-block; width:19px; height:20px; background-position: 0px 8px; background-image: url(../images/list_icon.png);}*/ /*.web .container-fluid .box .user .info .proporty a.downloadNum i {display:inline-block; width:25px; height:20px; background-position: 7px -42px; background-image: url(../images/list_icon.png);}*/ /*.web .container-fluid .box .user .info .proporty a.likeNum i {display:inline-block; width:25px; height:20px; background-position: 7px -130px; background-image: url(../images/list_icon.png);}*/ .web .show-area{width:100%;min-height:300px;box-shadow:0 0 1px #ccc;margin-right:20px;float:left;background:#fff;margin-bottom:30px} .web .show-area .show-top{overflow:hidden;padding:2px;height:88px;border-bottom:1px #e8e8e8 solid} .web .show-area .show-top .show-avatar{float:left;width:20px;height:20px} .web .show-area .show-top .show-info{float:left;width:94%;min-height:50px} .web .show-area .show-top .show-info .show-title h1{width:100%;min-height:24px;text-indent:8px;text-shadow:1px 1px 1px #fff;font-size:18px} .web .show-area .show-top .show-info .show-user-details{color:#555;text-shadow:1px 1px 1px #fff;font-size:12px;line-height:20px} .web .show-area .show-con{padding: 10px 10px 5px 10px; min-height:300px; border-bottom: solid 1px #ddd;} .web .show-details{width:100%;min-height:420px;padding:23px 0;box-shadow:0 0 1px #ccc;float:left;background:#fff;} .web .show-details ul li{display:block;width:96%;min-height:50px;padding:0 2%;font-size:14px;color:#888;word-wrap:break-word} .details li input{color: #666; display: block; float: left; font-size: 14px; margin-top: 7px; border-radius: 4px; line-height: 32px; height: 32px; text-indent: 10px; margin-left: 7px; border: #ddd solid 1px;} .details .confirm{height: 35px;margin-top: 26px;} .blog .content{width:100%; background:#fff; border: 1px solid #eee; box-shadow: 0 0 2px #eee; border-radius:4px; overflow: hidden;} .blog .content .detail-list{ width: 98%; min-height: 1200px; background: #fff; border-right: 1px solid #eee; float: left; padding: 2px 6px; overflow: hidden;} .blog .content .detail-list .article_item .litpic{width: 15%; overflow: hidden; float: left;} .blog .content .detail-list .article_item .litpic img{width: 100%; height: 100%;} .blog .content .detail-list .article_item .con{float: right; width: 83%; height: 140px; color: #777;} .blog .content .detail-content{width:100%; min-height:1600px; background:#fff; border-right: 1px solid #eee; float:left; padding:2px; overflow: hidden;} .blog .content .detail-content .tit .view{display: inline-block; line-height:30px; color:#777; font-size:15px;} .detail-content .prevnext{ margin-left: 0; width: 100%; } .detail-content .copyright { height: 128px !important; font-size: 12px !important; } .detail-content .copyright div{ width:96% !important; } .pay{width:100%; /*margin:90px auto 0 auto;*/} .pay .payBox{padding: 20px 0; clear:both; overflow: hidden; border-bottom: dashed 1px #e9e9e9;} .pay .payBox .pay_radio{display:inline-block; font-size:16px; line-height: 44px;} .upload .inputBox{ padding:0 0 !important; width: 100% !important; } .upload .inputBox input{ width: 100% !important; } .upload .inputBox textarea{ width: 100% !important; } .upload .inputBox .category_list{ width: 100% !important; } .upload{ padding-right: 0 !important; padding-left: 0 !important; } .upload .submitBox{ width: 100% !important; } } @media (min-width: 769px) { /*面包屑*/ .web .breadcrumb{width:1200px; height:40px;} .web .breadcrumb i{background: url(../images/ii.png) no-repeat center; background-position:1px -181px; display:block; width:28px; height:30px; float:left;} .web .breadcrumb span{display: block; height:40px; width:1100px; float:left; line-height:32px; font-size:14px; color:#777;} .web .breadcrumb span a{color:#777} .web .breadcrumb span a:hover{color:#ff6700;} /*横向分类导航*/ .web .category-nav{width: 1200px;} .web .category-nav .tags{ width:1200px !important; display:inline-block !important; overflow:hidden !important;} .web .category-nav .tags h2{text-indent:5px !important; border-bottom:solid 1px #e7e7e7; margin-bottom:8px; color:#ff6700 !important;} .web .category-nav .tags h2.top{margin-top:10px;} .web .category-nav .tags h2.top i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -232px; display:block; width:21px; height:30px;} .web .category-nav .tags h2.top span{display:block; float:left; line-height:30px;} .web .category-nav .tags a{padding:0 5px; border-radius:4px; display: inline-block; color:#888; margin-bottom:3px; margin-right:14px;} .web .category-nav .tags a:hover,.web .category-nav .tags a.active{background:#ff6700; color:#fff;} .web .category-nav .box{transition: all 0.6s; box-shadow:0 0 2px #e8e8e8; margin-bottom: 20px; width: 1200px; padding:10px; border: solid 1px #e8e8e8; overflow: visible; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .web .category-nav .box：hover{transform: scale(1.4);} .web .category-nav .box h2{font-size:14px; width:263px; text-indent:2px; display:block; line-height:35px; height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .web .category-nav .box h2 i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -207px; display:block; width:21px; height:30px;} .web .category-nav .box h2 span{display:block; float:left; line-height:30px;} .web .category-nav .box .tag_hot_web{height: 108px;overflow: hidden;} .web .category-nav .box .more_tag{width: 100%;text-align: center;height: 20px;} .web .container-fluid .box{transition: all 0.6s; box-shadow:0 0 2px #e8e8e8; margin-bottom: 20px; float: left; width: 263px; padding:10px; border: solid 1px #e8e8e8; display: inline; overflow: visible; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .web .container-fluid .box：hover{transform: scale(1.4);} .web .container-fluid .box h2{font-size:14px; width:263px; text-indent:2px; display:block; line-height:35px; height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .web .container-fluid .box h2 i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -207px; display:block; width:21px; height:30px;} .web .container-fluid .box h2 span{display:block; float:left; line-height:30px;} .web .container-fluid .box .litpic{width:277px; height:173px;} .web .container-fluid .box .user{height:50px;border-top: 1px solid #CCCCCC} .web .container-fluid .box .user .avatar{width:40px; height:40px; margin-left:2px; margin-top:3px; float:left;} .web .container-fluid .box .user .avatar a,.web .container-fluid .box .user .avatar img{display:block; border-radius:5px; } .web .container-fluid .box .user .avatar a:hover,.web .container-fluid .box .user .avatar img:hover{transform:rotate(720deg); -ms-transform:rotate(720deg); -moz-transform:rotate(720deg); -webkit-transform:rotate(720deg); -o-transform:rotate(720deg); /* Opera */} .web .container-fluid .box .user .info{margin-left:10px;float:left; font-size:13px;} .web .container-fluid .box .user .info .nickname{height:20px; } .web .container-fluid .box .user .info .nickname a{ color: #888} .web .container-fluid .box .user .info .proporty{font-size:10px; color:#bfbfbf; height:20px;} .web .container-fluid .box .user .info .proporty a{color:#888;} .web .container-fluid .box .user .info .proporty a.viewNum i {display:inline-block; width:19px; height:20px; background-position: 0px 8px; background-image: url(../images/list_icon.png);} .web .container-fluid .box .user .info .proporty a.downloadNum i {display:inline-block; width:25px; height:20px; background-position: 7px -42px; background-image: url(../images/list_icon.png);} .web .container-fluid .box .user .info .proporty a.likeNum i {display:inline-block; width:25px; height:20px; background-position: 7px -130px; background-image: url(../images/list_icon.png);} .web .show-area{width:780px;min-height:300px;box-shadow:0 0 1px #ccc;margin-right:20px;float:left;background:#fff;margin-bottom:30px} .web .show-area .show-top{overflow:hidden;padding:20px;height:50px;border-bottom:1px #e8e8e8 solid} .web .show-area .show-top .show-avatar{float:left;width:50px;height:50px} .web .show-area .show-top .show-info{float:left;width:690px;height:50px} /*.web .show-area .show-top .show-info .show-title{width:690px;height:24px;text-indent:20px;text-shadow:1px 1px 1px #fff;font-size:18px}*/ .web .show-area .show-top .show-info .show-title h1{width:690px;height:46px;text-indent:20px;text-shadow:1px 1px 1px #fff;font-size:18px} .web .show-area .show-top .show-info .show-user-details{color:#555;text-indent:20px;text-shadow:1px 1px 1px #fff;font-size:12px;line-height:30px} .web .show-area .show-con{padding: 20px 20px 5px 20px; width:740px; min-height:300px; border-bottom: solid 1px #ddd;} .web .show-details{width:390px;min-height:420px;padding:23px 0;box-shadow:0 0 1px #ccc;float:left;background:#fff;} .web .show-details ul li{display:block;width:330px;min-height:50px;padding:0 30px;font-size:14px;color:#888;word-wrap:break-word} .details li input{color: #666; display: block; float: left; font-size: 14px; margin-top: 7px; border-radius: 4px; width: 666px; line-height: 32px; height: 32px; text-indent: 10px; margin-left: 7px; border: #ddd solid 1px;} .details .confirm{padding-left: 240px;height: 35px;margin-top: 26px;} .blog .content{width:1198px; background:#fff; border: 1px solid #eee; box-shadow: 0 0 2px #eee; border-radius:4px; overflow: hidden;} .blog .content .detail-list{ width: 800px; min-height: 1200px; background: #fff; border-right: 1px solid #eee; float: left; padding: 5px 20px; overflow: hidden;} .blog .content .detail-list .article_item .litpic{width: 220px; height: 140px; overflow: hidden; float: left;} .blog .content .detail-list .article_item .con{float: right; width: 560px; height: 140px; color: #777;} .blog .content .detail-content{width:740px; min-height:1600px; background:#fff; border-right: 1px solid #eee; float:left; padding:50px; overflow: hidden;} .blog .content .detail-content .tit .view{float:right; line-height:30px; color:#777; font-size:15px;} .pay{width:1000px; /*margin:90px auto 0 auto;*/} .pay .payBox{padding: 20px 20px; clear:both; overflow: hidden; border-bottom: dashed 1px #e9e9e9;} .pay .payBox .pay_radio{width:838px; display:inline-block; font-size:16px; line-height: 44px;} } .web .container-fluid{margin-bottom:60px;} .web .container-fluid .tags{height:450px !important; width:263px !important; display:inline-block !important; overflow:hidden !important;} .web .container-fluid .tags h2{text-indent:5px !important; border-bottom:solid 1px #e7e7e7; margin-bottom:8px; color:#ff6700 !important;} .web .container-fluid .tags h2.top{margin-top:10px;} .web .container-fluid .tags h2.top i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -232px; display:block; width:21px; height:30px;} .web .container-fluid .tags h2.top span{display:block; float:left; line-height:30px;} .web .container-fluid .tags a{padding:0 5px; border-radius:4px; display: inline-block; color:#888; margin-bottom:3px; margin-right:14px;} .web .container-fluid .tags a:hover,.web .container-fluid .tags a.active{background:#ff6700; color:#fff;} .source_tags a{margin-right:13px !important;} .web .container-fluid .tag_hot{overflow: hidden; height: 267px;} .web .container-fluid .tag_hot_web{overflow: hidden; height: 215px;} .web .show-area .sales_content p{font-size: 15px; color: #555; margin: 15px 0; line-height: 28px;} .web .show-area .show-desc{padding: 12px 20px 23px 20px; width: 740px; min-height: 30px;} .web .show-area .show-desc p{font-size: 14px; color: #777; line-height: 27px;} .web .show-area .show-desc p span{color: #444; font-weight: bold;} .web .show-area .show-desc p.tip{margin-top: 4px; border-top: dashed 1px #ccc; padding-top: 4px;} .web .show-area .show-con .description>div{padding: 0 10px; font-size:15px;line-height:35px; height: 35px; border-bottom: solid 1px #ddd; overflow: hidden;} .web .show-area .show-con .description h4{float: left; font-weight: normal;} /*.web .show-area .show-con .description span{float: right;}*/ /*.web .show-area .show-con .description p{padding: 10px; line-height: 24px; color: #666; font-size: 13px;}*/ /*.web .show-area .show-con .description p.tip{color: #999; border-top: dashed 1px #ddd;}*/ .web .show-area .show-top .show-avatar img{border-radius:50px} .web .show-area .show-top .show-info .show-user-details font{color:#777;} .web .show-area .show-top .show-info .show-user-details .name{margin-right:5px;color:#36c} .web .show-area .show-top .show-info .show-user-details .name:hover{color:#ff6700;text-decoration:underline} .web .show-area .show-top .show-info .show-user-details .type{margin-right:5px;color:#999} .web .show-area .show-top .show-info .show-user-details .type:hover{text-decoration:underline} .web .show-area .more-con{padding: 20px; overflow: hidden;} .web .show-area .more-con>h3{color: #555; margin-bottom: 10px; font: 21px'Myriad pro',Arial,Helvetica,sans-serif;} .web .show-area .more-con>div{width:100%; overflow: hidden; font-size: 13px !important;} .web .show-area .more-con a.category{line-height: 30px; color: #36c;} .web .show-area .more-con a.tit{line-height: 30px; color: #777; margin-left: 5px;} .web .show-area .more-con a:hover{color: #ff6700; text-decoration: underline;} .web .show-area .more-con time{float: right; color: #999;} .web .show-details ul .btn{height:67px;border-bottom:1px #e8e8e8 solid} .web .show-details ul li:after{content:".";display:block;height:1px;clear:both;visibility:hidden} .web .show-details ul .coins{height:35px;line-height:35px} .web .show-details ul .tags{min-height:35px;line-height:35px} .web .show-details ul .tags:after{content:".";display:block;height:1px;clear:both;visibility:hidden} .web .show-details ul .tags a{margin-right:7px; color:#666; margin-bottom:8px;background:#f5f5f5;padding:0 8px;border-radius:5px;border:solid 1px #eee;display:inline-block;line-height:23px} .web .show-details ul li font{color:#ff6700;padding:0 5px} .web .show-details ul li.sale_param{height: 242px; padding-top: 8px; font-size: 13px;} .web .show-details ul li.sale_param span{display: block; border: solid 1px #ddd; padding: 5px 10px; border-bottom-width: 0px; color: #999; background-image:url(../images/ios7list.gif); background-position: 10px center; text-indent: 20px; background-repeat: no-repeat;} .web .show-details ul li.sale_param span a{color:#999;} .web .show-details ul li.sale_param span a:hover{color:#ff6700;} .web .show-details .show{transition: all .2s ease;display:block;float:left;text-align:center;color:#FFF;text-decoration:none;overflow:hidden;background:#3498db;border:0 none;width:102px;border-radius:3px;height:44px;line-height:44px;margin-right:12px;font-size:16px;-moz-border-radius:3px;-webkit-border-radius:3px} .web .show-details .show:hover{background:#2387ca;} .web .show-details .download{transition: all .2s ease; display:block;float:left;text-align:center;color:#FFF;text-decoration:none;overflow:hidden;background:#ff6700; border:0 none;width:102px;border-radius:3px;height:44px;line-height:44px;margin-right:12px;font-size:16px;-moz-border-radius:3px;-webkit-border-radius:3px} .web .show-details .download:hover{background:#d72128} .web .show-details a.btn-image{width: 159px;} .web .show-details .addFav{transition: all .2s ease; display:block;float:left;text-align:center;color:#FFF;text-decoration:none;overflow:hidden;background:#3dbb2b;border:0 none;width:102px;border-radius:3px;height:44px;line-height:44px;font-size:16px;-moz-border-radius:3px;-webkit-border-radius:3px} .web .show-details .addFav:hover{background:#2caa1a} .web .show-details .unFav{display:block;float:left;text-align:center;color:#FFF;text-decoration:none;overflow:hidden;background:#3DBB2C;border:0 none;width:102px;border-radius:3px;height:44px;line-height:44px;font-size:16px;-moz-border-radius:3px;-webkit-border-radius:3px} .web .show-details .viewNum{width:80px;margin-right:12px;display:block;float:left;line-height:50px;color:#aaa;font-size:13px} .web .show-details .viewNum i{display:block;float:left;width:25px;height:18px;background:url(../images/list_icon.png) no-repeat scroll 3px 0px;margin-top:18px} .web .show-details .downloadNum{width:80px;margin-right:12px;display:block;float:left;line-height:50px;color:#aaa;font-size:13px} .web .show-details .downloadNum i{display:block;float:left;width:18px;height:18px;background:url(../images/list_icon.png) no-repeat scroll -1px -49px;margin-top:18px} .web .show-details .likeNum{width:80px;display:block;float:left;line-height:50px;color:#aaa;font-size:13px;text-indent:5px} .web .show-details .likeNum i{display:block;float:left;width:13px;height:18px;background:url(../images/list_icon.png) no-repeat scroll -1px -24px;margin-top:18px} .web .show-details ul li .label-share{float:left;line-height:45px} .web .show-details ul li .bdsharebuttonbox{float:left} .web .show-details ul li .share{width:330px;min-height:150px;background:url(../images/show_share.png) no-repeat} .web .show-details ul li .share:after{content:".";display:block;height:1px;clear:both;visibility:hidden} /*文章页展示相关推荐*/ .web .container-fluid1{margin-bottom:60px;} .web .container-fluid1 .tags{height:450px !important; width:210px !important; display:inline-block !important; overflow:hidden !important;} .web .container-fluid1 .tags h2{text-indent:5px !important; border-bottom:solid 1px #e7e7e7; margin-bottom:8px; color:#ff6700 !important;} .web .container-fluid1 .tags h2.top{margin-top:10px;} .web .container-fluid1 .tags h2.top i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -232px; display:block; width:21px; height:30px;} .web .container-fluid1 .tags h2.top span{display:block; float:left; line-height:30px;} .web .container-fluid1 .tags a{padding:0 5px; border-radius:4px; display: inline-block; color:#888; margin-bottom:3px; margin-right:14px;} .web .container-fluid1 .tags a:hover,.web .container-fluid1 .tags a.active{background:#ff6700; color:#fff;} .source_tags a{margin-right:13px !important;} .web .container-fluid1 .tag_hot{overflow: hidden; height: 267px;} .web .container-fluid1 .tag_hot_web{overflow: hidden; height: 215px;} .web .container-fluid1 .box{transition: all 0.6s; box-shadow:0 0 2px #e8e8e8; margin-bottom: 20px; float: left; width: 210px; padding:10px; border: solid 1px #e8e8e8; display: inline; overflow: visible; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .web .container-fluid1 .box：hover{transform: scale(1.4);} .web .container-fluid1 .box h2{font-size:14px; width:210px; text-indent:2px; display:block; line-height:35px; text-align: center; height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .web .container-fluid1 .box h2 i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -207px; display:block; width:21px; height:30px;} .web .container-fluid1 .box h2 span{display:block; float:left; line-height:30px;} .web .container-fluid1 .box .litpic{width:277px; height:173px;} .web .container-fluid1 .box .user{height:50px;border-top: 1px solid #CCCCCC} .web .container-fluid1 .box .user .avatar{width:40px; height:40px; margin-left:2px; margin-top:3px; float:left;} .web .container-fluid1 .box .user .avatar a,.web .container-fluid1 .box .user .avatar img{display:block; border-radius:5px; } .web .container-fluid1 .box .user .avatar a:hover,.web .container-fluid1 .box .user .avatar img:hover{transform:rotate(720deg); -ms-transform:rotate(720deg); -moz-transform:rotate(720deg); -webkit-transform:rotate(720deg); -o-transform:rotate(720deg); /* Opera */} .web .container-fluid1 .box .user .info{margin-left:10px;float:left; font-size:13px;} .web .container-fluid1 .box .user .info .nickname{height:20px; } .web .container-fluid1 .box .user .info .nickname a{ color: #888} .web .container-fluid1 .box .user .info .proporty{font-size:10px; color:#bfbfbf; height:20px;} .web .container-fluid1 .box .user .info .proporty a{color:#888;} .web .container-fluid1 .box .user .info .proporty a.viewNum i {display:inline-block; width:19px; height:20px; background-position: 0px 8px; background-image: url(../images/list_icon.png);} .web .container-fluid1 .box .user .info .proporty a.downloadNum i {display:inline-block; width:25px; height:20px; background-position: 7px -42px; background-image: url(../images/list_icon.png);} .web .container-fluid1 .box .user .info .proporty a.likeNum i {display:inline-block; width:25px; height:20px; background-position: 7px -130px; background-image: url(../images/list_icon.png);} .templet{margin-top:92px;} .templet .breadcrumb{width:1200px; height:40px;} .templet .breadcrumb i{background: url(../images/ii.png) no-repeat center; background-position:1px -181px; display:block; width:28px; height:30px; float:left;} .templet .breadcrumb span{display: block; height:40px; width:1100px; float:left; line-height:32px; font-size:14px; color:#777;} .templet .breadcrumb span a{color:#777} .templet .breadcrumb span a:hover{color:#ff6700;} /*横向分类导航*/ .templet .category-nav{width: 1200px;} .templet .category-nav .tags{ width:1200px !important; display:inline-block !important; overflow:hidden !important;} .templet .category-nav .tags h2{text-indent:5px !important; border-bottom:solid 1px #e7e7e7; margin-bottom:8px; color:#ff6700 !important;} .templet .category-nav .tags h2.top{margin-top:10px;} .templet .category-nav .tags h2.top i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -232px; display:block; width:21px; height:30px;} .templet .category-nav .tags h2.top span{display:block; float:left; line-height:30px;} .templet .category-nav .tags a{padding:0 5px; border-radius:4px; display: inline-block; color:#888; margin-bottom:3px; margin-right:14px;} .templet .category-nav .tags a:hover,.templet .category-nav .tags a.active{background:#ff6700; color:#fff;} .templet .category-nav .box{transition: all 0.6s; box-shadow:0 0 2px #e8e8e8; margin-bottom: 20px; width: 1200px; padding:10px; border: solid 1px #e8e8e8; overflow: visible; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .templet .category-nav .box：hover{transform: scale(1.4);} .templet .category-nav .box h2{font-size:14px; width:263px; text-indent:2px; display:block; line-height:35px; height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .templet .category-nav .box h2 i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -207px; display:block; width:21px; height:30px;} .templet .category-nav .box h2 span{display:block; float:left; line-height:30px;} .templet .container-fluid{margin-bottom:60px;} .templet .container-fluid .tags{height:400px;} .templet .container-fluid .tag_hot{overflow: hidden; height: 185px;} .templet .container-fluid .tags h2{text-indent:5px !important; border-bottom:solid 1px #e7e7e7; margin-bottom:8px; color:#ff6700 !important;} .templet .container-fluid .tags h2.top{margin-top:10px;} .templet .container-fluid .tags h2.top i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -232px; display:block; width:21px; height:30px;} .templet .container-fluid .tags h2.top span{display:block; float:left; line-height:30px;} .templet .container-fluid .tags a{padding:0 5px; border-radius:4px; display: inline-block; color:#888; margin-bottom:3px; margin-right:16px;} .templet .container-fluid .tags a:hover,.templet .container-fluid .tags a.active{background:#ff6700; color:#fff;} .templet .container-fluid .box{box-shadow:0 0 2px #e8e8e8; margin-bottom: 20px; float: left; width: 263px; padding:10px; border: solid 1px #e8e8e8; display: inline; overflow: visible; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .templet .container-fluid .box .ycicon{height: 52px; width: 52px; overflow: hidden; } .templet .container-fluid .box h2{font-size:14px; color:#333; text-indent:2px; display:block; line-height:35px; height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .templet .container-fluid .box h2 i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -207px; display:block; width:21px; height:30px;} .templet .container-fluid .box h2 span{display:block; float:left; line-height:30px;} .templet .container-fluid .box .litpic{width:277px; height:173px;} .templet .container-fluid .box .user{height:50px;border-top: 1px solid #CCCCCC;} .templet .container-fluid .box .user .avatar{width:40px; height:40px; margin-left:2px; margin-top:3px; float:left;} .templet .container-fluid .box .user .avatar a,.templet .container-fluid .box .user .avatar img{display:block; border-radius:5px; } .templet .container-fluid .box .user .avatar a:hover,.templet .container-fluid .box .user .avatar img:hover{transform:rotate(720deg); -ms-transform:rotate(720deg); -moz-transform:rotate(720deg); -webkit-transform:rotate(720deg); -o-transform:rotate(720deg); /* Opera */} .templet .container-fluid .box .user .info{margin-left:10px;float:left; font-size:13px;} .templet .container-fluid .box .user .info .nickname{height:20px; } .templet .container-fluid .box .user .info .proporty{font-size:10px; color:#bfbfbf; height:20px;} .templet .container-fluid .box .user .info .proporty a{color:#888;} .templet .container-fluid .box .user .info .proporty a.viewNum i {display:inline-block; width:19px; height:20px; background-position: 0px 8px; background-image: url(../images/list_icon.png);} .templet .container-fluid .box .user .info .proporty a.downloadNum i {display:inline-block; width:25px; height:20px; background-position: 7px -42px; background-image: url(../images/list_icon.png);} .templet .container-fluid .box .user .info .proporty a.likeNum i {display:inline-block; width:25px; height:20px; background-position: 7px -130px; background-image: url(../images/list_icon.png);} .tools{margin-top:92px; width:1216px;} .tools .breadcrumb{width:1216px; height:40px; padding-left: 5px;} .tools .breadcrumb i{background: url(../images/ii.png) no-repeat center; background-position:1px -181px; display:block; width:28px; height:30px; float:left;} .tools .breadcrumb span{display: block; height:40px; width:1100px; float:left; line-height:32px; font-size:14px; color:#777;} .tools .breadcrumb span a{color:#777} .tools .breadcrumb span a:hover{color:#ff6700;} .tools .box{width:1216px;} .tools .box .cate{text-align:center; line-height:145px; padding:0px !important; width:227px !important; height:145px !important;} .tools .box .cate a{color:#fff; font-size:30px; display:block; padding:0px; width:227px; height:145px;} .tools .box .item{-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-box-shadow: 0 0 3px 0px rgba(55,55,55,.1); box-shadow: 0 0 3px 0px rgba(55,55,55,.1); width:207px; padding:10px; margin:0 8px 16px 8px; height:125px; background:#fff; float:left;} .tools .box .item:hover{-webkit-box-shadow: 0 0 13px 0px rgba(0,0,0,.2); box-shadow: 0 0 13px 0px rgba(0,0,0,.2);} .tools .box .item .hd{height:60px; border-bottom:solid 1px #e7e7e7;} .tools .box .item .hd .icon{width:60px; height:60px; float:left;} .tools .box .item .hd .title{width:140px; height:60px; float:left;} .tools .box .item .hd .title h2{width:100%; display:block; font-size: 16px; font-weight:bold; height:27px;} .tools .box .item .hd .title h2 a{color: #555;} .tools .box .item .hd .title h2 a:hover,.tools .box .item .hd .title span a:hover{color: #ff6700;} .tools .box .item .hd .title span{width:100%; display:block;} .tools .box .item .hd .title span font{color: #ff6700; padding-right: 5px;} .tools .box .item .hd .title span a{color:#444; float: right; margin-right: 5px;} .tools .box .item .bd{height: 60px; width: 200px; color: #888; line-height: 25px; margin-top: 8px; font-size: 13px; margin-right: 5px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; padding: 0px 5px;} .forum{margin-top:92px;} .forum .breadcrumb{width:1200px; height:40px;} .forum .breadcrumb i{background: url(../images/ii.png) no-repeat center; background-position:1px -181px; display:block; width:28px; height:30px; float:left;} .forum .breadcrumb span{display: block; height:40px; width:1100px; float:left; line-height:32px; font-size:14px; color:#777;} .forum .breadcrumb span a{color:#777} .forum .breadcrumb span a:hover{color:#ff6700;} .forum .content{width:1198px; min-height:400px; box-shadow: 0 0 2px #eee; border:1px solid #eee; background-color:#fff; margin:auto; border-radius:4px;} .forum .content:after{content: "."; display:block; height:0px; clear:both; visibility:hidden;} .forum .content .content_left:after{content: "."; display:block; height:0px; clear:both; visibility:hidden;} .forum .content .content_left{width:850px; min-height:400px; float:left; border-right:solid 1px #e6e6e6;} .forum .content .content_left:after{content: "."; display:block; height:0px; clear:both; visibility:hidden;} .forum .content .content_left .nav{width:100%; height:63px; border-bottom:solid 1px #e6e6e6;} .forum .content .content_left .nav i{width:50px; height:50px; background:url(../images/ii.png) no-repeat; background-position: 19px -259px; display:block; float:left;} .forum .content .content_left .nav span{display:block; font-size:18px; float:left; color:#666; width:300px; height:63px; line-height:63px;} .forum .content .content_left .nav .tab{width:260px; height:63px; line-height:90px; float:right;} .forum .content .content_left .nav .tab_que{width:78px;} .forum .content .content_left .nav .tab a{color:#666; font-size:14px; padding:0 10px; height:61px; display:inline-block;} .forum .content .content_left .nav .tab a.active{border-bottom:2px solid #155faa; font-weight:bold;} .forum .content .content_left .nav .tab a:hover{border-bottom:2px solid #155faa;} .forum .content .content_left ul{width:805px; padding:0 20px;} .forum .content .content_left ul li .avatar{width:45px; height:45px; float:left;} .forum .content .content_left ul li .avatar img{border-radius:4px; width:45px; height:45px;} .forum .content .content_left ul li .question{width:750px; height:50px; padding-left:8px; float:left;} .forum .content .content_left ul li .question h4{width:100%; overflow: hidden; line-height:21px; height:24px; font-size:15px; font-weight:normal;} .forum .content .content_left ul li .question h4 a{color:#155faa;} .forum .content .content_left ul li .question h4 a:hover,.forum .content .content_left ul li .question .detail a.reply:hover{text-decoration:underline; color:#ff6700;} .forum .content .content_left ul li .question .detail{width:750px; height:25px; color:#888; font-size:12px;} .forum .content .content_left ul li .question .detail a{color:#888;} .forum .content .content_left ul li .question .detail a:hover{color:#ff6700; text-decoration:underline;} .forum .content .content_left ul li .question .detail a.reply{float:right; color:#888;} .forum .content .content_right{width:315px; min-height:400px; float:right; padding:15px;} .forum .content .content_right:after{content: "."; display:block; height:0px; clear:both; visibility:hidden;} .forum .content .content_right .search{position:relative; height:48px; width:100%; border-bottom:solid 1px #e6e6e6; margin-bottom:12px;} .forum .content .content_right .search input{width:312px; height: 32px; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.025); box-shadow: inset 0 1px 1px rgba(0,0,0,.025); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; text-indent: 8px;} .forum .content .content_right i{width: 32px; height: 32px; background: url(../images/ii.png) no-repeat; background-position: 0px -304px; display: block; position: absolute; top: 0px; right: 0px; cursor: pointer;} .forum .content .content_right .new{width: 100%; height: 38px;} .forum .content .content_right a{display: block; width: 100%; height: 100%; text-align: center; background: #38b836; color: #fff; line-height: 38px; border-radius: 4px; font-size: 14px;} .forum .content .content_right a:hover{background: #27a725;} .forum .content .content_right .que_h3{height:40px; } .forum .content .content_right .que_h3 h3{font-weight:normal;} .forum .content .content_right .que_t{height:60px; color:#666; font-size:13px;} .forum .content .content_right .que_d{height:85px; color:#666; font-size:13px;} .forum .content .header{width:810px; height:77px; line-height:100px; border-bottom:solid 1px #eee; margin:0 auto 20px auto; } .forum .content .header h1{max-width: 800px; margin: 0; font-size: 20px; word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .forum .content .body{width:810px; min-height:30px; line-height:30px; margin:0 auto 20px auto ; font-size:14px;} .forum .content .footer{width:810px; height:30px; margin:auto; font-size:13px; color:#888;} .forum .content .footer span{display:inline-block; background: url(../images/list_icon.png) no-repeat; background-position: 0px -67px; text-indent: 19px;} .forum .content .footer a{color: #888; background: url(../images/ii.png) no-repeat; background-position: 0px -335px; text-indent: 22px; display: inline-block; margin-left: 9px;} .forum .content .footer a:hover{color:#ff6700; background-position: 0px -354px;} .forum .content .replys{display:none; width:810px; overflow: hidden; height:190px; margin:auto; border:1px solid #e6e6e6; border-radius:5px; padding-top:18px; font-size:14px;} .forum .content .replys .tip{width: 810px; color: #999; text-align: center; height: 33px; border-bottom: 1px solid #eee;} .forum .content .replys form{width: 810px; height: 116px; background-color: #fafafa; padding: 20px 0px;} .forum .content .replys form textarea{display: block; width: 760px; height: 75px; margin: auto; border-radius: 5px; border: solid 1px #ddd; line-height: 20px; padding: 6px;} .forum .content .replys form textarea:focus{border:solid 1px #499ef3;} .forum .content .replys form .btn{height:20px; width:770px; margin:auto; padding-top:10px;} .forum .content .replys form .btn #confirm{float:right; background:#38b836; border:solid 1px #38b836; color:#fff; padding: 4px 18px; border-radius:3px; margin-right:10px; cursor:pointer;} .forum .content .replys form .btn #confirm:hover{background:#169714; border:solid 1px #169714;} .forum .content .replys form .btn #cancel{float:right; background:#ddd; border:solid 1px #ddd; color:#666; padding: 4px 18px; border-radius:3px; cursor:pointer;} .forum .content .replys form .btn #cancel:hover{background:#ccc; border:solid 1px #ccc;} .forum .content .comments_list .num {width: 850px; height: 30px; margin-top: 25px; font-size: 19px; border-bottom: solid 1px #eee; text-indent: 20px;} .forum .content .content_left ul {width: 805px; padding: 0 20px;} .forum .content .content_left ul li {width: 805px; min-height: 45px; padding: 15px 0px; border-bottom: solid 1px #eee;} .forum .content .content_left ul li:after{content: "."; display:block; height:0px; clear:both; visibility:hidden;} .forum .content .content_left ul li .avatar {width: 45px; min-height: 45px; float: left; margin-top: 2px;} .forum .content .content_left ul li .avatar img {border-radius: 4px; width: 45px; height: 45px;} .forum .content .content_left ul li .comment{float: left; width: 750px; min-height: 50px; margin-left: 8px;} .forum .content .content_left ul li .comment p.top{display: block; width: 700px; height: 25px; font-weight: normal; font-size: 13px;} .forum .content .content_left ul li .comment p.top a{color:#155faa} .forum .content .content_left ul li .comment p.top a:hover{text-decoration:underline;} .forum .content .content_left ul li .comment p.bottom{font-size: 13px; color: #888;} .forum .content .content_left ul li .comment .operate{margin-top:10px;} .forum .content .content_left ul li .comment .operate .agree,.forum .content .content_left ul li .comment .operate .agree_gray{cursor:pointer; background:#f5f5f5; display:inline-block; border-radius:4px; padding:0px 4px;} .forum .content .content_left ul li .comment .operate .agree i,.forum .content .content_left ul li .comment .operate .agree_gray i{background:url(../images/ii.png) no-repeat; background-position:0px -378px; display:inline-block; height:22px; width:25px;} .forum .content .content_left ul li .comment .operate .agree span,.forum .content .content_left ul li .comment .operate .agree_gray span{height: 27px; padding-right: 5px; font-weight: 500; color: #666; display: inline-block; vertical-align: top; padding-top: 2px;} .forum .content .content_left ul li .comment .operate .agree_active{cursor:pointer; background:#499ef3; display:inline-block; border-radius:4px; padding:0px 4px;} .forum .content .content_left ul li .comment .operate .agree_active i{background:url(../images/ii.png) no-repeat; background-position:0px -444px; display:inline-block; height:22px; width:25px;} .forum .content .content_left ul li .comment .operate .agree_active span{height: 27px; padding-right: 5px; font-weight: 500; color: #666; display: inline-block; vertical-align: top; padding-top: 2px;} .forum .content .content_left ul li .comment .operate .agree:hover{background:#499ef3;} .forum .content .content_left ul li .comment .operate .agree:hover i{color:#fff; background-position:0px -444px;} .forum .content .content_left ul li .comment .operate .agree:hover span,.forum .content .content_left ul li .comment .operate .agree_active span{color:#fff;} .forum .content .content_left ul li .comment .operate .disagree,.forum .content .content_left ul li .comment .operate .disagree_gray{cursor:pointer; margin-left:5px; background:#f5f5f5; display:inline-block; border-radius:4px; padding:0px 4px;} .forum .content .content_left ul li .comment .operate .disagree i,.forum .content .content_left ul li .comment .operate .disagree_gray i{background:url(../images/ii.png) no-repeat; background-position:0px -408px; display:inline-block; height:22px; width:25px;} .forum .content .content_left ul li .comment .operate .disagree span,.forum .content .content_left ul li .comment .operate .disagree_gray span{height: 27px; padding-right: 5px; font-weight: 500; color: #666; display: inline-block; vertical-align: top; padding-top: 2px;} .forum .content .content_left ul li .comment .operate .disagree_active{cursor:pointer; margin-left:5px; background:#499ef3; display:inline-block; border-radius:4px; padding:0px 4px;} .forum .content .content_left ul li .comment .operate .disagree_active i{background:url(../images/ii.png) no-repeat; background-position:0px -486px; display:inline-block; height:22px; width:25px;} .forum .content .content_left ul li .comment .operate .disagree_active span{height: 27px; padding-right: 5px; font-weight: 500; color: #fff; display: inline-block; vertical-align: top; padding-top: 2px;} .forum .content .content_left ul li .comment .operate .disagree:hover{background:#499ef3;} .forum .content .content_left ul li .comment .operate .disagree:hover i{background-position:0px -486px;} .forum .content .content_left ul li .comment .operate .disagree:hover span{color:#fff;} .forum .content .content_left ul li .comment .operate .time{float:right; color: #999; padding-top: 5px;} .forum .content .con_que .title{width:810px; height:70px; margin:30px auto 0px auto;} .forum .content .con_que .title h3{color:#333; font-weight:normal; text-indent:3px;} .forum .content .con_que .title input{width:810px; border:solid 1px #ddd; height:35px; font-size:14px; color:#555; border-radius:3px; text-indent:5px; margin-top:8px;} .forum .content .con_que .title input:focus,.forum .content .con_que .desc textarea:focus,.forum .content .content_right .search input:focus{border-color:#499ef3;} .forum .content .con_que .desc{width:810px; height:200px; margin:30px auto 0px auto;} .forum .content .con_que .desc h3{color:#333; font-weight:normal; text-indent:3px;} .forum .content .con_que .desc textarea{width:800px; border:solid 1px #ddd; height:120px; line-height:25px; padding:0px 5px; font-size:14px; color:#555; border-radius:3px; margin-top:8px;} .forum .content .con_que .confirm{width:260px; height:90px; margin:auto;} .forum .content .con_que .confirm input.conf{cursor:pointer; background-color:#38b836; width:120px; margin-right:10px; height:36px; border:solid 1px #38b836; border-radius:3px; color:#fff; font-size:15px;} .forum .content .con_que .confirm input.conf:hover{background-color:#149614; border-color:#269624;} .forum .content .con_que .confirm input.reset{cursor:pointer; background-color:#ccc; width:120px; height:36px; border:solid 1px #ccc; border-radius:3px; color:#666; font-size:15px;} .forum .content .con_que .confirm input.reset:hover{background-color:#bbb; border-color:#bbb;} .head-menu{width: 100%; height: 55px; margin-bottom: 25px; border-bottom: 1px solid #e3e7e8; background-color: #fff;} .head-menu .menu-box{position: relative; overflow: hidden; width: 1200px; height: 55px; margin: auto;} .head-menu .menu-box a.uploads{font-size: 13px; line-height: 55px; position: absolute; top: 0; right: 0; display: block; width: 144px; height: 55px; text-align: center; color: #fff; background-color: #2eb3ff;} .head-menu .menu-box .menu-ul {display: block; list-style: none;} .head-menu .menu-box .menu-ul li{font-size: 13px; line-height: 52px; display: block; float: left; overflow: hidden; padding: 0 22px;} .head-menu .menu-box .menu-ul li.active {border-bottom: 3px solid #2eb3ff;} .user .container-fluid{margin-bottom:60px;} .user .container-fluid .tags{height:400px;} .user .container-fluid .tags h2{text-indent:5px !important; border-bottom:solid 1px #e7e7e7; margin-bottom:8px; color:#ff6700 !important;} .user .container-fluid .tags h2.top{margin-top:10px;} .user .container-fluid .tags h2.top i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -234px; display:block; width:21px; height:30px;} .user .container-fluid .tags h2.top span{display:block; float:left; line-height:30px;} .user .container-fluid .tags a{padding:0 5px; border-radius:4px; display: inline-block; color:#888; margin-bottom:3px; margin-right:14px;} .user .container-fluid .tags a:hover,.web .container-fluid .tags a.active{background:#ff6700; color:#fff;} .user .container-fluid .box{box-shadow:0 0 2px #eee; margin-bottom: 20px; float: left; width: 263px; padding:10px; border: solid 1px #eee; display: inline; overflow: visible; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position:relative;} .user .container-fluid .box h2{font-size:14px; width:263px; text-indent:2px; display:block; line-height:35px; height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .user .container-fluid .box h2 i{float:left; background: url(../images/ii.png) no-repeat center; background-position:1px -209px; display:block; width:21px; height:30px;} .user .container-fluid .box h2 span{display:block; float:left; line-height:30px;} .user .container-fluid .box .litpic{width:277px; height:173px;} .user .container-fluid .box .ycicon{height: 52px; width: 52px; overflow: hidden;} .user .container-fluid .box .cmsicon{height: 52px; width: 52px; overflow: hidden; background: url(../images/cms.png) no-repeat; position: absolute; top: 1px; right: 0px; z-index: 2;} .user .container-fluid .box .user{height:50px;} .user .container-fluid .box .user .avatar{width:40px; height:40px; margin-left:2px; margin-top:3px; float:left;} .user .container-fluid .box .user .avatar a,.user .container-fluid .box .user .avatar img{display:block; border-radius:40px; transition: all .8s ease;} .user .container-fluid .box .user .avatar a:hover,.user .container-fluid .box .user .avatar img:hover{transform:rotate(720deg); -ms-transform:rotate(720deg); -moz-transform:rotate(720deg); -webkit-transform:rotate(720deg); -o-transform:rotate(720deg); /* Opera */} .user .container-fluid .box .user .info{margin-left:10px;float:left; font-size:13px;} .user .container-fluid .box .user .info .nickname{height:20px; } .user .container-fluid .box .user .info .proporty{font-size:10px; color:#bfbfbf; height:20px;} .user .container-fluid .box .user .info .proporty a{color:#888;} .user .container-fluid .box .user .info .proporty a.viewNum i {display:inline-block; width:19px; height:20px; background-position: 0px 8px; background-image: url(../images/list_icon.png);} .user .container-fluid .box .user .info .proporty a.downloadNum i {display:inline-block; width:25px; height:20px; background-position: 7px -42px; background-image: url(../images/list_icon.png);} .user .container-fluid .box .user .info .proporty a.likeNum i {display:inline-block; width:25px; height:20px; background-position: 7px -130px; background-image: url(../images/list_icon.png);} .pay h3{display: block; width: 100%; height: 50px; line-height: 35px; text-indent: 20px; font-weight: normal; color: #474747; font-size: 28px; border-bottom: solid 1px #eee;} .pay>.last{border-bottom: none; margin-top: 10px;} .pay a.pay_right{float: right; font-size: 15px; margin-right: 20px; margin-top: 10px; color: #777;} .pay a.pay_right:hover{color: #ff6700;} .pay .payBox .pay_label{display:block;width:110px; line-height:44px; font-size:17px; color:#777; float:left;} .pay .payBox .pay_value{display:block;width:700px; line-height:44px; font-size:17px; color:#ff6700; float:left;} .pay .payBox .pay_value input{padding: 1px; line-height: 40px; color: #555; font-size: 16px; font-family: "Microsoft YaHei"; width: 500px; height: 40px; border: 1px solid #e7e7e7; text-indent: 9px;} .pay .payBox .pay_radio span.radio-outer{display: inline-block; position: relative; width: 18px; height: 18px; border-radius: 18px; border: 1px solid #ccc; cursor: pointer; vertical-align: middle;} .pay .payBox .pay_radio span.radio-outer i.selected{background: #ff6700;} .pay .payBox .pay_radio span.radio-outer i.radio-inner{width:12px; height:12px; border-radius:12px; position:absolute; top:3px; left:3px;} .pay .payBox .pay_radio span.radio_label{display: inline-block; height: 44px; width: 168px; margin-right: 10px; text-indent: 5px; line-height: 44px;} .pay .payBox .pay_radio span.radio_label i{color: #ff6700; font-size: 13px; vertical-align: top; margin-left: 5px;} .pay .payBox .pay_type a.alipay{display:inline-block; width:152px; margin-right: 6px; height:41px; background:url(../images/pay.png) no-repeat; background-position:0px -57px;} .pay .payBox .pay_type a.wxpay{display:inline-block; width:152px; height:41px; background:url(../images/pay.png) no-repeat; background-position:-151px 0;} .pay .payBtn{border-top:solid 1px #eee; margin-top:10px;} .pay .payBtn a{display:block; width:250px; height:60px; line-height:60px; color:#fff; font-size:22px; background:#ff6700; text-align:center; margin:30px auto 0 auto;} .feedback{margin-top:92px; overflow: hidden;} .feedback .breadcrumb{width:1200px; height:40px;} .feedback .breadcrumb i{background: url(../images/ii.png) no-repeat center; background-position:1px -181px; display:block; width:28px; height:30px; float:left;} .feedback .breadcrumb span{display: block; height:40px; width:1100px; float:left; line-height:32px; font-size:14px; color:#777;} .feedback .breadcrumb span a{color:#777} .feedback .breadcrumb span a:hover{color:#ff6700;} .feedback .main { min-height: 500px; width: 1198px; overflow: hidden; } .feedback .main .content{ float: left; padding: 30px 44px; background: #fff; width: 770px; min-height: 500px; border: 1px solid #eee; box-shadow: 0 0 2px #eee; border-radius: 4px; } .feedback .main .slide{ float: right; padding: 30px; background: #fff; width: 260px; min-height: 500px; border: 1px solid #eee; box-shadow: 0 0 2px #eee; border-radius: 4px; } .feedback .content h2.title{ font-size: 18px; display: block; width: 100%; color: #666; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #e0e0e0; } .feedback .content .form-section{ margin-bottom: 20px; padding: 10px; position: relative; overflow: hidden; } .feedback .content .form-section .input-label{ color: #aaa; position: absolute; font-size: 14px; top: -2px; left: 22px; background: #fff; padding: 0 3px; } .feedback .content .form-section .input-dropdown{ width: 752px; height: 45px; text-indent: 16px; font-family: "Microsoft Yahei"; font-size: 15px; border:1px solid #e0e0e0; color: #888; font-size: 14px; line-height:45px; -webkit-transition:border-color .2s linear; transition:border-color .2s linear; outline: none; } .feedback .content .form-section .input-text{ width: 717px; height: 18px; padding:12px 16px; border:1px solid #e0e0e0; color: #888; font-size: 14px; line-height:18px; -webkit-transition:border-color .2s linear; transition:border-color .2s linear; } .feedback .content .form-section .input-textarea{ width: 717px; height: 100px; padding:12px 16px; border:1px solid #e0e0e0; color: #888; font-size: 14px; line-height:25px; -webkit-transition:border-color .2s linear; transition:border-color .2s linear; } .feedback .content .form-section a.submitQuestion{ display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background-color: #ff6700; color: #fff; font-size: 15px; } .sales_topbg{ width: 100%; height: 200px; overflow: hidden; background: url(../images/sales_top.jpg); margin-top: 90px; } .sales_content{ font-size:14px; } .sales_content .wapper{ width: 100%; height: 100px; background: #fff; border-bottom: solid 1px #eee; } .sales_content .sales_condition{ width: 1200px; margin: 0 auto; padding: 20px 0; line-height: 30px; height: 80px; } .sales_content .sales_list{ width: 1200px; margin: 20px auto 0 auto; } .clearfix{ clear:both; } .sales_content .sales_condition span{ font-weight:bold; } .sales_content .sales_condition li{ padding:0 13px; } .sales_content .sales_condition li.on a{ color:#ff6700; } .sales_content .sales_condition li a{ font-size:14px; } .sales_content .sales_list li{ float: left; width: 266px; height: 300px; padding: 10px; border: solid 1px #eee; margin-right: 15px; margin-bottom:15px; background:#fff; } .sales_content .sales_list li a.sales_litpic{ height:270px; overflow:hidden; display: block; width: 266px; position:relative; } .sales_content .sales_list .sales_price{ position:absolute; top:-59px; left:0px; width:246px; height: 39px; padding: 10px; background:rgba(255,255,255,.7); -webkit-transition: all 200ms ease-out; -mozilla-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-ou; transition: all 200ms ease-out; } .sales_content .sales_list .sales_litpic:hover .sales_price{ top:0px; } .sales_content .sales_list .sales_price span.sales_source{ display:block; float:left; width:110px; margin-left:10px; line-height:35px; height:35px; overflow:hidden; text-align:center; border:solid 1px #ff6700; border-radius:5px; background:#fff; color:#ff6700; } .sales_content .sales_list .sales_price span.sales_unit{ display:block; width:120px; float:left; line-height:35px; height:35px; overflow:hidden; text-align:center; border:solid 1px #ff6700; border-radius:5px; background:#ff6700; color:#fff; } .sales_content .sales_list li a.sales_title{ line-height:35px; display:block; } .last{ margin-right:0px; } .service_topbg{ width: 100%; height: 450px; overflow: hidden; background: url(../images/service_top.jpg); margin-top: 90px; } .service_topbg .inner{ width: 1200px; height: 300px; margin: auto; padding-top: 30px; position: relative; } .service_topbg .inner .contact{ position: absolute; right: 0px; height: 390px; width: 350px; background-color: #fff; margin: 0; } .service_topbg .inner .contact .contact_tit{ padding: 30px 0 15px; text-align: center; border-bottom: 1px solid #eee; } .service_topbg .inner .contact .contact_tit h2{ color: #292f39; line-height: 28px; height: 35px; font-size: 23px; } .service_topbg .inner .contact .contact_tit p{ color: #999; line-height: 28px; height: 30px; font-size: 15px; } .service_topbg .inner .contact .contact_con .mobile{ margin: 30px auto 20px auto; display: block; background: url(../images/login_input.png) no-repeat; text-indent: 35px; background-position: 3px -52px; width: 280px; height: 40px; border-radius: 2px; border: solid 1px #ddd; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.050); box-shadow: inset 0 1px 1px rgba(0,0,0,.050); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; color: #555; } .service_topbg .inner .contact .contact_con .name{ margin: 20px auto 5px auto; display: block; background: url(../images/login_input.png) no-repeat; text-indent: 35px; background-position: 3px 7px; width: 280px; height: 40px; border-radius: 2px; border: solid 1px #ddd; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.050); box-shadow: inset 0 1px 1px rgba(0,0,0,.050); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; color: #555; } .service_topbg .inner .contact .contact_con .mobile:focus,.service_topbg .inner .contact .contact_con .name:focus{ border-color: rgba(82, 168, 236, 0.8); outline: 0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } .service_topbg .inner .contact .contact_con span.contact_tip{ color: #ff6700; line-height: 30px; width: 280px; margin: auto; height: 30px; text-align: center; display: block; font-size: 13px; } .service_topbg .inner .contact .contact_con a.contact_tj{ border: 1px solid #e72116; box-shadow: 0px 1px 2px rgba(0,0,0,0.20); display: block; width: 280px; height: 44px; border-radius: 2px; background: #ff6700; text-align: center; line-height: 44px; color: #fff; font-size: 17px; margin: 5px auto 0 auto; } .service_type{ width: 100%; overflow: hidden; background-color: #fff; padding-bottom: 70px; } .service_type .grid{ width: 1200px; margin: auto; text-align: center; padding-top: 40px; } .service_type .grid h2{ position: relative; height: 80px; line-height: 34px; color: #666; font-size: 28px; display: inline-block; } .service_type .grid h2:before{ position: absolute; top: 18px; content: ''; width: 50px; height: 2px; background-color: #ccc; display: inline-block; left: -70px; } .service_type .grid h2:after{ position: absolute; top: 18px; content: ''; width: 50px; height: 2px; background-color: #ccc; display: inline-block; right: -70px; } .service_type .grid .con{ width: 378px; height: 450px; box-shadow: 0 10px 15px rgba(204,204,204,.3); float: left; margin-right: 30px; border:solid 1px #f6f6f6; } .service_type .grid .last{ margin-right: 0px; } .service_type .grid .con .top1{ width: 378px; height: 156px; background:url(../images/service_mobile.jpg); } .service_type .grid .con .top2{ width: 378px; height: 156px; background:url(../images/service_shop.jpg); } .service_type .grid .con .top3{ width: 378px; height: 156px; background:url(../images/service_pc.jpg); } .service_type .grid .con .index-scale-tit{ padding-top: 30px; font-weight: 500; color: #fff; font-size: 27px; } .service_type .grid .con .index-scale-tip{ position: relative; margin-top: 12px; color: #fff; font-size: 18px; } .service_type .grid .con a.index-scale-detail{ margin-top: 15px; width: 90px; height: 30px; line-height: 30px; color: #fff; border:solid 1px #fff; border-radius: 15px; display: inline-block; transition: all .5s; } .service_type .grid .con ol.index-scale-cate{ margin: 45px 0; height: 115px; } .service_type .grid .con ol.index-scale-cate .index-cate-item{ font-size: 14px; min-width: 95px; margin-bottom: 8px; display: inline-block; color: #777; } .service_type .grid .con a.total{ color: #fff; min-width: 258px; height: 42px; line-height: 42px; padding: 0; margin: 0 60px; background-color: #de342f; display: block; font-size: 15px; border-radius: 4px; cursor: default; } .service_case{ background-color: #f8f8f8; padding-bottom: 0px; } .service_case .service_case_box{ background-color: #fff; padding: 12px; width: 259px; border:solid 1px #ededed; float: left; margin-right: 20px; overflow: hidden; box-shadow: 0 10px 15px rgba(204,204,204,.3); margin-bottom: 25px; } .service_case .last{ margin-right: 0px !important; margin-bottom: 25px !important; } .service_case .service_case_box img{ width: 253px; height: 170px; } .service_case .service_case_box a.title{ text-overflow:ellipsis; white-space:nowrap; display: block; font-size: 16px; color: #555; padding: 10px 0; } .service_case .service_case_box a:hover{ color: #ff6700; } .service_case .service_case_box span.desc{ text-align: center; padding: 7px 5px 7px 5px; line-height: 22px; height: 40px; font-size: 13px; border-top: 1px solid #f1f1f1; display: block; overflow: hidden; color: #777; } .service_guarantee{ width: 100%; background: #fff; border-top: solid 1px #eee; overflow: hidden; margin-bottom: -15px !important; } .service_guarantee .footer-cool-list{ margin: 50px 0 70px; overflow: hidden; } .service_guarantee .footer-cool-list .footer-cool-item{ float: left; width: 20%; } .service_guarantee .footer-cool-list .footer-cool-item dt{ color: #e72324; margin-bottom:6px; float: left; } .service_guarantee .footer-cool-list .footer-cool-item dt .ico{ width: 60px; height: 60px; line-height: 60px; color: #e72222; font-size: 0; text-align: center; background: url(../images/icon_guarantee.png); display: inline-block; } .service_guarantee .footer-cool-list .footer-cool-item dd{ color: #98a3b1; float: left; margin-left: 20px; } .service_guarantee .footer-cool-list .footer-cool-item .footer-cool-tit{ color: #333; font-size: 16px; margin-bottom: 6px; } .service_guarantee .footer-cool-list .footer-cool-item .footer-cool-txt{ line-height: 1.5; } .details{background: #fff; padding: 33px 30px; /*border: solid 1px #eee; box-shadow: 0 0 2px #eee;*/ margin-bottom: 30px;} .details li.first{border-top: 1px #e8e8e8 solid;} .details li{border-left: 1px #e8e8e8 solid; overflow: hidden; border-right: 1px #e8e8e8 solid; border-bottom: 1px #e8e8e8 solid;display: block; line-height: 50px; height: 50px; font-size: 14px;} .details li label{display: block; width: 120px; float: left; text-align: center; background: #fcfcfc; border-right: 1px #e8e8e8 solid;} .details li span{display: block; float: left; text-indent: 15px; color: #666;} .details li select{color: #666; float: left; display: block; font-size: 14px; margin-top: 7px; border-radius: 4px; width: 666px; line-height: 36px; height: 36px; outline: none; text-indent: 6px; margin-left: 7px; border: #ddd solid 1px; font-family: Microsoft YaHei;} .details li span a{color: #2862ac;} .details li span a:hover{text-decoration: underline; color: #ff6700;} .details .confirm input.modify,.details .confirm input.cancel{display: block; float: left; width: 130px; height: 42px; margin-right: 15px; border-width: 0px; border-radius: 5px; background: #555; color: #fff; font-size: 15px; cursor: pointer;} .details .confirm input.detail_submit{display: block;float: left;width: 130px;height: 42px;border-width: 0px;border-radius: 5px;background: #555;color: #fff;cursor: pointer; font-size: 15px;} .details li span.radio-outer{width: 18px; height: 18px; border-radius: 18px; border: 1px solid #ccc; margin-left: 10px; margin-top: 16px; cursor: pointer; position: relative;} .details li span.radio-outer .selected{background: #ff6700;} .details li span.sex-label{margin-right: 10px; text-indent: 10px;} .details li span.radio-outer i.radio-inner{width: 12px; height: 12px; border-radius: 12px; position: absolute; top: 3px; left: 3px;} .details th{color: #666; height: 46px; line-height: 46px; font-weight: 700;} .rank{margin-top: 92px;} .rank .item{position:relative; background: #fff; width: 1158px; height: 140px; margin-bottom: 20px; border: solid 1px #eee; box-shadow: 0 0 2px #eee; padding: 20px;} .rank .item .logo{position: absolute; left: -4px; top: 5px; width: 50px; z-index:9999;} .rank .item .avatar{width: 157px;height: 140px;float: left;} .rank .item .avatar a img{width:128px; height:128px; border-radius: 100%; transition: all .9s ease; border: solid 6px #fff; box-shadow: 0px 0px 6px #f5f5f5;} .rank .item .avatar a img:hover{transform: rotate(720deg);} .rank .item .info{width: 339px;height: 140px;float: left;} .rank .item .info h3{font-size: 23px; height: 28px; overflow: hidden; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;} .rank .item .info ul{display: block; overflow: hidden; height: 36px; line-height: 1.25;} .rank .item .info ul li.first{padding-right: 10px; padding-left: 0; border-left: none; float: left;} .rank .item .info ul li p{font-size: 12px; color: #909090;} .rank .item .info ul li p span{font-size: 18px;} .rank .item .info ul li{float: left; padding-left: 10px; border-left: 1px solid #ddd;} .rank .item .info .desc{font-size: 12px; line-height: 20px; height: 20px; display: block; max-height: 40px; margin: 9px 0px; word-wrap: break-word; word-break: break-all; color: #555; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .rank .item .info a.follow{transition: all 1.8s ease; font-size: 13px; line-height: 30px; bottom: 0; left: 0; display: block; width: 110px; height: 30px; text-align: center; color: #fff; border-radius: 2px; background: #2eb3ff;} .rank .item .info a.follow:hover{background: #ff6700;} .rank .item .sucai{width: 200px;height: 140px;float: left;margin-left: 20px;} .rank .item .sucai a.litpic{width: 200px; height: 118px; display: block; position: relative; overflow: hidden;} .rank .item .sucai a.litpic span{position: absolute; right: 9px; bottom: 6px; color: #fff; background: rgba(0,0,0,.4); padding: 0px 6px; border-radius: 3px; line-height: 1.5;} .rank .item .sucai a.tit{transition: all .2s ease;font-size: 13px; width: 200px; display: block; line-height: 33px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .rank .item .sucai a.tit:hover{color: #ff6700; text-decoration: underline;} .from{line-height: 100px; font-size: 15px; color: #777; text-align: right;}