@charset "utf-8";
.mes-my {
    display: block;
}
.mes-mywap {
    display: none;
}
.mt-mywap{
	display: none !important;
}
.message-left{
	width: 224px;
    height: 100%;
    margin-right: 15px;
    min-height: 1000px;
    overflow: hidden;
    background-color: #fff;
    float: left;
    border-radius: 5px;

}
.hides{
	display: block;
}
.user-header {
    width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
    text-align: center;
    line-height: 25px;
}
.head-icon-wrap {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid rgba(0,0,0,.1);
    margin: 20px auto 10px;
    overflow: hidden;
}
.head-icon-wrap img {
    width: 100%;
    height: 100%;
    background-size: cover;
}
.message-left .mes-my li.current,.message-left .mes-my li:hover {
    background-color: #f1f1f1!important;
    border-left: 2px solid #cc0000;
}
.message-left .mes-my li {
    cursor: pointer;
    color: #444;
    width: 100%;
    line-height: 60px;
    height: 60px;
    border-bottom: 1px solid #e9e9e9;
}
.message-left .mes-my li.ht1 {
    background: url(/public/static/home/images/w5.png) no-repeat 20px 21px;
    background-size: 18px;
}
.message-left .mes-my li.ht2 {
    background: url(/public/static/home/images/w2.png) no-repeat 20px 21px;
    background-size: 18px;
}
.message-left .mes-my li.ht3 {
    background: url(/public/static/home/images/w6.png) no-repeat 20px 21px;
    background-size: 18px;
}
.message-left .mes-my li.ht4 {
    background: url(/public/static/home/images/w8.png) no-repeat 20px 21px;
    background-size: 18px;
}
.message-left .mes-my li.ht5 {
    background: url(/public/static/home/images/w17.png) no-repeat 20px 21px;
    background-size: 18px;
}
.message-left .mes-my li.ht6 {
    background: url(/public/static/home/images/w3.png) no-repeat 20px 21px;
    background-size: 18px;
}
.message-left .mes-my li {
    cursor: pointer;
    color: #444;
    width: 100%;
    line-height: 60px;
    height: 60px;
    border-bottom: 1px solid #e9e9e9;
}
.message-left .mes-my li b {
    position: relative;
    display: inline-block;
    padding-left: 50px;
    line-height: 30px;
    height: 30px;
    font-weight: normal;
}


.message-right {
    overflow: hidden;
    background-color: #fff;
    float: left;
    border-radius: 5px;
    width: 1160px;
    min-height: 1000px;
}

