@import "index.ie.css" screen and (min-width: 750px);
@media screen and (max-width: 750px){
@charset "gb2312";
@charset "gb2312";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;line-height: 30px;}
td {line-height: 30px;}
fieldset, img {border: 0 none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol, ul ,li{list-style: none outside none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a {text-decoration: none;color: #333;cursor: pointer;transition: 0.3s ease;-ms-transition: 0.3s ease;-moz-transition: 0.3s ease;-webkit-transition: 0.3s ease;-o-transition: 0.3s ease;font-size: 15px;}
a:hover { color: #d31276; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
body,input,button,textarea,select{font-size: 12px;}
body{background:#f5f5f5;}
.header {width: 100%;float: left;background: #fff;padding-bottom: 2%;}
.header_box {width: 100%;margin: 0 auto;text-align: center;}
.header span {display: none;}
.header .logo {width: 176px;height: 43px;background: url(../img/logo.png) no-repeat;display: inline-block;margin: 9px;background-size: 87%;}

.search {background: #fff;float: right;border-radius: 10px;overflow: hidden;border: 1px solid #d31276;margin-top: 25px;margin: 3%;width: 94%;}
.search em{float: left;width: 26px;height: 25px;background: url(../img/ico_2021.png) -31px 0px no-repeat;margin-left: 13px;margin-top: 11px;display: none;}
.search_text {width: 75%;padding: 0 10px 0 15px;line-height: 44px;height: 44px;border: 0;color: #cacaca;font-size: 15px;outline: none;}
.search_btn {width: 25%;line-height: 44px;cursor: pointer;background: #d31276;padding: 0;float: right;font-size: 16px;color: #ffffff;border: 0;text-align: center;font-size: 16px;}
.search_btn:hover{background: #222222;color:#ffe9e9}

.qqnav {width: 100%;background: #222;float: left;padding: 3% 0;}
.qqnav ul {margin: auto;width: 100%;}
.qqnav ul li {width: 25%;text-align: center;line-height: 32px;float: left;}
.qqnav ul li a {display: block;color: #fff;font-size: 15px;}
.qqnav ul .active {}
.qqnav ul li:hover {background: #d31276;}

.qq_login{float: right;text-align: center;display: none;}
.qq_login i{background: url(../img/icon.png) no-repeat -149px -52px;width: 33px;height: 33px;float: left;margin-right: 6px;}
.qq_login a{margin-left: 0px;height: 15px;color: #b9b9b9;width: 73px;float: left;line-height: 14px;font-size: 14px;margin-top: 18px;}
.qq_login .jianyi{border-left: 1px solid #ccc;}
.qq_login a:hover{color:#fff}

.mid_top{float: left;width: 100%;margin-top: 10px;}
.mid_top_left{width: 94%;background: #fff;padding: 3%;float: left;border-radius: 10px;}
.banner {position: relative;width: 100%;float: left;height: 233px;overflow: hidden;border-radius: 10px;}
.banner li {list-style: none;}
.banner ul li {float: left;height: 233px;position: relative;border-radius: 10px;width: 100%;}
.banner ul li img{width: 100%;height:100%;}
.banner ul li p {background: rgba(0, 0, 0, 0.6);line-height: 42px;color: #fff;bottom: 0;position: absolute;width: 100%;padding: 0 10px;font-size: 15px;}

.l_hot{width: 100%;float: left;margin-top: 14px;}
.l_hot ul{width: 100%;float: left;}
.l_hot ul li{width: 100%;float: left;font-size: 15px;line-height: 42px;height: 42px;overflow: hidden;}
.l_hot ul li span{float: left;margin-right: 7px;color: #d31276;font-size: 14px;}
.l_hot ul li em{float: right;color: #888;font-size: 13px;}


.ct_new {overflow: hidden;width: 94%;background: #fff;padding: 3%;float: left;border-radius: 10px;margin-top: 10px;}
.ct_new .ct_new_title {border-bottom: 1px solid #eee;line-height: 30px;font-size: 16px;font-weight: 600;margin-bottom: 13px;}
.ct_new .ct_new_title span {border-bottom: 3px solid #d31276;font-size: 16px;font-weight: 700;line-height: 30px;display: inline-block;}
.ct_new ul {float: left;width: 100%;}
.ct_new li {font-size: 16px;line-height: 41px;overflow: hidden;height: 41px;}
.ct_new li a {color: #444;font-size: 15px;}
.ct_new li a:hover {text-decoration: underline;}
.ct_new ul li em {line-height: 16px;color: #ffffff;width: 16px;height: 16px;background-color: #cacaca;font-size: 13px;text-align: center;float: left;margin-top: 15px;margin-right: 10px;border-radius: 4px;}
.ct_new ul li:nth-child(1) em{background: #d31276;}
.ct_new ul li:nth-child(2) em{background: #de5ea0;}
.ct_new ul li:nth-child(3) em{background: #ea97c3;}

.mid_top_right{width: 94%;background: #fff;padding: 3%;float: right;border-radius: 10px;margin-top: 10px;}

.mid_top_right_title {height: 33px;line-height: 33px;font-size: 16px;font-weight: bold;color: #333;}
.mid_top_right_title em{color: #ffffff;background: #d31276;border-radius: 10px;height: 23px;width: 23px;font-size: 16px;float: left;text-align: center;line-height: 23px;margin-top: 6px;margin-right: 10px;font-weight: 700;}

.mid_top_right_title_tw{float: left;width: 100%;}
.mid_top_right_title_tw a{float: left;margin-top: 20px;margin-bottom: 8px;}
.mid_top_right_title_tw img{width: 110px;height: 77px;float: left;border-radius: 8px;margin-right: 15px;}
.mid_top_right_title_tw h1{height: 56px;line-height: 25px;overflow: hidden;width: 53%;font-size: 15px;float: left;}
.mid_top_right_title_tw p{font-size: 13px;color: #a2a2a2;overflow: hidden;height: 22px;line-height: 21px;float: left;width: 53%;}


.qq_tw {background: #fff;border-radius: 15px;overflow: hidden;float: left;padding: 3%;margin-top: 10px;width: 94%;}
.qq_tw_l_tl{width: 100%;height: 63px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #dfdfdf;margin-bottom: 22px;}
.qq_tw_l_tl span{float: left;text-align: center;color: #fff;border-bottom: 3px solid #d31276;}
.qq_tw_l_tl span a{min-width: 82px;height: 60px;line-height: 60px;font-size: 19px;color: #333;font-weight: 700;float: left;}
.qq_tw_l_tl .more{font-size:14px;float: right;border-radius: 6px;height: 28px;line-height: 28px;padding: 0 10px;color: #d31276;}

.qq_tw_bot{float:left;}
.qq_tw_img{float:left;display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin-bottom: 12px;}
.qq_tw_img a{float:left;width: 48%;margin-bottom: 15px;}
.qq_tw_img img:hover{margin-left:0;transition: transform 0.3s; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); /* filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; */ }
.qq_tw_img a img{width:100%;float: left;border-radius: 10px;}
.qq_tw_rt{float: right;width: 100%;margin-top: 15px;}
.qq_tw_rt_tl{float:left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 100%;border-radius: 8px;margin-bottom: 10px;}
.qq_tw_rt_tl span{float: left;height: 18px;background: #d31276;width: 6px;border-radius: 10px;margin-right: 9px;margin-top: 11px;}
.qq_tw_rt ul{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.qq_tw_rt li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:15px;line-height: 43px;width: 100%;}
.qq_tw_rt li a{line-height: 30px;height: 30px;width: 60%;}
.qq_tw_rt li span{margin-top: 12px;width: 17px;height: 17px;line-height: 17px;background: #ebebeb;color:#999999;float: left;text-align: center;margin-right:6px;font-size: 12px;border-radius: 4px;}
.qq_tw_rt li:nth-child(1) span{background: #d31276;color:#fff;}
.qq_tw_rt li:nth-child(2) span{background: #de5ea0;color:#fff;}
.qq_tw_rt li:nth-child(3) span{background: #ea97c3;color:#fff;}
.qq_tw_rt li:nth-child(4) span{background: #d31276;color:#fff;}
.qq_tw_rt li:nth-child(5) span{background: #de5ea0;color:#fff;}
.qq_tw_rt li:nth-child(6) span{background: #ea97c3;color:#fff;}
.qq_tw_rt li i{float: right;color:#999;margin-left:6px;font-size: 13px;font-style: inherit;}

.main {width: 100%;margin: auto;}
.qq_list{float: left;width: 94%;padding: 3%;background: #fff;border-radius: 15px;margin-top: 10px;}
.qq_list_title {height: 60px;border-bottom: 1px solid #e4e4e4;margin-bottom: 20px;line-height: 60px;}
.qq_list_title span{height: 58px;line-height: 60px;font-size: 19px;font-weight: 700;border-bottom: 4px solid #d32469;float: left;}
.qq_list_title span a{color: #333;}
.qq_list_title .more {float: right;text-align: center;}
.qq_list_title .more a{display: inline-block;color: #d31276;font-size: 14px;}

.qq_list_left_tp {width: 100%;height: 191px;background: #fff;position: relative;float: left;border-radius: 10px;overflow: hidden;}
.qq_list_left_tp img {width: 100%;height: 100%;}
.qq_list_left_tp p {position: absolute;bottom: 0;width: 100%;height: 30px;background: rgba(0, 0, 0, 0.6);color: #fff;line-height: 30px;font-size: 15px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.qq_list_left {width: 100%;height: 216px;background: #fff;position: relative;float: left;border-radius: 10px;overflow: hidden;}
.qq_list_left img {width: 100%;}
.qq_list_left p {position: absolute;bottom: 0;width: 100%;height: 30px;background: rgba(0, 0, 0, 0.6);color: #fff;line-height: 30px;font-size: 15px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

    
.qq_list_left_hot{width: 100%;float: left;}
.qq_list_left_hot ul{margin-top: 17px;float: left;width: 100%;}
.qq_list_left_hot li {font-size: 15px;line-height: 41px;height: 41px;float: left;width: 100%;}
.qq_list_left_hot li a {color: #333;width: 262px;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.qq_list_left_hot li a:hover {text-decoration: underline;}
.qq_list_left_hot li span {float: right;color: #999;font-size: 12px;}

.qq_list_m {overflow: hidden;float: left;width: 100%;margin-top: 5%;}
.qq_list_m a{margin-bottom: 23px;float: left;width: 100%;}
.qq_list_m img {width: 121px;height: 83px;float: left;border-radius: 10px;}
.qq_list_m .mid_m_msg {width: 60%;float: left;padding-left: 16px;}
.qq_list_m .mid_m_msg .mid_m_title {line-height: 26px;color: #d31276;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 15px;font-weight: 700;}
.qq_list_m .mid_m_msg .mid_m_desc {font-size: 14px;color: #999;line-height: 24px;margin-top: 6px;height: 52px;overflow: hidden;}

.qq_list_r{float: right;width: 100%;}
.qq_list_r .qq_list_r_title {border-bottom: 1px solid #eee;margin-bottom: 13px;}
.qq_list_r .qq_list_r_title span {border-bottom: 2px solid #d32469;font-size: 16px;font-weight: 700;line-height: 30px;display: inline-block;}
.qq_list_r ul {float: left;width: 100%;}
.qq_list_r li {line-height: 41px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.qq_list_r li a {color: #333;font-size: 15px;}
.qq_list_r em {line-height: 16px;color: #ffffff;width: 16px;height: 16px;background-color: #cacaca;font-size: 13px;text-align: center;float: left;margin-top: 13px;margin-right: 10px;border-radius: 4px;}
.qq_list_r li:nth-child(1) em{background: #d31276;}
.qq_list_r li:nth-child(2) em{background: #de5ea0;}
.qq_list_r li:nth-child(3) em{background: #ea97c3;}
.qq_list_r li a:hover {text-decoration: underline;}


.flink{float: left;background: #fff;border-radius: 12px;padding: 2.5%;width: 95%;margin-top: 20px;}
.flink ul{width: 100%;margin: auto;}
.flink b{line-height: 28px;float: left;font-size: 19px;font-weight: 700;color: #d32469;}
.flink b:after{content:"";display: inline-block;background: #eeeeee;height: 3px;width: 1005px;margin-left: 15px;}

.flink li{line-height: 22px;color: #b7b7b7;margin: 6px;float: left;}
.flink li:nth-child(1){color: #4586f1;}
.flink li a{color: #444;font-size: 14px;}
.flink li a:hover{color: #4586f1;}

.footer {padding-bottom: 10px;margin-top: 23px;background: #434343;padding-top: 10px;overflow: hidden;float: left;width: 100%;}
.footer p {width: 100%;text-align: center;color: #eaeaea;font-size: 12px;line-height: 28px;}
.footer p a {color: #eaeaea;font-size: 12px;padding: 0 5px;display: inline-block;}
}