﻿/* top���� */

.ww{ width:1200px; height:auto;margin:0 auto; margin-top:15px; overflow:hidden;}

.ww .left{ width:930px; float:left;}

.ww .left .js{ width:450px; overflow:hidden; float:left;}

.ww .left .js.right{ margin-left:26px;}

.ww .left .js .title{ width:450px; height:40px; float:left; line-height:39px;}

.ww .left .js .title ul li{ width:159px; height:40px; text-align:center; float:left; font-size:16px;} 
<!--开发者分类目录网www.t bhyb.com-->
.ww .left .js .rules{ width:448px; overflow:hidden; border:#dcdcdc 1px solid; float:left;}

.rules ul li{ width:430px;  overflow:hidden; height:37px; border-bottom:#dcdcdc 1px dashed; margin-left:10px; line-height:37px;}

.rules ul li a:hover{ color:#666666;}

.rules ul li.last{ border-bottom:none;}

.rules ul li.first{ margin-top:10px;}



.ww .right .top{ width:250px; height:36px; float:left; border-bottom:#dcdcdc 1px dashed; border-top:#0E89D6 2px solid; line-height:36px; font-size:15px;}

.ww .right .tip{ width:250px; height:62px; float:left; margin-top:15px;}

.tip_left{ width:81px; height:60px; border:#dcdcdc 1px solid; float:left;}

.tip_right{ width:140px; height:62px; float:left; margin-left:9px; font-size:10px; line-height:17px;}

.tip_right a{ color:#4aae5f;}

.ww .right .title {

    width: 250px;

    height: 36px;

    

    float: left;

    border-bottom: #dcdcdc 1px dashed;

    

    line-height: 36px;

    font-size: 15px;

}

.ww .right .text {

    width: 250px;

	overflow:hidden;

    float: left;

}

.ww .right .text .left {

    width: 15px;

    float: left;

    margin-top: 9px;

}
<!--开发者分类目录网www.tbhyb.com-->
.ww .right .text ul li {

    width: 215px;

    height: 15px;

    line-height: 22px;

    margin-left: 25px;

    font-size: 13px;

    padding: 4px 0px;

    overflow: hidden;

    margin-top: 6px;

}

.ww .left .js .title a:hover{ color:#333333;}

.ww .right{ width:250px; float:right;}



.ww .js .title ul li{ cursor:pointer;}

.ww .js .title ul li.current{ background:url(../images/green.png) no-repeat 0px 40px; position:relative; z-index:3; padding-bottom:6px; background-color:#fff;}

.ww .js ul.ul2{ display:none;}


/*分享*/
.fenxiang{margin-top: 15px;
    padding: 0px 20px;}


.orange{ color:#ea5b23;}

.green{ color:#0E89D6;}



/* վ������ */

.ww .table1{ width:928px; overflow:hidden; padding-bottom:10px; border:#dcdcdc 1px solid; float:left;margin-bottom: 15px;}
.ww .table1 p {
    padding: 15px;
    line-height: 30px;
}
.ww .table1 .title{ width:928px; overflow:hidden; border-bottom:#dcdcdc 1px dashed; line-height:59px;text-align: center;}

.ww .table1 .times{ width:928px; height:22px; margin-top:10px;  line-height:22px; float:left;}

.ww .table1 .times  ul li{ height:22px; line-height:22px; padding-right:15px; color:#a7a7a7; float:left; font-size:13px;}

.ww .table1 .times  ul li.v{ margin-left:20px;}

.ww .table1 .times .shou{ width:65px; height:22px; border-radius:3px; float:left; background:#0e89d6; line-height:22px; text-align:center; color:#FFFFFF; font-size:13px;}
<!--开发者分类目录网www.tb hyb.com-->
.ww .table1 .times .shou:hover{ background:#2a9ce4;}

.ww .table1 .times .shou a{ color:#FFFFFF;}

.ww .table1 .picture{ width:199px; height:130px; border:#dcdcdc 1px solid; margin:20px 0 0 20px; float:left;}

.ww .table1 .picture .img{ width:185px; height:116px; margin:7px;}

.ww .table1 .main{ width:415px; height:125px; margin:25px 0 0 20px; border-right:#dcdcdc 1px solid; float:left;}

.ww .table1 .main ul li{ height:30px; text-align:left; line-height:30px; font-size:16px;}

.ww .table1 .main ul li a{ color:#c81521;}

.ww .table1 .qz{ width:250px; height:125px; float:left; margin:25px 0 0 10px;}

.ww .table1 .qz ul li{ height:28px; padding:2px 0px; text-align:right;}

.ww .table1 .qz ul{ float:left;}

.ww .table1 .qz ul .m{ text-align:left; padding-left:4px;}

.ww .table1 .tx{ width:888px; overflow:hidden; float:left; margin:20px 0px 0 20px; line-height:27px; font-size:15px; }

.ww .table1 .tx ul li{ height:20px; line-height:20px; float:left; padding:0px 5px;}

.ww .table1 .tx ul li.pd{ padding:0px;}

.ww .table1 .panking{ width:411px; height:247px; float:left; margin:0 0 0 46px;}

.panking .tp{ width:411px; height:42px; line-height:42px; font-size:16px; text-align:center;}

.panking .table{ width:409px; height:205px; float:left; border:#dcdcdc 1px solid; background:url(../images/pank.jpg) no-repeat center;}

.tp2{ width:384px; height:205px; float:left; border:#dcdcdc 1px solid; margin:42px 0 0 38px; overflow:hidden;}

.tp2 .xh{ width:384px; height:19px; line-height:19px; margin-top:20px; text-align:center; color:#0e89d6; font-size:17px;}

.tp2 .kuang{ width:149px; height:62px; margin:20px 0 0 117px; float:left; background:url(../images/shou.jpg) no-repeat center 10px;}

.tp2 .kuang .fen{ width:35px; height:23px; margin:10px 0 0 54px;}

.tp2 .kuang .dafen{ width:149px; height:19px; float:left; line-height:19px; text-align:center; color:#999999; margin-top:5px;}

.tp2 .kuang:hover{ background-color:#2c964d; background: url(../images/shou2.png) no-repeat center 10px;}

.top2 .guild{ width:288px; height:44px; background:url(../images/xin-116.gif) no-repeat left 5px; margin:10px 0 0 73px; border:#FF0000 1px solid;}



.ww .table2{ width:908px; overflow:hidden; padding:10px 10px 10px 10px; border:#dcdcdc 1px solid; float:left; margin-top:15px;}

.ww .table2 .ping{ width:928px; height:44px; border-bottom:#dcdcdc 1px dashed; line-height:44px; font-size:16px;}

.ww .table2 .self{ width:888px; height:70px; margin:20px 0 0 20px; float:left;}

.ww .table2 .self .img{ width:50px; height:50px; float:left;}
.ww .right .text ul li {
    width: 215px;
    height: 15px;
    line-height: 22px;
    margin-left: 25px;
    font-size: 13px;
    padding: 4px 0px;
    overflow: hidden;
    margin-top: 6px;
}
.ww .table2 .self .pj{ width:800px; height:70px; float:left; margin-left:15px;}

.pj .name{ width:800px; height:19px; line-height:19px; color:#0e89d6; float:left;}

.pj .nei{ width:800px; height:25px; margin-top:5px; float:left;}

.pj .time{ width:800px; height:20px; line-height:20px; color:#b4b4b4; font-size:13px; float:left; margin-top:5px;}

.pj .time hf{ background:url(../images/sprites.png) no-repeat 0px -105px;}

.pj .time ul li{ height:20px; padding-right:15px; float:left;}
<!--开发者分类目录网www.tbhyb. com-->
.pj .time ul li a{ color:#b4b4b4;}



.denglu{width:930px; height:17px; margin-top:24px; float:left; line-height:20px;}

.denglu .left{ width:88px; height:17px; float:left; line-height:17px;}

.denglu .more{ width:40px; height:17px; float:left; margin-left:}

.denglu .list{ width:50px; height:17px; line-height:17px; float:left; text-align:right; background:url(../images/service-icons-color.png) no-repeat 0px 0px; margin-left:8px; margin-right:15px;}

.qq{ background-position: 0px -192px;}


.ww .table1 .m_ssxx p{ padding:0 15px;}

/* relsite */
#relsite {background: #fff; border: solid 1px #e8e8e8; padding: 10px; overflow:hidden;}
#relsite h2 {color: #333; font-size: 14px;}
.rellist {}
.rellist li {float: left; font-size: 12px; margin: 1px; padding: 10px 11px 5px 10px; text-align: center;}
.rellist li img {background: #fff; border: solid 1px #e8e8e8; padding: 2px;}
.rellist li strong {display: block; font-weight: normal; height: 15px; overflow: hidden; white-space: nowrap; width: 106px;}
.rellist li a {color: #05c; text-decoration: none;}
.rellist li a:hover {color: #f30; text-decoration: underline;}





@media screen and (max-width: 1024px){
	.ww .right{ padding:15px; width:calc( 100% - 30px); display:block!important;}
	.ww .right .title{ width:100%;}
	.ww .right .text{ width:100%;}
	.weblist_b li strong{width:calc( 100% - 90px); }
	.weblist_b li p{width:calc( 100% - 90px);}
	.weblist_b li address{width:calc( 100% - 90px);}
	.ww .right .text ul li{width: calc(100% - 25px);}
}
















