@charset "utf-8";
.pc{display:block}
.mob{display:none;}
@media (max-width: 750px) {
.pc{display:none}
.mob{display:block;width:100%;}

.mob .m_navs {line-height: 35px; padding-left: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);  /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，正常的写法*/
	border-bottom:1px solid #d9d9d9;
margin-bottom: 10px;
font-size:14px;
} /*内页面包屑导航背景*/
    .mob .m_navs:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	left:0;
	top:0;
	width:100%;
	border-top: 1px solid #fff;}	/*内页面包屑导航背景上面的线条*/
    .mob .m_navs span{ padding:0 8px; position:relative; height:100%; top:-12px; display:inline-block;}
    .mob .m_navs span:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	background:#7c7c7c;
	width:8px;
    height:8px;
    left:2px;
	top:3px;
	z-index:10;
	-moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/
	-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
	-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/
	transform: rotate(45deg);}  /*角度45度，内页面包屑箭头样式*/
    .mob .m_navs span:after{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	width:8px;
    height:8px;
    left:1px;
	top:3px;
	z-index:11; background-color:#f2f2f2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*针对苹果老式浏览器写的兼容*/
	background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #f2f2f2, #eeeeee);  /*背景渐变，正常的写法*/
	-moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/
	-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
	-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/
	transform: rotate(45deg);	} /*角度45度，内页面包屑箭头样式*/


