@import url("reset.css");

body{width:100%;min-width:1190px; background-color: #f5f5f5;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.shadow {-moz-box-shadow: 3px 3px 4px #ccc;-webkit-box-shadow: 3px 3px 4px #ccc;box-shadow: 3px 3px 4px #ccc;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');}
.wp{width:1190px; margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}
a{ color: #333; text-decoration: none;}
a:hover{ }
i{font-style:normal}
.imgbox img{width:100%;}
.imgbox:hover img {-webkit-transform: scale3d(1.09,1.09,1);transform: scale3d(1.09,1.09,1);-webkit-transition: -webkit-transform 0.4s;transition: transform 0.6s;-webkit-transition: transform 0.6s;-moz-transition: transform 0.6s;-ms-transition: transform 0.6s;-o-transition: transform 0.6s;}

.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.cell {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 0;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;display: block;padding: 0!important;position: relative;}
.text-c{text-align: center;}
.text-r{ text-align: right;}
.row{width:100%; margin-top: 10px;}
.row-tit{margin-bottom:15px;height:18px}
.row-tit h4{font-size:18px; line-height:18px; float: left;}
.row-tit .more{color: #999;    line-height: 12px;margin-top: 6px;}
.row-tit .more:hover{color: #0d81f8;}
.col-50{width:50%; float: left;}
.col-25{width:25%; float: left;}

.swiper-container{margin-top:20px !important;height:360px}
.swiper-button-prev,.swiper-button-next {background-image: url(http://mgstatic.yzmg.com/static/images/icons.png) !important;right: auto;width:50px !important;height:50px !important;    background-size:auto !important;}
.swiper-button-prev{background-position: 0px 0px !important;left: 10px !important;}
.swiper-button-next{background-position: -51px 0px !important;right: 10px !important;}

.row-scroll{margin-top: 10px;}
.scrollbox1{height: 142px;overflow: hidden; -webkit-box-shadow: -5px 0 6px #eaeaea;}
.scrollbox2{height: 142px;overflow: hidden; -webkit-box-shadow: -3px 0 3px #eaeaea;}
.sy-scroll .inner{margin: 0px -1.5px;}
.sy-scroll .col-50{padding: 0px 1.5px}
.sy-scroll-item{height:142px; background-color: #fff;padding:20px; position: relative;}
.sy-scroll-item .thumbbox{border: 1px solid #ddd; border-radius:2px; float: left; margin-right: 20px;}
.sy-scroll-item>span{position: absolute;top:0px; left:0px; background-image: url(http://mgstatic.yzmg.com/static/images/sy_scroll_tag.png); width:70px; height:65px; display: block;}
.sy-scroll-item ul li{font-size:14px; line-height:14px; margin-top: 15px;}
.sy-scroll-item ul li:first-child{margin-top: 0px;}
.sy-scroll-item ul li.title{color: #333;}
.sy-scroll-item ul li.title a{font-size:14px;height:14px;line-height:14px; display: block;}
.sy-scroll-item ul li.info{color: #666;}
.sy-scroll-item ul li.info i{ color: #fa3054;font-size:14px;height:14px;line-height:14px;display: inline-block;}
.sy-scroll-item ul li.users{color: #30b0fa;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sy-scroll-item ul li.users .avar{border-radius:100%;display: inline-block;overflow: hidden; float: left; margin-right: 10px; }
.sy-scroll-item ul li.users .avar img{display: block;}
.sy-scroll-item ul li.date{color: #999; margin-top: 18px;}
.sy-item-cyz ul li.info{margin-top: 14px !important;}
.sy-item-cyz span{background-position: -70px 0px;}
.sy-item-cyz ul li.users{margin-top:7px;}
.sy-item-cyz ul li.users .more{display: block; float: left;height:32px; width:32px; line-height:32px; background-color: #e9e9e9; color: #b0b0b0; border-radius:100%; text-align: center; line-height:25px;}
.sy-item-cyz ul li.date{margin-top:7px;}


.row-sy-list{margin-top: 20px;}
.sy-list-tab-nav{ margin-bottom: 20px;    background: #fff;}
.sy-list-tab-nav ul li{float: left; height:52px;line-height:52px; padding:0px 40px; font-size:16px}
.sy-list-tab-nav ul span{float: left; display: block;height:20px; width:1px;background-color: #ddd; margin: 15px 3px;}
.sy-list-tab-nav ul li.active{border-bottom:3px solid #f0113b;}
.sy-list-tab-nav ul li.active a{color: #f0113b;}



.list-sy,.list-bg,.list-dg,.list-zx,.list-zb,.list-jx,.list-db,.list-tj{margin:0px -8.5px}
.item-sy,.item-bg,.item-dg,.item-zx,.item-zb,.item-jx,.item-db,.item-tj{padding:0px 8.5px; position: relative;}

.row-tit-sy h4{border-left:4px solid #55ffa1;padding-left:10px;}
.item-sy{ margin-bottom: 20px; padding:0px 8.5px; position: relative;}
.item-sy span.tag{display: block;width:80px;height:20px;line-height:20px;color: #fff; text-align: center; position: absolute; top:10px;left:10px; border-radius:50px;z-index: 999;
filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff505d,endcolorstr=#fc289e,gradientType=1);
    -ms-filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff505d,endcolorstr=#fc289e,gradientType=1);
    background: #ff5555;
    background: -moz-linear-gradient(right, #ff505d, #fc289e);
    background: -webkit-gradient(linear, left top, right bottom, from(#ff505d), to(#fc289e));}
.item-sy span.status_4,.item-tj span.status_4{
	filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33cd8d,endcolorstr=#32b27e,gradientType=1);
    -ms-filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33cd8d,endcolorstr=#32b27e,gradientType=1);
    background: #32b27e;
    background: -moz-linear-gradient(right, #33cd8d, #32b27e);
    background: -webkit-gradient(linear, left top, right bottom, from(#33cd8d), to(#32b27e));}
.item-sy span.status_2,.item-tj span.status_2{
	filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fc880a,endcolorstr=#f94616,gradientType=1);
    -ms-filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fc880a,endcolorstr=#f94616,gradientType=1);
    background: #f94616;
    background: -moz-linear-gradient(right, #fc880a, #f94616);
    background: -webkit-gradient(linear, left top, right bottom, from(#fc880a), to(#f94616));}
.item-sy span.status_3,.item-tj span.status_3{background: #9a9a9a;}
.item-sy .inner{border: 1px solid #eaeaea; border-radius:3px;position: relative; background-color: #fff;}
.item-sy .imgbox {height: 190px;overflow: hidden;}
.item-sy .imgbox img {height: 100%;width: auto;margin-left: -18.5px;}
.item-sy .title{text-align: center;height:54px; line-height:54px;font-size:16px;    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.item-sy .title a:hover{color: #f0123b;}
.item-sy .info{height:32px; line-height:32px; border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea}
.item-sy .info span{ text-align: center; color: #999;    font-size: 14px;}
.item-sy .info span i{background-image: url(http://mgstatic.yzmg.com/static/images/icons.png); display: inline-block;vertical-align: middle;margin-right: 5px;}
.item-sy .info span.num i{background-position: 0px 28px;width:12px; height:14px;}
.item-sy .info span.users i{background-position: -14px 28px;width:16px; height:17px;}
.item-sy .info span.mg i{background-position: -48px 28px;width:16px; height:16px;}
.item-sy .info .users{border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.item-sy .timer{color: #ff5555;}
.item-sy .timer i{background-image: url(http://mgstatic.yzmg.com/static/images/icons.png); display: inline-block;vertical-align: middle;margin-right: 5px;background-position: -32px 28px;width:16px; height:16px;}
.item-sy-status{height:33px; line-height:33px; }
.item-sy-status>div{text-align: center;}
.item-sy-status .gstatus_2{color: #666;}
.item-sy-status .gstatus_3 a{color: #fd8504;}
.item-sy-status .gstatus_3 a:hover{color: #ec1749;}
.item-sy-status .gstatus_4{ text-align: left;padding:0px 20px;}
.item-sy-status .gstatus_4 span{  color: #666;}
.item-sy-status .avar_list{margin-left: 5px;}
.item-sy-status .avar_list a{float: left; margin:0px 2px;}
.item-sy-status .avar_list img{height:23px;width:23px; border-radius:100%; border: 1px solid #fff;    margin-top: -2px;}
.item-sy-status .avar_list img:hover{border: 1px solid #ec1749;}
.item-sy-status .avar_list .more{display: inline-block;height: 23px;width: 23px;background: #e9e9e9;color:#b0b0b0;border-radius: 100%;text-align: center;line-height: 17px;    margin-top: 5px; margin-right: 0px;}
.item-sy-status .avar_list .more:hover{ color: #ec1749;}


.page{ text-align: right; margin-top: 10px;}
.page a{padding:0 15px;height:30px; display: inline-block; line-height:30px; background: #e2e2e2;border-radius:2px; margin: 0px 3px;color: #666;}
.page a.active{background-color: #ff5555; color: #fff}
/*.page a:hover{background: #ff5555;color: #fff;}*/
.page span{padding: 0 15px;height:30px;display: inline-block; line-height:30px;background: #e2e2e2;border-radius: 2px;margin: 0px 3px;color: #666;}
.page span.me{background: #ff5555;color: #fff;}
.page strong{padding: 5px 15px;border-radius: 2px; margin: 0px 5px;background: #ff5555;color: #fff;}
/*±¨¸æ*/
.row-bg{margin-top: 50px;}
.row-tit-bg h4{border-left:4px solid #ff9900;padding-left:10px;}
.item-bg .inner{border: 1px solid #eaeaea; border-radius:3px;overflow: hidden; background-color: #fff; position: relative;}
.item-bg .inner span.jinghua{background-image: url(http://mgstatic.yzmg.com/static/images/jinghua.png); display: block; width:34px;height:41px; top:0px; right:15px; position: absolute;z-index:999}
.item-bg .info{padding:0px 20px 20px 20px;}
.item-bg .info .avar{height:45px; line-height:45px;position: relative;}
.item-bg .info .avar img{ border-radius:100%; float: left; margin-right: 10px; margin-top:-20px}
.item-bg .info .avar p{color:#0d81f8; float: left;}
.item-bg .info .avar span{color: #999;}
.item-bg .info .title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin-bottom: 5px;font-size:14px;line-height:14px;font-weight: 400; margin-bottom: 10px;}
.item-bg .info .desc{color: #999;height:57px; overflow: hidden;}
.item-bg .imgbox{height:190px; overflow: hidden;}
.item-bg .imgbox img{height:100%;width:auto; margin-left: -30px;}