@charset "utf-8";

body {
    background: #fff;
}

.top_guide{
    width: 1200px;
    margin: 20px auto 25px;
    font-size: 14px;
    color: #999;
}
.top_guide a:before{
    content: ">";
    display: inline-block;
    vertical-align: text-top;
    line-height: 18px;
    padding: 0 5px;
}
.top_guide a:first-child:before{
    content: "";
    padding: 0;
}

.conference_info{
    width: 100%;
    background-image: ;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 25px 0;
    background-image:none\9;
    filter: progid:dximagetransform.microsoft.alphaimageloader(,sizingmethod='scale');
}

.conference_info>div{
    width: 1200px;
	height: 360px;
	background-color: #ffffff;
	box-shadow: 0px 0px 0px 0px
		rgba(0, 0, 0, 0.1);
	border-radius: 8px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.actions{
    width: 100%;
    text-align: right;
    margin-top: 13px;
    padding-right: 34px;
    box-sizing: border-box;
}

.actions span{
    font-size: 14px;
    color: #93999f;
    margin-left: 15px;
    line-height: 1;
    padding: 5px 0;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    cursor: pointer;
}

.actions span:first-child{
    background-image: url(/uploads/image/aphimages/icon_like_g.png);
}

.actions span:first-child   span{
    background-image: url(/uploads/image/aphimages/icon_follow_g.png);
}

.actions span:first-child   span   span{
    background-image: url(/uploads/image/aphimages/icon_share_g.png);
}

.con_img{
    width: 470px;
	height: 290px;
    float: left;
    margin-left: 36px;
}

.con_info{
    width: 630px;
    height: 290px;
    float: left;
    margin-left: 28px;
}

.con_info>p{
    font-size: 22px;
    color: #3b4046;
    font-weight: bold;
    width: 100%;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    margin-bottom: 30px;
    margin-top: 14px;
}

.con_info>span{
    font-size: 14px;
    color: #93999f;
    margin-top: 17px;
    line-height: 1;
    display: block;
}

.con_info>div{
    margin-top: 25px;
}

.con_info>div span:first-child{
    font-size: 16px;
    color: #4d90e3;
    font-weight: bold;
    line-height: 1;
}

.con_info>div span:first-child   span{
    font-size: 12px;
    color: #999;
    margin-left: 7px;
    line-height: 1;
    text-decoration: line-through;
}

.con_info>a{
    display: inline-block;
    width: 180px;
	height: 40px;
	background-color: #3cadfd;
	border-radius: 8px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
}

.con_info .con_tips{
    font-size: 14px;
    color: #93999f;
    display: inline-block;
}

.container {
    box-shadow: 0px 10px 13px -9px rgba(172, 174, 191, 0.28) inset;
}

.container>div{
    width: 1200px;
    margin: 0 auto;
}

.con_l{
    width: 820px;
    margin-top: 50px;
    float: left;
}
.c_menu {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px #e7e7e7 solid;
    padding: 15px 0;
}

.c_menu > li {
    height: 20px;
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    padding: 0 40px 0 35px;
    border-left: 1px #edeff2 solid;
}

.c_menu > li:first-child {
    border-left: none;
    padding-left: 0;
}

.selected a {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #306fb4;
    border-bottom: 5px #4d90e3 solid;
    padding-bottom: 5px;

}

.c_tabs {
    width: 100%;
}

.article_responses{
    margin-top: 40px;
}

.res_area{
    width: 100%;
    margin-top: 48px;
    overflow: hidden;
}
.res_area>img{
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    margin-left: 15px;
}
.res_area>textarea{
    resize: none;
    display: block;
    width: 740px;
	height: 100px;
	background-color: #ffffff;
	border-radius: 5px;
	border: solid 1px #e4e4e4;
    float: right;
}
.res_area>a{
    display: block;
    width: 80px;
	height: 32px;
	background-color:#4d90e3;
	border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    margin-top: 15px;
    float: right;
}
.res_btn{
    clear: both;
    width: 100%;
	height: 58px;
	border: solid 1px #e7e7e7;
    margin-top: 37px;
    line-height: 58px;
    text-align: center;
    font-size: 14px;
    color: #999;
}
.res_btn>a{
    color: #40bba4;
    text-decoration: underline;
}
.res_list{
    margin-top: 53px;
}
.res_list>p{
    font-size: 16px;
    color: #999;
    border-bottom: 1px #e7e7e7 solid;
    padding-bottom: 18px;
    line-height: 1;
}
.res_list>ul>li{
    border-bottom: 1px #e7e7e7 solid;
    padding: 46px 25px 13px;
    overflow: hidden;
}
.res_list>ul>li>img{
    width: 46px;
	height: 46px;
    display: inline-block;
    vertical-align: middle;
}
.res_avatorinfo{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.res_avatorinfo p{
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.res_avatorinfo p i{
    font-style: normal;
    color: #40bba4;
    margin-right: 5px;
}
.res_avatorinfo span{
    font-size: 14px;
    color: #999;
    line-height: 1;
    margin-top: 12px;
}
.res_list>ul>li>p{
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-top: 20px;
}
.res_list>ul>li>a{
    font-size: 14px;
    color: #999;
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 20px;
}
.res_more{
    width: 100%;
    background: #f2f3f3;
    border-radius: 8px;
    padding: 24px;
    box-sizing: border-box;
    margin-top: 20px;
}
.res_more_title{
    font-size: 14px;
    color: #999;
}
.res_more_title:after{
    content: "";
    width: 650px;
    height: 1px;
    background: #e4e4e4;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.res_more_txt{
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-top: 20px;
}
.res_more_txt span{
    font-weight: bold;
    color: #333;
}
.res_more_time{
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}

.con_r{
    width: 340px;
    margin-top: 50px;
    float: right;
}
.zb{
    width: 340px;
	height: 185px;
    background-image: url(/uploads/image/aphimages/img_zb.png);
    background-repeat: no-repeat;
    position: relative;
}
.zb a{
    position: absolute;
    bottom: 36px;
    right: 40px;
    display: block;
    width: 125px;
	height: 30px;
	border-radius: 16px;
	border: solid 1px #baf6ff;
    color: #baf6ff;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}
.col_r_title{
    font-size: 18px;
    color: #333333;
    margin-top: 20px;
    border-bottom: 1px #e7e7e7 solid;
    padding-bottom: 10px;
    line-height: 1;
}

.col_r_title:before{
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    width: 5px;
	height: 19px;
    background-color: #306fb4;
}
.recommend {
    width: 100%;
    margin: 0 auto;
}

.recommend li {
    margin-top: 16px;
    overflow: hidden;
    margin-top: 28px;
}

.recommend li > a {
    font-size: 16px;
    line-height: 1;
    color: #333;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recommend li > a:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    background: #333;
    margin-right: 10px;
}

.recommend li > div {
    display: none;
    width: 100%;
    border-bottom: 1px #d7dae0 dashed;
    overflow: hidden;
    padding-bottom: 17px;
}

.recommend li > div img {
    width: 141px;
	height: 86px;
    float: left;
}

.recommend li > div p {
    width: 176px;
    height: 86px;
    float: right;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    overflow: hidden;
}
.recommend li > div p:hover {
    color: #306fb4;
}

.recommend li:first-child > a {
    display: none;
}

.recommend li:first-child > div {
    display: block;
}
.article_cnt img {
    /*width: 589px;*/
    /*height: 333px;*/
    margin: 0 auto;
    display: block;
}
.article_cnt p {
    font-size: 16px;
    color: #333;
    text-indent: 32px;
    margin-top: 30px;
    line-height: 30px;
}