.mob .m_main{padding:0 10px 10px ;}
.mob .m_main .m_titles{line-height: 25px;font-size: 18px;text-align: center;margin-bottom: 10px;}
.mob .m_main .m_contents{}
.mob .m_main .m_contents img{width:100% !important;}
.mob .m_main .m_contents .m_txt .m_title{font-size: 16px;line-height: 30px;}
.mob .m_main .m_contents .m_txt .m_subtitle{font-size: 12px;line-height: 24px;color: #aaa;}
.mob .m_main .m_contents .m_txt .m_time{font-size: 12px;line-height: 24px;color: #aaa;}
.mob .m_main .m_contents .m_txt .m_read{font-size: 12px;line-height: 24px;color: #aaa;}

.mob .m_main .m_list_img{height: auto;overflow: auto;margin-bottom: 20rpx;}
.mob .m_main .m_list_img ul{}
.mob .m_main .m_list_img ul li{margin-bottom: 10px;list-style: none;}
.mob .m_main .m_list_img ul li .m_img{}
.mob .m_main .m_list_img ul li .m_img img{width:100%;}
.mob .m_main .m_list_img ul li .m_txt{}
.mob .m_main .m_list_img ul li .m_txt .m_title{font-size: 14px;line-height: 30px;color: #be161d;}
.mob .m_main .m_list_img ul li .m_txt .m_title2{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    overflow: hidden;
    padding-right: 10px;
}
.mob .m_main .m_list_img ul li .m_txt .m_title3{
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    overflow: hidden;
    text-align: center;
}

.mob .m_main .m_list_img ul li .m_txt .m_subtitle{font-size: 12px;line-height: 24px;color: #aaa;}
.mob .m_main .m_list_img ul li .m_txt .m_subtitle2{width: 100%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-align: left;
    display: inline-block;}
.mob .m_main .m_list_img ul li .m_txt .m_time{font-size: 12px;line-height: 24px;color: #aaa;}
.mob .m_main .m_list_img ul li .m_txt .m_read{font-size: 12px;line-height: 24px;color: #aaa;}

.mob .m_main .m_list_list{height: auto;overflow: auto;margin-bottom: 20rpx;}
.mob .m_main .m_list_list ul{}
.mob .m_main .m_list_list ul li{margin-bottom: 10px;list-style: none;    border-bottom: 1px solid #ffffff;
    box-shadow: 0 1px #e6e6e6;
    margin-bottom: 2px;
    padding: 10px 0;
    position: relative;
height: auto;
overflow: auto;
}
.mob .m_main .m_list_list ul li .m_img{    float: left;
    display: block;
    border: 1px solid #ccc;
    margin-right: 11px;}
.mob .m_main .m_list_list ul li .m_img img{    display: block;
    float: left;
    width: 8.04rem;
}}
.mob .m_main .m_list_list ul li .m_txt{}
.mob .m_main .m_list_list ul li .m_txt .m_title{height: 1.5rem;
    line-height: 1.5rem;
    overflow: hidden;
    padding-right: 10px;
    font-size: 1rem;color: #be161d;
}
.mob .m_main .m_list_list ul li .m_txt .m_title2{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    overflow: hidden;
    padding-right: 10px;
}
.mob .m_main .m_list_list ul li .m_txt .m_title3{
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    overflow: hidden;
}
.mob .m_main .m_list_list ul li .m_txt .m_other{
    font-size: 12px;
    overflow: hidden;
}


.mob .m_main .m_list_list ul li .m_txt .m_subtitle{    max-height: 3rem;
    line-height: 1.5rem;
    margin: 5px;
    overflow: hidden;}
.mob .m_main .m_list_list ul li .m_txt .m_subtitle2{
    font-size: 12px;
    height: 66px;
    line-height: 22px;
    margin: 5px;
    overflow: hidden;}

.mob .m_main .m_list_list ul li .m_txt .m_time{font-size: 12px;line-height: 24px;color: #aaa;}
.mob .m_main .m_list_list ul li .m_txt .m_read{font-size: 12px;line-height: 24px;color: #aaa;}

.mob .m_main .m_pageinfo{text-align: center;line-height: 30px;font-size: 14px;}
.mob .m_main .m_page{height: auto;overflow: auto;}
.mob .m_main .m_page .pagination {
width:100%;
    height: 40px;
    text-align: center;
}
.mob .m_main .m_page .pagination>li>a,.m_page .pagination>li>span {
    font-size: 14px;
    padding: 0 10px;
    color: #000;
    border: 1px solid #cccccc;
    float: left;
    line-height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.mob .m_main .m_page .pagination>.active>span {
    background: #ff0000;
    color: #fff;
}
.mob .m_main .m_page .pagination>.active>span:hover {
    background: #ff0000;
}
.mob .m_main .m_page .pagination>.active>span,.f_page .pagination>.active>span:hover{
    border-color: #ff0000
}
.mob .m_main .m_page ul li a:hover {
    background: #ff0000;
    text-decoration: none;
    color: #fff;float: left;
}

.mob .m_links{width:100%;height: auto;overflow: auto;font-size: 14px;border: 1px solid #e5e5e5;}
.mob .m_links .names{margin:0 10px;line-height: 40px;float: left;}

.mob .m_link_apply{}
.mob .m_link_apply ul{}
.mob .m_link_apply ul li{line-height: 30px;margin-bottom: 10px;height: 30px;}
.mob .m_link_apply ul li .star{width: 5%;float: left;text-align: center;color: #be161d;text-align: right;}
.mob .m_link_apply ul li .names{width: 30%;float: left;text-align: center;}
.mob .m_link_apply ul li .inputs{width: 65%;float: left;}
.mob .m_link_apply ul li .inputs input{width: 90%;border: 1px solid #d9d9d9;height: 30px;border-radius: 5px;padding:0 5px;}
.mob .m_link_apply ul li .buttom{height: 40px;margin: 0 auto;background: #be161d;color: #fff;line-height: 40px;text-align: center;width:80%;margin-bottom: 30px;border-radius: 5px;}

.m-sjs .m-ipt{ margin-top:0.38rem;}
.m-sjs .u-keys{width:100%;
	height:2rem;  
	line-height:2rem; 
	border-right:0;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;   /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-bottom-left-radius:5px;  /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-top-right-radius:5px;  /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-bottom-right-radius:5px;  /*圆角，针对苹果浏览器写的兼容*/
	text-indent:15px;
	float:left;} /*搜索中的请输入关键词样式*/



/*设计师页面*/
.m-sjs { width:26.67rem; margin:0 auto; /*height:19rem;*/ position:relative;}
.m-sjs .m-sjbt { background:#262628; height:2.92rem; line-height:2.92rem; display:block;}
.m-sjs .m-sjbt i { display:block; float:left; padding:0.83rem 0.83rem 0 0.83rem; line-height:0;}
.m-sjs .m-sjbt i img { width:1.5rem; height:1.33rem;}
.m-sjs .m-sjbt02 i { display:block; float: right; padding-right:1rem;}
.m-sjs .m-sjbt em { display:block; float:left; width:20rem; text-align:center;}
.m-sjs .m-sjbt em a { font-size:1rem; color:#fff;}
.m-sjs .m-sjbt b { display:block; float: right; padding:0.83rem 1rem 0 0; line-height:0;}
.m-sjs .m-sjbt b a img { width:1.46rem; height:1.46rem;}
.m-sjs .m-sjbt02 b { display:block; float: left; padding-left:1rem;}
.m-sjs .m-sjbt02 b a img { width:1rem; height:1.58rem;}
.m-sjs .m-sjbt02 span { display:block; float:left; padding:0.42rem 0 0; }
.m-sjs .m-sjbt02 span select { background:url(../Images/Web/sj_xl.gif) no-repeat; width:5.17rem; height:2.08rem; -moz-appearance:none;-webkit-appearance:none;outline:none; border:0; font-size:1rem; color:#fff; text-align:center; font-family:"Microsoft Yahei"; display:block; padding-left:0.5rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-sjs .m-sjbt02 span select option { background:#676768; color:#fff; line-height:2.5rem; font-size:1rem; display:block; height:2.5rem;}
.m-sjs .m-sjbt02 .u-key { background:#3c3c3e; display:block; padding:0 0.5rem; height:2.08rem; line-height:2.08rem; width:14rem; color:#fff; font-size:1rem; border:none; box-shadow:none; font-family:"Microsoft Yahei"; float:left; margin:0.42rem 0 0; border-radius:0 0.2rem 0.2rem 0;}

.m-sjs .ys_em { clear:both; height:17.71rem; background:#fff; overflow:hidden; display:block; position:absolute; top:0; left:0; width:100%; z-index:999}
.m-sjs .ys_em span { background:#262628; height:2.92rem; line-height:2.92rem; display:block;}
.m-sjs .ys_em span i { display:block; float:right; padding:0.83rem 1rem 0 0; line-height:0;}
.m-sjs .ys_em span i img { width:1.08rem; height:1.08rem;}
.m-sjs .ys_em em { display:block; padding:1rem 0 0;}
.m-sjs .ys_em em a { float:left; width:25%; text-align:center; display:block; color:#000; font-size:1rem; padding:0 0 0.75rem;}
.m-sjs .ys_em em a img { width:4.08rem; display:block; margin:0 auto;}
.m-sjs .ys_em em a b { font-weight:normal; display:block; padding:0.5rem 0 0;}


.m-sjhx { background:url(../imgs/sj_hxbg.gif) no-repeat;  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    .m-sjhx .m-cnt { display:block; padding-left:0.83rem; height:3.33rem; line-height:3.33rem;}
    .m-sjhx .m-cnt li { float:left; width:8.33rem; color:#262628; font-size:1rem;}
    .m-sjhx .m-cnt li em { display:block; float:left; padding-left:2.17rem; width:3.17rem;}
    .m-sjhx .m-cnt li i { background:url(../imgs/sj_ico103.gif) no-repeat; width:0.79rem; height:0.42rem; display:block; float:left; margin:1.5rem 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
    .m-sjhx .m-cnt li.z-on { color:#ed1c24}
    .m-sjhx .m-cnt li.z-on i { background:url(../imgs/sj_ico104.gif) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
    
    .m-sjhx .m-cnt2 { display:block; padding-left:0.83rem; height:3.33rem; line-height:3.33rem;}
    .m-sjhx .m-cnt2 li { float:left; width:8.33rem; color:#262628; font-size:1rem;}
    .m-sjhx .m-cnt2 li em { display:block; float:left; padding-left:2.17rem; width:3.17rem;}
    .m-sjhx .m-cnt2 li i { background:url(../imgs/sj_ico103.gif) no-repeat; width:0.79rem; height:0.42rem; display:block; float:left; margin:1.5rem 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
    .m-sjhx .m-cnt2 li.z-on { color:#ed1c24}
    .m-sjhx .m-cnt2 li.z-on i { background:url(../Images/Web/sj_ico104.gif) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
    
    .m-sjhx .sclwrap_box{height:20.25rem;}
    .m-sjhx .m-box { margin-top:0.83rem;}
    .m-sjhx .con { float:left; display:none;}
    .m-sjhx .con .m-p01 { background:#e5e5e5; padding-bottom:0.5rem;}
    .m-sjhx .con .m-p01 a { width:6.63rem; height:2.42rem; line-height:2.42rem; border:solid 1px #bfbfbf; font-size:1rem; color:#262628; text-align:center; display:block; margin:0 0 0.83rem 1.67rem; float:left; position:relative;}
    .m-sjhx .con .m-p01 a img { display:block; position:absolute; width:0.38rem; height:0.71rem; top:0.88rem; left:5.5rem;}
    .m-sjhx .con .m-p01 a.cur { border:solid 1px #ed1c24; color:#ed1c24;}


}