.mt-tabpage-title {
    height: 56px;
    font-size: 0;
    background-color: #fff;
    width: 100%;
    margin: auto;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
.mt-tabpage-title .mt-tabpage-item {
    display: inline-block;
    width: 158px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #878787;
    font-size: 16px;
}
.mt-tabpage-title .mt-tabpage-item-cur {
    color: #f44336;
    font-size: 16px;
    border-bottom: 2px solid #f44336;
}
.message-right .mt-tabpage .mt-tabpage-count table{
	width: 100%;
}

.message-right .mt-tabpage .mt-tabpage-count table th,td{
	border-bottom: 1px solid #eee;
	height: 30px;
	text-align: left;
	padding: 0 10px;
	text-align: center;
}

/*推送列表*/
.u_news_box{width:100%;margin: 10px 0;}
.u_news_li{background-color:#ffffff;height:194px;width:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.u_news_li:hover{border-bottom:none; box-shadow: 0 0 22px rgba(0,0,0,.12);
    border-radius: 4px;
    background: #fff;
    border-bottom: none;}
.u_news_li_time{float:left;text-align:right;width:110px;margin-top:55px}
.u_news_li_con{float:none;margin-left:0;width:100%}
.u_news_li_tit{font-size:18px;margin-top:10px;text-align:left;}
.u_news_li_nian{font-size:18px;color:#d2d2d2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.u_news_li:hover .u_news_li_nian{color:#015293}
.u_news_li_yue{font-size:30px;font-weight:bolder;color:#d2d2d2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.u_news_li:hover .u_news_li_yue{color:#015293}
.u_news_li:hover .u_news_li_tit{color:#015293}
.u_news_li_xian{margin-top:8px;width:37px;height:2px;float:right;background-color:#d2d2d2}
.u_news_li_con{float:left;width:985px;margin-left:35px}
.u_news_li_tit{margin-top:35px;font-size:22px;font-weight:bold;color:#555;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
.u_news_li_tit .u_news_li_tit_l{    display: inline-block;height: 40px;width:885px;overflow:hidden;}
.u_news_li_tit .u_news_li_tit_r{font-size: 16px;
    font-weight: 400;
    width: 100px;
    overflow: hidden;
    float: right;
    border: 1px solid #cc0000;
    text-align: center;
    border-radius: 5px;
    color: #cc0000;
    margin-top: 5px;}
.u_news_li:hover .n_news_li_name{color:#015293}
.u_news_li_js{height:70px;margin-top:11px;line-height:28px;text-align: left;font-size:14px;color:#898989;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.u_news_li_js p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.u_news-li_aut{text-align:left;}
.u_news_li_more{margin-top:20px;font-size:14px;color:#898989}
.u_news_ul li{margin-bottom:20px}
.u_news_ul li:hover{box-shadow:0 0 22px rgba(0,0,0,.12);border-radius:4px;background:#fff;border-bottom:none}
.u_news_li_touch_time{display:none}
.u_bottom{width:100%;height:1px;border-bottom:1px #cacfd5 solid;padding-bottom:20px}
/*推送列表结束*/

.user_renwu_ul .box{width:100%}
.user_renwu_li{background-color:#ffffff;height:194px;width:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;text-align: left;padding-bottom: 50px;margin: 0 auto 20px;}
.user_renwu_li:hover{box-shadow:0 0 22px rgba(0,0,0,.12);background:#fff;border-bottom:none; }
.user_renwu_li_time{float:left;text-align:right;width:110px;margin-top:55px}
.user_renwu_li_con{float:none;margin-left:0;width:100%}
.user_renwu_li_name{font-size:18px;margin-top:10px}
.user_renwu_li_nian{    font-size:14px;color:#d2d2d2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;border:1px solid #d2d2d2;padding:0 5px;border-radius:5px;margin:10px auto;float:right;height:23px;line-height:23px;}
.user_renwu_li:hover .user_renwu_li_nian{color:#015293}
.user_renwu_li_yue{font-size:26px;font-weight:bolder;color:#d2d2d2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.user_renwu_li:hover .user_renwu_li_yue{color:#015293}
.user_renwu_li_xian{margin-top:8px;width:37px;height:2px;float:right;background-color:#d2d2d2}
.user_renwu_li_con{float:left;width:665px;margin-left:65px}
.user_renwu_li_name{margin-top:35px;font-size:22px;font-weight:bold;color:#555;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
.user_renwu_li:hover .user_renwu_li_name{color:#015293}
.user_renwu_li_js{margin-top:11px;line-height:28px;font-size:14px;color:#898989;display:-webkit-box;display:-moz-box;white-space:pre-wrap;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;width: 650px;}
.user_renwu_li_more{margin-top:20px;font-size:14px;color:#898989;display: flex;}
.user_renwu_li_pages{margin:50px 0 0;text-align:center;font-size:0;width: 840px;}
.user_renwu_li_pages a{display:inline-block;font-size:14px;line-height:35px;padding:0 14px;margin:5px;background-color:#f5f5f5;border-radius:3px;-webkit-transition:all 0.5s;transition:all 0.5s}
.user_renwu_li_pages a:hover,.pages a.active{background-color:#015293;color:#fff}
.user_renwu_ul li{margin-bottom:20px}
.user_renwu_ul li:hover{box-shadow:0 0 22px rgba(0,0,0,.12);border-radius:4px;background:#fff;border-bottom:none;}
.user_renwu_li_touch_time{display:none}
.user_renwu_more{display:block;background-color:#f1f1f1;width:150px;line-height:25px;color:#898989;position:relative;overflow:hidden;margin-right:50px;margin-bottom:50px;font-size:14px;}
.user_renwu_more:after{position:absolute;right:0;top:0;width:30px;content:"";height:0;border-top:44px solid #015293;/*border-left:28px solid transparent;*/-webkit-transition:all .5s;transition:all .5s}
.user_renwu_more span{display:block;padding:0 5px 0 30px;font-size:14px;position:relative;z-index:1}
.user_renwu_more span img{float:right;font-size:20px;font-weight:bold;font-style:normal; width:20px; height:20px;padding-top: 3px;}
.user_renwu_morefont{width: 239px;text-align: right;}
.user_renwu_more:hover{color:#fff}
.user_renwu_more:hover:after{width:100%;height:100%}
.baomingshibai{width: 100%;line-height: 200px; color:#757575;font-size: 20px;text-align: center;}
.shibai-img{display:inline-block;background-image:url(../images/czsb.png);width:40px;height:40px;background-size:cover;margin-right:20px;vertical-align: middle;margin-top: -4px;}
.chenggong-img{display:inline-block;background-image:url(../images/czcg.png);width:40px;height:40px;background-size:cover;margin-right:20px;vertical-align: middle;margin-top: -4px;}
.baomingshibai-btn{display:block;width:330px;height:45px;line-height:45px;background-color:#015293;color:#fff;margin:30px auto;text-align:center;border-radius:5px;font-size:18px;}
.baomingshibai2-btn{display:block;width:330px;height:45px;line-height:45px;background-color:#cc0000;color:#fff;margin:30px auto;text-align:center;border-radius:5px;font-size:18px;}
.baomingshibai-btn:hover{color:#fff;}
.baomingshibai2-btn:hover{color:#fff;}
.baomingshibai-t{width: 335px;float: right;color: #757575;}
.baomingshibai-t a{color:#f44336;}
/*	已购服务结束*/
.user-box{
	width: 80%;
	margin: 0 auto;
	
}
.user-box li{
	width: 50%;
	margin: 100px auto;
	float: left;
	
}
.user-box .user-int-box{
	width: 250px;
	height: 300px;
	border: 1px solid #f2f2f2;
	text-align: center;
	margin: 0 auto;
	border-radius: 5px;
}

.user-box .user-int-title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	background: #015293;
	color: #fff;
	border-radius: 5px 5px 0 0;
	text-align: center;
}

.user-box .user-int-con{
	width: 100%;
	height: 230px;
	line-height: 30px;
	text-align: center;
	padding: 10px;
}
.user-box .user-int-price{
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: red;
	text-align: center;
}
.user-box .user-int-btn{
	width: 100%;
	height: 50px;
	text-align: center;
}
.user-box .user-int-btn a{
	padding: 5px 15px;
	background: #015293;
	border-radius: 30px;
	color: #fff;
}
.useradd-box{
	width: 40%;
	margin: 100px auto;
}
.useradd-box li{
	width: 100%;
	height: 61px;
}
.useradd-box .useradd-box-input{
	width: 63%;
	height: 40px;
	border: 1px solid #eee;
	border-radius: 5px;
	padding-left: 10px;
	background: #fdfdfd;
}
.useradd-box  .useradd-box-btn{
	width: 64%;
	height: 50px;
	background: #015293;
	color: #fff;
	text-align: center;
	font-size: 17px;
	border-radius: 5px;
	margin: 25px 69px;
}

.package-box{
	width: 90%;
	margin:20px auto;
}

.package-box li{
	width: 25%;
	height: 250px;
	float: left;
	margin-top: 20px;
}
.package-box .package-int-box{
	width: 95%;
	height: 100%;
	border: 1px solid #eee;
	margin: 0 auto;
	border-radius: 5px;
}
.package-box .package-int-title{
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #015293;
	color: #fff;
	border-radius: 5px 5px 0 0;
	text-align: center;

}
.package-box .package-int-con{
	width: 100%;
	height: 140px;
	line-height: 21px;
    padding: 10px 10px;
	text-align: center;

}
.package-box .package-int-price{
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: red;
	text-align: center;
}
.package-box .package-int-btn{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.package-box .package-int-btn a{
	padding: 5px 15px;
	background: #015293;
	border-radius: 30px;
	color: #fff;
}
.head-btn{
	width: 330px;
    height: 40px;
    background-color: #015293;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
}

.mt-od-ul{
	padding: 20px 50px;
}
.mt-od-ul li{
	min-height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
}
@media screen and (max-width: 1600px) {
.message-right {
    width: 960px;
}
.u_news_li_tit .u_news_li_tit_l {
        display: inline-block;
    width: 700px;
    height: 40px;
    overflow: hidden;
}
.u_news_li_con{float:left;width:800px;margin-left:35px}
/*	选项卡*/
.mt-tabpage-count{position:relative;width:960px;height:943px;overflow:hidden}
.mt-tabpage-count .mt-tabpage-item{width:960px;height:943px;/*line-height:943px;*/text-align:center}
/*	选项卡结束*/
}
@media screen and (max-width: 1390px) {
.u_news_li_tit .u_news_li_tit_l {
        display: inline-block;
    width: 700px;
    height: 40px;
    overflow: hidden;
}
.u_news_li_con{float:left;width:810px;margin-left:35px}

}
@media screen and (max-width: 767px){
.message-right{
	width: 100%;
	min-height: 500px;
}
.mt-tabpage-count{position:relative;width:100%;height:943px;overflow:hidden}
.mt-tabpage-count .mt-tabpage-item{width:100%;height:943px;/*line-height:943px;*/text-align:center}

.hides {
    display: none;
}
.message-left {
    min-height: 0;
    width: 100%;
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
}
.mes-my {
    display: none;
}
.mes-mywap {
    display: block;
}
.mt-mywap{
	display: inline-block !important;
}
.message-left .mes-mywap li.current, .user-primary .message-left .mes-my li:hover {
    background-color: #f1f1f1!important;
    border-left: 2px solid #f60;
}
.message-left .mes-mywap li {
    cursor: pointer;
    color: #444;
    width: 100%;
    line-height: 60px;
    height: 60px;
    border-bottom: 1px solid #e9e9e9;
}
.message-left .mes-mywap li.ht1 {
    background: url(/public/static/home/images/w5.png) no-repeat 20px 21px;
    background-size: 18px;
}
.message-left .mes-mywap li.ht2 {
    background: url(/public/static/home/images/w2.png) no-repeat 20px 21px;
    background-size: 18px;
}
.message-left .mes-mywap li.ht3 {
    background: url(/public/static/home/images/w6.png) no-repeat 20px 21px;
    background-size: 18px;
}
.message-left .mes-mywap li.ht4 {
    background: url(/public/static/home/images/w8.png) no-repeat 20px 21px;
    background-size: 18px;
}
.message-left .mes-mywap li.ht5 {
    background: url(/public/static/home/images/w17.png) no-repeat 20px 21px;
    background-size: 18px;
}
.message-left .mes-mywap li.ht6 {
    background: url(/public/static/home/images/w3.png) no-repeat 20px 21px;
    background-size: 18px;
}
.message-left .mes-mywap li {
    cursor: pointer;
    color: #444;
    width: 100%;
    line-height: 60px;
    height: 60px;
    border-bottom: 1px solid #e9e9e9;
}
.message-left .mes-mywap li b {
    position: relative;
    display: inline-block;
    padding-left: 50px;
    line-height: 30px;
    height: 30px;
    font-weight: normal;
}
.mt-tabpage-title{
	height: 40px;
}
.mt-tabpage-title .mt-tabpage-item{
	height: 40px;
	line-height: 40px;
	width: 90px;
}
.useradd-box{
	width: 90%;
	margin: 50px auto;
}
.user-box{
	width: 100%;
}
.package-box li{
	width: 50%;
}
.user-box .user-int-box{
	width: 100%;
}
.user-box li {
    width: 44%;
    margin: 50px auto;
    margin-left: 4%;
    float: left;
}
.mt-od-ul{
	padding: 20px 20px;
}
.mt-od-ul li{
	min-height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
}

}