.article{ background-color:#f5f5f5; padding:20px 0;}

ul.article-list{}
ul.article-list li{ width:100%; display:table; padding:15px 0 10px; border-bottom:1px dashed #ccc;}
ul.article-list li .thumb{ width:100px; height:75px; vertical-align:top; display:table-cell; padding-right:15px;}
ul.article-list li .thumb img{ width:100px; height:75px;}
ul.article-list li .content{ vertical-align:top; display:table-cell;}
ul.article-list li .content h3{ height:30px; line-height:30px;}
ul.article-list li .content h3 a{ font-size:15px; color:#666;}
ul.article-list li .content p{ line-height:24px; margin:0; font-size:13px;}
ul.article-list li .content p a{ color:#f52000;}

ul.photo-list{ width:105%; padding:15px 0;}
ul.photo-list li{ width:160px; float:left; margin-right:25px; padding:0 0 20px 0;}
ul.photo-list li .thumb{ width:160px; height:120px; overflow:hidden;}
ul.photo-list li .thumb img{ width:160px; height:120px; transition-duration:1.2s;}
ul.photo-list li h4{ width:100%; height:40px; margin:4px 0 0; line-height:20px; text-align:center; font-weight:normal;}
ul.photo-list li h4 a{ font-size:14px;}
ul.photo-list li:hover .thumb img{ width:180px; height:140px; margin:-10px 0 0 -10px;}

ul.article-elite{ padding:10px 0;}
ul.article-elite li{ line-height:200%;}
ul.article-elite li a{ font-size:14px;}

ul.article-relate{ padding:10px 0;}
ul.article-relate li{ width:50%; float:left; line-height:200%;}
ul.article-relate li a{ font-size:14px;}

.article-content{ padding:10px 0;}
.article-content h1{ line-height:30px; padding:10px 0; text-align:center;}
.article-content .author{ line-height:30px; text-align:center;}
.article-content .tags{ line-height:30px; font-size:14px; padding:5px 0;}
.article-content .tags a{ display:inline-block; margin-right:12px; font-size:14px;}
.article-content .descinfo{ padding:15px 20px; line-height:180%; border:1px dashed #ccc; background-color:#efefef; color:#333;}
.article-content .content{ font-size:14px; line-height:200%; padding:10px 0;}
.article-content .content p{ margin:0;}
.article-content .content a.taglink{ font-size:14px; color:#f25555;}
.article-content .prev_next{ font-size:14px;}
.article-content .prev_next a{ font-size:14px;}
.article-content .prev_next p{ margin:0; line-height:200%;}

.prev-next{ padding: 10px 0; }
.prev-next a{ font-size: 14px; color: #666; }
.prev-next .prev,
.prev-next .next{ line-height: 32px; }

.single{ background-color:#f5f5f5; padding:20px 0;}

.singleContainer{}
.singleContainer h1{ line-height:40px; margin:20px 0; text-align:center; border-radius:10px; font-size:20px; border-bottom:1px solid #eee;}
.singleContainer .content{ overflow:hidden;}
.singleContainer .content p{ margin:0; padding:0.3em; font-size:15px; line-height:200%;}

.product{ background-color:#f5f5f5; padding:20px 0;}

ul.product-list{ width:105%; padding:15px 0;}
ul.product-list li{ width:160px; float:left; margin-right:25px; padding:0 0 20px 0;}
ul.product-list li .thumb{ width:160px; height:120px;}
ul.product-list li .thumb img{ width:160px; height:120px;}
ul.product-list li h4{ width:100%; height:40px; margin:4px 0 0; line-height:20px; text-align:center; font-weight:normal;}
ul.product-list li h4 a{ font-size:14px;}

ul.product-relate{}
ul.product-relate{ width:105%; padding:15px 0;}
ul.product-relate li{ width:160px; float:left; margin-right:25px; padding:0 0 20px 0;}
ul.product-relate li .thumb{ width:160px; height:120px;}
ul.product-relate li .thumb img{ width:160px; height:120px;}
ul.product-relate li h4{ width:100%; height:40px; margin:4px 0 0; line-height:20px; text-align:center; font-weight:normal;}
ul.product-relate li h4 a{ font-size:14px;}

.product-content{}
.product-content h1{ line-height:30px; padding:10px 0; text-align:center;}
.product-content .content{ font-size:14px; line-height:200%; padding:10px 0;}
.product-content .content p{}
.product-content .content img{ max-width:880px;}
.product-content .prev_next{ font-size:14px;}
.product-content .prev_next a{ font-size:14px;}
.product-content .prev_next p{ margin:0; line-height:200%;}

/* 分页 */
.pagination{ margin:20px 0; text-align:center;}  
.pagination li{ margin:0px 5px; padding:5px 10px; display:inline-block; border:1px solid #009944; cursor:pointer;}  
.pagination .active{ background-color:#009944; color: #fff;}  
.pagination .disabled{ color:#AAA;} 


.activity{ background-color:#f5f5f5; padding:20px 0;}

ul.activity-list{ width:100%; padding:0 0 15px 0;}
ul.activity-list li{ width:50%; height:135px; overflow:hidden; float:left; display:inline-table; padding:20px 0 15px 0; border-bottom:1px dashed #efefef;}
ul.activity-list li .thumb{ width:170px; height:130px; display:table-cell;}
ul.activity-list li .thumb a{ display:block; padding:4px; border:1px solid #efefef;}
ul.activity-list li .thumb img{ width:160px; height:120px; display:block;}
ul.activity-list li .content{ display:table-cell; padding:0 15px; vertical-align:top;}
ul.activity-list li .content h4{ width:100%; height:30px; margin:4px 0 0; line-height:30px; overflow:hidden;}
ul.activity-list li .content h4 a{ font-size:15px; color:#00adef;}
ul.activity-list li .content p{ margin:0; line-height:160%; font-size:14px;}
ul.activity-list li .content p a{ font-size:14px; color:#ff3300;}

ul.parameter{ padding:15px 30px; background-color:#efefef; border:1px dashed #ccc;}
ul.parameter li{ width:100%; height:30px; float:left; line-height:30px; font-size:14px;}

ul.activityTags-list{ padding:10px 5px;}
ul.activityTags-list li{ width:50%; float:left; line-height:200%;}
ul.activityTags-list li a{ font-size:14px;}

.activityContainer{}
.activityContainer h1{ line-height:30px; padding:10px 0; text-align:center;}
.activityContainer .content{ font-size:14px; line-height:200%; padding:10px 0;}
.activityContainer .content p{}
.activityContainer .content img{ max-width:880px;}
.activityContainer .prev_next{ font-size:14px;}
.activityContainer .prev_next a{ font-size:14px;}
.activityContainer .prev_next p{ margin:0; line-height:200%;}

.search{ margin:10px 0; padding:5px 10px; border:1px solid #efefef; }
.search dl{ width:100%; display:table; padding:10px 0;}
.search dl dt{ width:42px; display:table-cell; vertical-align:top; line-height:200%; font-size:14px;}
.search dl dd{ display:table-cell; vertical-align:top;}
.search dl dd a{ height:28px; line-height:28px; display:inline-block; font-size:14px; padding:0 10px; text-decoration:none; outline:none;}
.search dl dd a:hover,
.search dl dd a.current{ background-color:#00adef; color:#fff;}


.diy{}
.diy h4{ line-height:40px; font-weight:normal; color:#12a8f3; margin:20px 0 0;}
.diy .tab-form{ width:100%; border: solid #ddd; border-width:1px 0 1px 1px;}
.diy .tab-form td{ background-color:#fff; padding:10px 15px 15px 15px; border: solid #ddd; border-width:0 1px 0 0;}
.diy .tab-form td .input-radio{ vertical-align:bottom;}
.diy .tab-form td:hover{ background-color:#efefef;}
.diy .textarea{ width:900px; height:50px; padding:10px; border:1px solid #ddd; font-size:14px;}
.diy .inputbox{ width:240px; height:20px; padding:10px; border:1px solid #ddd; font-size:14px;}
.diy .inputcode{ width:120px;}
.diy .box p{ padding:10px 0;}
.diy .box .subbutton{ margin:20px auto; padding:10px; display:block; line-height:20px; background-color:#f25555; border:0; border-radius:3px; cursor:pointer; color:#fff; font-size:15px;}
/*


.diy .box{ padding:0px 0;}



input.error{ border: 1px solid red;}
label.error{ padding:0 0 0 20px; margin:0 0 0 0.3em; background:url(/statics/images/failure_16_16.gif) 0 3px no-repeat; color:#ff0000;}
label.valid{ width:16px; height:20px; padding:0 0 0 20px; margin:0 0 0 0.5em; display:inline-block; vertical-align:middle; background:url(/statics/images/success_16_16.gif) 0 3px no-repeat;}
input.zeroRegion{ width:0; margin:0; padding:0; border:0;}
*/