/* CSS Document */
html,body{font-size:16px; font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif; background-color:#FFF;}
body,img{ margin:0; padding:0;overflow-x:hidden;}
img{ max-width:100%;}
ul,li{margin:0; padding:0;}
ul{ list-style-type:none;}
a{ text-decoration:none; color:#333;}
input,select{-webkit-appearance: none;border-radius:0;}
.block{ width:100%; margin:0; padding:0;overflow-x:hidden; border-bottom:0 !important;}
.flex-cb{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:end;
	display: flex; justify-content: center; align-items:baseline; flex-direction: row;
}
.flex-c{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;flex-wrap: wrap;
}
.imgc{
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;-webkit-box-orient:horizontal;
	display: flex;flex-direction: row;justify-content:center;align-items:center; 
}
.flex-nc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;
}
.flex-ntc{ 
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;flex-wrap: nowrap;
}
.flex-lt{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: row; flex-wrap: wrap;
}
.flex-lc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.flex-ylc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.flex-lb{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:end;
	display: flex; justify-content:flex-start; align-items:flex-end; flex-direction: row;
}
.flex-bc{ 
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:center; -webkit-box-orient:horizontal; -webkit-box-lines:word-wrap;
	display: flex; justify-content:space-between; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.flex-bb{ 
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:end; -webkit-box-orient:horizontal; -webkit-box-lines:word-wrap;
	display: flex; justify-content:space-between; align-items:flex-end; flex-direction: row; flex-wrap: wrap;
}
.flex-nbc{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:center;
	display: flex; justify-content:space-between; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-rc{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:center;
	display: flex; justify-content:flex-end; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.flex-ct{ 
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-orient:horizontal;
	display: flex; justify-content:center; align-items:flex-start; flex-direction: row;
}
.flex-rcn{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: center; -webkit-box-lines:word-break; -webkit-box-orient:horizontal;
	display: flex; justify-content:flex-end; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-hc{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align: center; 
	display: flex; justify-content: center; align-items:center; flex-direction:column;
}
.flex-hlc{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align:start;
	display: flex; justify-content: center; align-items:flex-start; flex-direction:column;align-content:center;
}
.flex-htl{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content: flex-start; align-items:flex-start; flex-direction:column;align-content:flex-start;
}
.flex-hrt{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:start; -webkit-box-align:end;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:flex-start;
}

.flex-hbl{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:end; -webkit-box-align:start;
	display: flex; justify-content: flex-end; align-items:flex-start; flex-direction:column;align-content:flex-end;
}
.flex-hrc{
	display: -webkit-box; -webkit-box-pack:center; -webkit-box-align:end; -webkit-box-orient:vertical;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:center;
}
.flex-hlb{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align: center; -webkit-box-orient:vertical;
	display: flex; justify-content: space-between; align-items:center; flex-direction:column;align-content:flex-start;
}
.flex-hrb{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: end; -webkit-box-orient:vertical;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:flex-end;
}
.flex-nlt{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: row; flex-wrap: nowrap;
}
.flex-nlc{
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-lines:word-break; -webkit-box-orient:horizontal;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-htc{
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-orient:vertical;
	display: flex; justify-content: flex-start; align-items:center; flex-direction:column;align-content:center;
}
.flex-rb{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: end; -webkit-box-orient:horizontal;
	display: flex; justify-content: flex-end; align-items:flex-end; flex-direction:row;
}
.flex-bt{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:start; -webkit-box-lines:word-wrap;
	display: flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap: wrap; align-content:flex-start; 
}
.flex-nbt{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:start; 
	display: flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap: nowrap;
}
.flex-nrc{
	display: -webkit-box; -webkit-box-pack:center; -webkit-box-align: end; -webkit-box-lines:word-break; 
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column; flex-wrap: nowrap;
}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-overflow2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.text-overflow3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.text-overflow5{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;}
.font05em{ font-size:0.5rem;}
.font1em{ font-size:1rem;}
.fontcolor_blue{ color:#F00;}
.fontw{ font-weight:bold;}
.fontred{color:#F00 !important;}
.hide{display:none;}
.floatleft{ float:left !important;}
.floatright{ float:right !important;}
.fontc{ text-align:center;}
.marginT05{margin-top:0.5rem !important;}
.color999{ color:#999;}



/*公共CSS*/
.header{ padding:0.525rem 0 0 0; background-color:#e60012 !important; display:inline-block;  overflow:hidden; width:100%; height:2.15rem;}
.header div{box-sizing:border-box !important;float:left;}
.xiaobiao{width:100%; height:2.5em;}
.xiaobiao span{font-size:0.7em; display:inline; padding:0.2em; margin:0 0.5em; color:#999;}
.xiaobiao .atype{ border:#F00 1px solid; border-radius:2px; color:#F00 !important; flex-shrink: 0; white-space: nowrap;}
.xiaobiao .adtype{border:#009de6 1px solid; border-radius:2px; color:#009de6 !important;}
.xiaobiao .alook{ background:url(../images/icons-png/eye-black.png) no-repeat left center; padding-left:1.5em !important;font-size:0.9rem !important;flex-shrink: 0; white-space: nowrap;}
.xiaobiao .afrom{ background:url(../images/icons-png/edit-black.png) no-repeat left center; padding-left:1.5em;font-size:0.9rem !important;}
.ui-icon-mhome:after{background-image:url(../images/icons-png/mhome-white.png)}
.ui-btn-icon-top:after{ background-color:#e60012;}
.ui-link{ text-shadow:none; font-weight:normal !important;}
.ui-listview>.ui-li-divider{ font-size:1rem; font-weight:normal;}
.mart1l1{ margin-top:1rem; margin-left:1rem;}
/*首页CSS*/
.ui-controlgroup-controls{ width:100% !important;}

.header_1{ width:40%; text-align:center; margin:0 2% 0 3%; height:1.5rem; box-sizing: border-box; padding-top: .05rem;}
.header_1 img{height: 1.5rem; width: auto; margin-right: .1rem;}
.header_1 span{text-shadow: unset; color: #fff; font-size: 1.2rem; font-weight: normal;}
.header_2{width:55%; height:1.5rem;}
.header_2 a{font-size:0.85rem !important;}
.topsearch{ width:90%;background-color: #fff; border-radius:25px; height:1.8rem; text-align:center; text-decoration:none; font-weight:normal !important; line-height:1.8rem; box-sizing: border-box; padding-right: .5rem; padding-left: .5rem; }

/* .topsearch .ui-input-search input{text-shadow:none; padding:0 0 0 1rem; min-height:1rem; border:0 !important; font-size: .9rem; background-color: transparent !important;}
.topsearch .ui-input-search{margin:0 0 0 .5rem;border:0 !important; box-shadow:none; border-image:none; background-color:transparent; width:10rem; padding-right: 0; }
.topsearch .ui-input-search a{display: none;}
.topsearch .ui-input-search:after{ border:0; background: none;} */
.topsearch input{border:0 !important; outline: none; box-shadow: unset !important; -webkit-appearance: none;border-radius:0; padding-left: .5rem !important; width: 9rem; font-size:1rem; background-color:transparent !important;}
.topsearch img{width: 1rem; height: 1rem; flex-shrink: 0;}



.lanmu{ width:100%; background-color:#F9F9F9; margin:0.725rem 0 0 0; height:2rem; box-sizing: border-box; overflow:scroll; overflow-style:move;}
.lanmu_1{ width:200%;  padding:5px 0; height:2rem; }
.lanmu a{box-sizing:border-box !important; font-size:1.25rem; color:#666; font-weight:normal; display:inline; padding:0 10px; text-decoration:none; float:left; line-height: 1.5rem;}
.lanmu a:hover{color:#e60012 !important;}
.lanmu a:visited{color:#666;}
.lanmu_2{ width:40px; height:30px; position:absolute; right:0; top:2.8rem; background-color: #F0F0F0; border-left:#CCC 1px solid; opacity:0.8;  line-height:1.5rem;	} 
.lanmu_2 a{font-size:2rem;}
.content{ background-color:#FFF; padding:0 1rem 0 1rem !important; width: 100%; box-sizing: border-box;}
.listview{ list-style-type:none;}
.listview li{padding:1rem 0; border-bottom:1px solid #EAEAEA; vertical-align:text-top; font-size:1.25rem; float:left; width:100%;}
.listview li a{ color:#666 !important; font-weight:normal !important;}
.listview li a:hover{color: #E60012 !important;}

/* .leftimg img{float:left; padding:0 0.5rem 0.5rem 0; max-width:7rem; max-height:6rem; } */
/* .leftimg div{width:100% !important; display:block; float:left;}
.leftimg p, .aditem p,.tjcompany p{margin:0;} */
.leftimg>a{width: 100%;}

.leftimg>a .img{margin:0 .5rem .5rem 0; width:7rem; height:5rem; flex-shrink: 0; position: relative;}
.leftimg>a .img>img{max-width:100%; max-height:100%;}
.leftimg>a h1{flex-grow: 1; margin:0; font-size:1.2rem; line-height: 1.8rem; font-weight: normal;}
.threeimg>a h1{width: 100%; flex-grow: unset; margin-bottom: .5rem;}
.threeimg>a>div{width:100%;}
.threeimg>a>div .img{width:32%; height:5rem;}
.leftimg.bigimg>a h1{width: 100%; flex-grow: unset; margin-bottom: .5rem;}
.leftimg.bigimg>a .img{width:100%; height: auto;}
.leftimg.bigimg>a .img>img{width: 100%;}
.leftimg>a .img>.btn{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.leftimg>a .img>.btn img{width:2rem; height: 2rem;}
.leftimg.noimg>a h1{margin-bottom: .2rem;}
.leftimg.noimg>a h1>img{width: 1.2rem; height: 1.2rem; margin-top: 0 !important; position: relative; top:.2rem}
.leftimg.noimg>a p{font-size:1rem; line-height: 1.3rem; color:#969494; margin: 0 0 .5rem 0;}
.leftimg.noimg>a p>img{width: 1.2rem; height: 1.2rem; position: relative; top:.2rem}

.leftimg span, .aditem span{ font-size:0.7rem; display:inline; padding:0.1rem 0.2rem; margin:0 .5rem  0 0; color:#999; text-shadow:none;}
.leftimg .atype,.aditem .atype{ border:#F00 1px solid; border-radius:2px; color:#F00;flex-shrink: 0; white-space: nowrap;}
.leftimg .news_diaoding{border-color:#9FA0A0 !important;color:#9FA0A0 !important;}
.leftimg .news_travel{border-color:#E60012 !important;color:#E60012 !important;}
.leftimg .news_dinuan{border-color:#F08200 !important;color:#F08200 !important;}
.leftimg .news_world{border-color:#01B091 !important;color:#01B091 !important;}
.leftimg .alook,.aditem .alook{ background:url(../images/icons-png/eye-black.png) no-repeat 0 center; padding-left:0.9rem !important;background-size:.8rem .8rem; font-size:0.9rem !important;flex-shrink: 0; white-space: nowrap;}
.leftimg .afrom, .aditem .afrom{ background:url(../images/icons-png/star-black.png) no-repeat left center;background-size:.8rem .8rem; padding-left:0.9rem; font-size:0.9rem !important;}
.leftimg .atime, .aditem .atime{ background:url(../images/icons-png/clock-black.png) no-repeat left center;background-size:.8rem .8rem; padding-left:0.9rem; font-size:0.9rem !important;}
.leftimg .afrom a,.leftimg .afrom a:hover{color:#999 !important;}

.listview1 li a>h1{font-size: 1.1rem;line-height: 1.5rem;}
.listview1 li a>p{font-size: .9rem !important;}
.listview1 .threeimg>a>div .img{height:4.2rem;}


.atype a,.atype a:visited{color:#F00 !important;}
.adbiaoshi{border:#ccc 1px solid; border-radius:2px; color:#ccc !important;}
.aditem img{width:100%; text-align:center; margin:0.5rem 0 0 0 !important;}
/*.aditem .atype{ border:#009de6 1px solid; border-radius:2px; color:#009de6 !important;}*/
/* .threeimg img{width:31% !important; max-width:none !important; height:6rem; padding:0 2% 0.5rem 0 ;}
.threeimg p{ margin-bottom:0.3rem;} */

.footnav{ margin:0 !important; width:100% !important; height:3rem; position: fixed; z-index: 999; bottom: 0; left: 0; overflow: hidden; border-radius: 5px 5px 0 0; box-sizing: border-box; background-color: #eee; border: 1px solid #ccc; border-bottom: 0;}
.footnav a{width:50% !important; height: 100%; box-sizing:border-box;text-align: center; color:#333;}
.footnav a:visited{color:#333;}
.footnav a:hover{color:#fff; background-color:#E60012;}
.footnav a:nth-child(1){border-right:1px solid #ccc;}
.footnav a i{font-size: 1.5rem; margin-right: .5rem;}
.footnav a.on{color:#fff; background-color:#E60012;}

.morePrompt{ border:1px solid #F00 !important; text-align:center; color:#F00; font-size:0.75rem !important; padding:5px 0 !important; margin-top:10px; background-color:#FEDDDA; opacity:0;}
.tuijinMpt,.tuijinMore{border:1px solid #088f51 !important; border-radius:2px; text-align:center; color:#088f51; font-size:1rem !important; padding:5px 0 !important; margin-top:10px; background-color:#b9e9d3; float:left; width:100%;}
.adDiv{ width:100%; border-bottom:0 !important; padding:0 !important;}
.adDiv img{ width:100%;}

/*搜索页CSS*/
.sheader{ height:2.5rem; padding:0; position:fixed; top:0;}
.sheader_1{width:10%; text-align:center; line-height:2.5rem; padding-top:1rem; padding-left:1rem;}
/*.sheader_1 a{ color:#FFF !important; font-family:serif, Georgia, "Times New Roman", Times; font-size:1.5rem; height:2rem; font-weight:normal !important; text-shadow:none;}*/
.sheader_2{width:65%; margin:0.5rem 0 0.5rem 5%; background-color:#FFF;border:2px solid #FFF;border-radius:25px; height:1.6rem; padding-left:1rem; padding-right:0.2rem;}
.sheader_3{width:15%; font-size:1rem; line-height:2.5rem; text-align:center; }
.sheader_3 a{ color:#FFF;}
.sheader_3 a:hover{color:#FFF;}
.sheader_2 .ui-input-search input{text-shadow:none; padding:0 0 0 2rem; min-height:1rem; border:0 !important;}
.sheader_2 .ui-input-search{margin:0;border:0 !important; box-shadow:none; border-image:none;}
.sheader_2 .ui-input-search:after{ border:0;}
.search_hot li a{ text-shadow:none !important; }
.search_hot li a:active{background-color:#fff !important; color:#F00 !important; box-shadow:none !important; border-color:#CCC !important;}
.paddingtop3em{ padding-top:3rem;}
.tjcompany{ border:#e60012 1px solid !important; padding:.5rem !important; width:95% !important; margin-top:1rem;}
.tjcompany>.img{width:6rem; height: 6rem; margin:0 .5rem 0 0; float: left;}
.tjcompany>.img>img{max-width: 100%; max-height: 100%;}
.comname,.comname:link,.comname:visited,.comname:active{ font-size:1.2rem !important; font-weight:bold !important; color:#000 !important;}
.comSpan{ border:#e60012 1px solid; background-color:#e60012; color:#fff !important; padding:0.2rem 0.4rem !important; border-radius:5px;}
.listview li .comSpan a,.listview li .comSpan a:hover,.listview li .comSpan a:visited,.listview li .comSpan a:active{color: #fff !important;}


.tjcompany p{ padding-bottom:0.5rem; margin: 0; font-size:1rem; line-height: 1.5rem;color: #707070;}
/* .tjcompany img{width:100%; text-align:center; margin:0.5rem 0 0 0 !important;} */
.tjcompany span{ font-size:1rem; display:inline; padding:0.2rem 0.2rem 0.1rem 0.2rem; margin:0 0.5em; color:#999;}
.tjcompany .atype{ border:#009de6 1px solid; border-radius:2px; color:#009de6 !important;flex-shrink: 0; white-space: nowrap;}
.tjcompany .alook{ background:url(../images/icons-png/eye-black.png) no-repeat left center; padding-left:1.5rem !important;font-size:0.9rem !important;}
.tjcompany .afrom{ background:url(../images/icons-png/edit-black.png) no-repeat left center; padding-left:1.5rem; font-size:0.9rem !important;flex-shrink: 0; white-space: nowrap;}



/*更多栏目CSS*/
.menuclose{ width:100%; float:left; position:fixed; top:0;}
.menuclose a{ font-size:2.5rem !important; color:#999 !important; display:block; float:right; padding:0 0.2rem 0 0;
transform: rotate(45deg);
-ms-transform: rotate(45deg);		/* IE 9 */
-webkit-transform: rotate(45deg);	/* Safari and Chrome */
-o-transform: rotate(45deg);		/* Opera */
-moz-transform: rotate(45deg);		/* Firefox */}
.menucon{width:95%; padding:3rem 2.5% 0 2.5%;}
.menucon_1{width:100%; padding:0 0 1rem 0;}
.menucon_2{width:100%}
.menucon_2 a{ border:1px solid #999; border-radius:25px; display:block; padding:0.1em 0;  text-align:center; width:30%; margin:0.5em 1.5%; color:#333 !important; float:left; box-sizing:border-box; font-weight:normal !important;}
.menucon_2 a:active{ color:#F00 !important; }


/*阅读文章页CSS*/
.viewhead{width:100%; background-color:#F2F2F2; border-bottom:#CCC 1px solid; height:2.5rem; position:fixed; top:0; z-index: 999;}
.viewhead a{ font-size:1.5rem; color:#333;font-family:serif, Georgia, "Times New Roman", Times; display:block;}
.viewhead a:active{color:#F00; background-color:transparent;}
.vback{ float:left; padding-left:0.5rem; line-height:2.5rem;}
.vmore{float:right; padding-right:0.5rem ; line-height:2rem;}
.viewcon{ width:94%; margin:3rem 3% 0 3%; overflow:hidden;}
.viewtitle{ font-size:1.5rem; padding:0.5rem 0; font-weight:bold;}
.viewxiaobiao{}
.viewmain{font-size:1.1rem;}
.viewcon1 .viewtitle>img{width: 1.5rem; height: 1.5rem; margin-right: .3rem; position: relative; top: .1rem;}
.viewcon1 .viewtitle{font-size: 1.5rem; line-height: 2rem;}
.viewcon1 .viewmain{border-top: .3rem solid #eee;}
.viewcon1 .viewmain h1{font-size: 1.5rem; line-height: 2rem; font-weight: normal;}
.viewcon1 .viewmain h1>img{width: 1.5rem; height: 1.5rem; margin-right: .3rem; position: relative;}
.viewcon1 .viewmain .box1{width: 100%; line-height: 1.8rem;}
.viewcon1 .viewmain .box1 img{max-width: 100%;}

.jumpsrc{width:100%}
.jumpsrc a{ font-size:1rem; color:#999 !important; font-weight:normal !important;}
.viewshare{  width:94%; padding:1rem 0; margin:0 3% 1rem 3%; border-bottom:1px solid #ccc; }
.viewshare>div{cursor: pointer; margin-left:.5rem;}
.viewshare>div img{width: 2rem; height:2rem;}
.viewshare span{border:1px solid #CCC; border-radius:25px;  padding:0.3rem 0.5rem 0.4rem 2rem;  text-align:center; width:auto; margin:0.5rem 0.3rem; float:left; box-sizing:border-box; font-size:0.75rem; height:2rem; line-height:1.3rem}
.itlove{background:url(../images/icons-png/like.png) no-repeat 5px center;display:block;}
.guanzhu{background:url(../images/icons-png/guanzhu.png) no-repeat 5px center;display:block;}
.actmess{ display:none; padding:0.5rem 1rem !important;}
.itweixin{ background:url(../images/icons-png/weixin.png) no-repeat 5px center;display:none;}
.itpyq{ background:url(../images/icons-png/pengyouquan.png) no-repeat 5px center;display:none;}
.baidushare{ display:block; border:0 !important;}
.bdsharebuttonbox{float:right;}
.morearticle{ background-color:#F2F2F2; width:100%; padding: .5rem 0;}
.morearticle li{width:94%; padding:0.8rem 0; margin:0 3% 0 3%; border-bottom:1px solid #E6E6E6; font-size:1rem;}
.morearticle li:last-child{border-bottom: 0;}
.morearticle li a{ color:#000;}
.morearticle li a:active{ color:#F00;}
.morearticle li a:visited{ color:#999;}
.pinglun{width:94%; margin:1rem 3% 2rem 3%; float:left;}
.pingluntit{padding-bottom:20px;}
.pingluncon,.pingluncon li{ width:inherit; }
.pingluncon li{ padding-bottom:20px; display:inline-block; }
.pingluncon li div{width:inherit;float:left;}
.nopl{ text-align:center;}
.pl_tit span{ display:block; float:left; margin:0 5px; line-height:3em;}
.userhead{width:3rem; height:3rem; border-radius:50%; overflow:hidden; border:1px solid #fff;}
.userhead img{width:3rem;height:3rem;}
.pl_con{margin:0 2rem 0 4rem; line-height:1.5rem;}
.labeDiv{ display:inline-block; padding:1rem 1rem 0 1rem;}
.labeDiv a{ background-color:#F6F6F6; padding:5px 8px; margin:5px; width:auto; display:block; font-size:.9rem; float:left; border-radius:5px; color:#333; box-sizing:border-box;}
.labeDiv a:visited{color:#333;}
.labeDiv a:active{color:#F00;}
.wx_share{ width:0; height:0; overflow:hidden;}
.pinlunDiv{ position:fixed; bottom:0; width:100%; height:2.3rem; z-index:999; background-color:#F2F2F2; border-top:#CCC 1px solid; padding-top:0.2rem;}
.pinlunDiv span{ display:block; float:left; box-sizing:border-box; }
.plinput{ width:77%; border:1px solid #CCC; background-color:#FFF; border-radius:5px; margin-left:3%}
.pinlunDiv .plsubmit{padding-top:0.3rem; width:20%;float:right; text-align:center;}
.pinlunDiv .plsubmit a{ font-size:1.2rem; color:#666;}
.plinput input{ border:0; background-color:transparent; width:90%; padding:0 5%; outline:none; height:2rem; font-size:1rem;}

/*指数榜单更多页面*/
.randBox{ background-color:#CCC;}
.randBox li{border-bottom:1px solid #E9E9E9; line-height:1.5rem; padding:0.5rem 0;}
.randBox li div{ height:1.5rem; overflow:hidden; box-sizing:content-box;font-size:1rem;}
.randBox .com-qorder{ float:left; width:auto; border-radius:50%; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#FFF; padding:0 0.5rem;
border-top-left-radius:0.5rem;
border-top-right-radius:0;
border-bottom-right-radius:0.5rem;
border-bottom-left-radius:0;

}
.randBox .com-qorder-bg1{ background-color:#e60012;}
.randBox .com-qorder-bg2{ background-color:#e93846;}
.randBox .com-qorder-bg3{ background-color:#ef5b3e;}
.randBox .com-qorder-bg4{ background-color:#ef913e;}
.randBox .com-qorder-bg5{ background-color:#f0e80c;}
.randBox .com-qorder-bg6{ background-color:#999;}
.randBox .com-qorder-bg7,.randBox .com-qorder-bg8,.randBox .com-qorder-bg9,.randBox .com-qorder-bg10{ background-color:#ccc;}
.randBox .com-title{float:left; width:10rem; padding-left:1rem;}
.randBox .com-rank{float:right; width:2rem; text-align:right; padding-right:1rem;}
.up{ background:url(../images/icons-png/up.gif) no-repeat right center;}
.down{ background:url(../images/icons-png/down.gif) no-repeat right center;}


/*指数榜样式*/
.rankhead{width:60%; height:1rem; font-weight:normal; text-align:right; padding-top:0.5rem;}
.noinfo{ border-bottom:0 !important; padding-top:5rem !important; padding-bottom:0 !important;}
.rank-explain{ padding:0 1rem; text-shadow:none;}
.rank-explain h1{ font-size:1rem;}
.rank-explain p{ font-size:0.6rem; line-height:1.25rem;}
.backBtn{ width:0.6rem !important; height:0.6rem !important; border-left:#fff 2px solid;border-bottom:#fff 2px solid; display:block;transform: rotate(45deg);
-ms-transform: rotate(45deg);		/* IE 9 */
-webkit-transform: rotate(45deg);	/* Safari and Chrome */
-o-transform: rotate(45deg);		/* Opera */
-moz-transform: rotate(45deg);	}
.backBtn_1{width:.8rem !important; height:.8rem !important; border-left:#333 1px solid;border-bottom:#333 1px solid; display:block;transform: rotate(45deg);
-ms-transform: rotate(45deg);		/* IE 9 */
-webkit-transform: rotate(45deg);	/* Safari and Chrome */
-o-transform: rotate(45deg);		/* Opera */
-moz-transform: rotate(45deg);}

.backBtn_2{width:.8rem !important; height:.8rem !important; border-left:#fff 1px solid;border-bottom:#fff 1px solid; display:block;transform: rotate(45deg);
-ms-transform: rotate(45deg);		/* IE 9 */
-webkit-transform: rotate(45deg);	/* Safari and Chrome */
-o-transform: rotate(45deg);		/* Opera */
-moz-transform: rotate(45deg);}


/*锁定层-----------------------------*/
#locklayer{ width:100%; height:100%; opacity:0.9; background-color:#F5F5F5; z-index:999; position:fixed;text-align:center; font-size:1rem; left:0; top:0; display:none;}
#locklayer div{ text-align:center; margin:70% auto 0 auto; clear:both; display:inline-block;padding:0.5rem 1rem; background-color:#000; border:1px solid #FFF; border-radius:50px; color:#FFF;}
#locklayer div img{ width:1rem; height:1rem;}


.fade {opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {opacity: 1}
.modal-open {overflow: hidden}
.modal{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:1040; display:none; overflow:hidden;-webkit-overflow-scrolling:touch; outline:0}
.modal.fade .modal-dialog{
	-webkit-transition: -webkit-transform .3s ease-out;
		 -o-transition: -o-transform .3s ease-out;
			transition: transform .3s ease-out;
	-webkit-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		 -o-transform: translate(0,-50%);
			transform: translate(0,-50%)}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0)}
.modal-open .modal {overflow-x: hidden;overflow-y: auto}
	.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #000}
	.modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0}
	.modal-backdrop.in {filter: alpha(opacity=50);opacity: .5}
	.modal-dialog {position: relative; margin: .5rem; top: 6rem !important;}
		.modal-content{position: relative; box-sizing: border-box; overflow: hidden; background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);outline: 0;
    		-webkit-background-clip: padding-box;
					background-clip: padding-box;					
			-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
					box-shadow: 0 3px 9px rgba(0,0,0,.5)}
		
			.modal-header {min-height:2rem;padding:.3rem 1rem 0 1rem; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee; position:relative}
			.modal-header .close{font-size: 2rem;flex-shrink: 0; width: 3rem; text-align: right; color: #000000 !important; padding-bottom: .5rem; }
			.modal-close{position:absolute; right:15px; top:15px;font-size:24px; z-index: 9}
			a.modal-close:hover{ text-decoration: none}
			.modal-header h3,.modal-header .modal-title{margin:0; padding:0 0; font-size:16px}
			
			.modal-body {position:relative;padding:15px;overflow-y:visible;word-break:break-all;clear:both;}
				.modal-form {margin-bottom: 0}
				
			.modal-footer {padding:15px;margin-bottom: 0;text-align: right;background-color: #f5f5f5;border-top: 1px solid #eee;*zoom: 1}
			
			.modal-footer:before,.modal-footer:after {display: table;content: ""}
			.modal-footer:after {clear: both}
			.modal-footer .btn + .btn {margin-left: 5px;margin-bottom: 0}
			.modal-footer .btn-group .btn + .btn {margin-left: -1px}
			.modal-footer .btn-block + .btn-block {margin-left: 0}
		.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll}
		
		.radius .modal-content{ border-radius:6px}
		.radius .modal-footer{ border-bottom-left-radius:6px; border-bottom-right-radius:6px}
/*上下居中*/
.modal.middle .modal-dialog{position:absolute;margin:10px;left:0;right:0;top:50%}
.modal.fade.middle .modal-dialog{
	-webkit-transform: translate(0,-100%);
		-ms-transform: translate(0,-100%);
		 -o-transform: translate(0,-100%);
			transform: translate(0,-100%)}
.modal.in.middle .modal-dialog{
	-webkit-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%)
}
.modal-header{width: 100%;}
.modal-header h3{flex-grow: 1; font-size:1.5rem;}
#video-area{font-size: 1rem;}
#video-area img{width: 1.5rem; height: 1.5rem;}

/*返回顶部按钮*/
.otherAction{ display:none;}
.otherAct_in{ position:fixed; bottom:3.5rem; right: .5rem;}
.otherAction .retop{ width:2rem; height:2rem; display:block; background:url(../images/top.png) no-repeat; background-size:100% 100%;}
.otherAction a,.otherAction a:hover{text-decoration:none;}



.nodata{width: 100%; padding: 1rem 0; text-align: center; font-size: 1rem;}


/* 十大品牌相关样式 */
.bg-f1f1{background-color: #F1F1F1 !important;}
.brandhead{width:5.5rem; height: 100%; box-sizing: border-box; padding: .5rem 0 3.5rem 0; background-color: #fff; position:fixed; top: 0; left: 0; z-index: 100; overflow-y: auto; overflow-x: hidden;}
.brandhead a{color: #333; margin:0; font-size: 1rem;  line-height:1.4rem; box-sizing: border-box; padding: .5rem .5rem;}
.brandhead a.on{color: #fff;background-color: #E60012;}
.brands{width: 100%; overflow-x: hidden; box-sizing: border-box; padding:0 .5rem 3.3rem 6rem; }
.brands .jiange{width: 100%; height: 1rem;}
.brands .item{
	width: 100%;
	background-color: #fff;
}
.brands .item>h1{line-height:3rem; font-size: 1.3rem; padding: 0 .5rem; box-sizing: border-box; margin: 0; font-weight: bold;}
.brands .item>h1>font{color: red; font-weight: normal;}
.brands .item>p{margin:0 .5rem .5rem .5rem; padding:.5rem; line-height:1.3rem; font-size: .9rem; background-color:#eee; color: #666;}
.brands .item .list{ margin:.5rem .5rem 1rem .5rem;}
.brands .item .list>a{padding: .2rem; width: 50%; box-sizing: border-box; height:11.5rem; opacity: .8; border-bottom: 1px solid #eee; }
.brands .item .list>a:hover{opacity: 1;}
.brands .item .list>a:nth-child(2n-1){border-right: 1px solid #eee;}
.brands .item .list>a .img{width: 100%; height: 5.5rem; overflow: hidden;}
.brands .item .list>a .img img{ max-width:100%; max-height: 100%;}
.brands .item .list>a h1{margin: .3rem 0 0 0; font-size: .9rem; color: #000;}
.brands .item .list>a p{margin-top: .1rem !important; line-height:1.2rem; font-size: .9rem; color: #555;margin: 0;}


.bviewhead{width:100%; box-sizing: border-box; padding-right: 2rem; background-color:#e60012; border-bottom:#CCC 1px solid; height:2.5rem; position:fixed; top:0; z-index: 999; left:0;}
.bviewhead a{ font-size:1.5rem; color:#fff;font-family:serif, Georgia, "Times New Roman", Times;flex-shrink: 0; margin-left: .8rem;}
.bviewhead a:hover{color:#000; background-color:transparent;}
.bviewhead h2{font-size:1.3rem; color:#fff; line-height:1.8rem;  text-align: center; font-weight: bold;width: 100%;}


.brandview{ width:96%; margin:3rem 2% 0 2%; overflow:hidden;}
.brandview>h1{font-size:1.3rem; line-height:1.8rem; font-weight: bold;border-bottom: 1px solid #eee;padding-bottom: .5rem; padding-top: .5rem; width: 100%;background-color: #fff; margin: 0; box-sizing: border-box;}
.brandview>h1.brandfixed{position:fixed; top:2.5rem; left: 0; z-index: 999; padding: .5rem 1rem;}
.brandview-1{box-sizing: border-box; width: 100%; border-bottom: 2px dashed #eee; padding-bottom: 1rem; margin-top: 1rem;}
.brandview-1 .left{width:35%; height: 100%; flex-shrink: 0;}
.brandview-1 .left img{max-width: 100%; max-height: 100%;}
.brandview-1 .right {width:65%; padding-left: 1rem; box-sizing: border-box;}
.brandview-1 .right-1{margin-top: .5rem;}
.brandview-1 .right-1>div{font-size:1rem; padding: .1rem 0;}

.brandview-2{ margin-top: 1rem;}
.brandview-2 .right-2-1{padding:4.3rem 1rem 0 1rem; width:6rem; height:6rem;  cursor: pointer; background: url(../images/video-btn2.png) no-repeat center top; background-size: 4rem 4rem; text-align: center; box-sizing: border-box; font-size: .8rem;}
.brandview-2 .right-2-1:hover{background-image: url(../images/video-btn2_hl.png); color: #FF0000;}
.brandview-2 .right-2-2{padding-left:1rem; padding-right: 1rem;}
.brandview-2 .right-2-2 img{width: 6rem; height:6rem;}
.brandview-2 .right-2-2 p{text-align: center; font-size: .8rem; margin-top:0; margin-bottom: 0;}
.brandview-2>div:nth-child(2){border-left: 1px solid #eee;}
.brandview-3{font-size:1.1rem; line-height: 1.8rem; overflow: hidden; width: 100%; margin-top: 1rem;}
.brandview-3 img{max-width: 100%;}


.brandview-4{width: 100%; margin-top:1rem; padding: 0 .5rem; box-sizing: border-box;}
.brandview-4 .message{background-color: #e60012; width: 100%; box-sizing: border-box; overflow: hidden; border-radius: 5px; padding: .8rem;}
.brandview-4 .message>div{color: #fff; font-size: .9rem; width: 100%;}
.brandview-4 .message>div.item-1>div{width: 50%;}
.brandview-4 .message>div input[type="text"]{border: 0; background-color: transparent; border-bottom: 1px #fff solid; padding: .3rem 0px; box-sizing: border-box; width:70%;  line-height: 1.5rem; color: #fff; font-size:.9rem; outline: none;}
.brandview-4 .message>div input::-webkit-input-placeholder{
/* WebKit browsers */
color: #f68d95 !important;
}
.brandview-4 .message>div input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #f68d95 !important;
}
.brandview-4 .message>div input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #f68d95 !important;
}
.brandview-4 .message>div input::-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #f68d95 !important;
}
.brandview-4 .message>div span{flex-shrink: 0; width::30%; font-size: 1rem;}
.brandview-4 .message>div span.zi5{line-height: 35px; margin-top: 5px;}
.brandview-4 .message>div #diqu2{margin-top: 10px;}
.brandview-4 .message>div select{border: 0; border-bottom: 1px #fff solid;outline: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none; 
background-color: transparent;
padding: .2rem 0; box-sizing: border-box; width:70%; line-height:1.3rem; color: #fff; font-size: .9rem;
}
.brandview-4 .message>div select option{color:#333;}
.brandview-4 .message>div textarea{width:100%; height: 4rem; border-radius: 5px; border: 0; padding:.5rem; box-sizing: border-box; font-size:.9rem; margin-top:.5rem; outline:none; color: #000;}
.brandview-4 .message>div textarea::-webkit-input-placeholder{
/* WebKit browsers */
color: #ccc;
}
.brandview-4 .message>div textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #ccc;
}
.brandview-4 .message>div textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #ccc;
}
.brandview-4 .message>div textarea::-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #ccc;
}
.brandview-4 .message>div.btn{margin-top: .5rem;}
.brandview-4 .message>div.btn a{display: block; color: #000;  text-align: center; padding: 5px 15px; border-radius: 5px; background-color: #fff; font-size:16px; }
.brandview-4 .message>div.btn a:hover{background-color:#eee;}
.brandview-4 .message>div h2{margin:.5rem 0 0 0; font-size:1rem;}

.messagelist{background-color: #eee; width:100%; margin-top: .5rem; box-sizing: border-box; padding:1rem .5rem; height:15.5rem; border-radius: 5px; overflow: hidden;}
.messagelist .tit2{width: 100%; height: 2rem; line-height:2rem; font-size:1.1rem; position:relative;}
.messagelist .tit2::after{content: ""; width:75%; height: 1px; background-color: #ccc; top: 1.2rem; right: 0; position: absolute;}
.messagelist .tit2>div{position: absolute; top:-.5rem; right: 0; font-size: 1rem; color: #e60012;}
.messagelist .tit2>div i{font-size:1rem;}
.messagelist ul{ height: 13rem; padding-left: 0;}
.messagelist ul li{border-bottom: 1px dashed #ccc; padding: 0 0 .5rem 0; cursor: pointer;}
.messagelist ul li:last-child{border-bottom: 0;}
.messagelist ul li>p{line-height:1.5rem; font-size: 1rem; text-align: justify; padding-bottom: .3rem; color: #808281; margin-bottom: 0; height:3rem; }
.messagelist ul li>div{font-size: .8rem; color: #acadad;}
.messagelist .maquee{height: 13rem; overflow: hidden; cursor: pointer;}

.joinus{width: 100%; margin-top:1rem; margin-bottom: 3rem;}
.joinus1{border-top: 1px solid #ccc; padding-top: 1.5rem;}
.joinus .btn{border-radius: 5px; font-size: 1rem; padding: .5rem 1rem; color: #fff; background-color: #e60012; cursor: pointer;}

.dialog{position:fixed;right:-1000px;top:0;z-index:999; width: 100%; height: 100%; background-color: rgba(0,0,0,.7);}
.dialog.on{right:0;}
.dialog,.dialog *{transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}

.feedback_dialog{width: 85%; background-color: #fff; overflow: hidden; border-radius: 5px;}

.dialog .dialog-header{padding:.5rem;border:1px solid #ddd;border-top:3px solid #dc2525;border-bottom:1px solid #ddd; overflow: hidden;}
.dialog .dialog-header h3{font-size:1.2rem;color:#dc2525;margin: 0; padding: 0;}

.feedback_panel{ width: 100%; overflow: hidden;}
.feedback_panel ul{padding:1rem; box-sizing: border-box; width: 100%;}
.feedback_panel label{margin-bottom:.3rem; margin-top: 1rem; font-size:1.1rem;}
.feedback_panel ul li{width: 100%;}
.feedback_panel ul li input{box-sizing: border-box; line-height:1.5rem; border:1px solid #ccc; font-size:1rem; width: 100%; padding: .3rem .5rem; outline: none;}
.feedback_panel ul li textarea{box-sizing: border-box; line-height:1.2rem; border:1px solid #ccc; font-size:1rem; width: 100%; height:5rem; padding: .3rem .5rem; outline: none;}
.feedback_dialog .submit-btn{padding:.5rem 1.5rem;font-size:1rem;background-color:#f44d4d;border-radius:5px;color:#fff;border:0;outline:0;cursor:pointer;margin-top:1rem; margin-bottom: 1rem;}
.feedback_dialog .submit-btn:hover{background-color:#C52424}







/*  首页十大品牌*/
.brandlist1{background-color: #e60012; width: 100%; }
.brandlist1 .head{color: #fff; font-weight: bold; text-align: center; line-height:2.5rem; width: 100%; font-size:1.2rem; padding: .5rem 0 0 0;}
.brandlist1 .foot{color: #fff;  line-height:1.5rem; width: 100%; font-size: 1rem; background-color: transparent; margin: 0; padding: 1rem 0 .5rem 0;}
.brandlist1 .foot span{width: 33.3%;text-align: center;}
.brandlist1 .list{width:100%; box-sizing: border-box; padding:0 10px;}
.brandlist1 .list>a{ width: 50%; overflow: hidden; box-sizing: border-box; height:9rem; border:2px solid #e60012; background-color: #fff;}
.brandlist1 .list>a>h1{margin: 0 .1rem 0 .1rem; font-size:.9rem; text-align: center; line-height:2rem; color: #000; font-weight: normal;}
.brandlist1 .list>a .img{width: 100%; height:6.6rem; overflow: hidden;}
.brandlist1 .list>a .img img{ width:100%; max-height: 100%;}
.brandlist1 .list>a p{margin-top: 5px; line-height: 20px; font-size: 14px; color: #555;margin: 0;}
.block1{height: 20px; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 15px;}

.brandlist2{width: 100%; background-color: #fff; box-sizing: border-box; padding: 0 .5rem; margin-top: .5rem;}
.newstit{ padding:1rem .5rem .5rem 0; box-sizing: border-box;line-height:1.5rem; font-size:1.2rem;font-weight: bold; border-bottom: 1px solid #ccc; color: #e60012; width: 100%;}

/*分页*/
.m-pagination{color:#666; height:auto; }
.m-pagination .inner{display:inline-block; list-style-type:none; clear:both;}
.m-pagination .inner li{ float:left; }
.m-pagination .inner a{margin-bottom:0.5rem; }
.m-pagination .inner a:hover{color: #fff !important;}
.m-pagination .inner .btn,.m-pagination .inner .page,.m-pagination .inner .hidden,.m-pagination .inner .selected{display:inline-block;min-width:2rem;_width:2rem;height:2rem;border:1px solid #f0f0f2;line-height:2rem;white-space:nowrap;font-family:Arial,Tahoma,SimSun;text-align:center;vertical-align:top;text-decoration:none;color:#333;font-size:1rem; margin:0 .2rem .5rem .2rem; border-radius: 5px; box-sizing: border-box; font-weight: normal;}
.m-pagination .inner .btn:hover,.m-pagination .inner .page:hover,.m-pagination .inner .selected{border-color:#e60012;color:#fff;background-color:#e60012;}
.m-pagination .inner .prev,#list-page .m-pagination .inner .next{position:relative;width:.8rem;}
.m-pagination .inner .prev{padding-left:.2rem;}
.m-pagination .inner .next{padding-right:.2rem;}
.m-pagination .inner .text{display:inline-block;padding-left:.1rem;}
.m-pagination .inner .num{width:.4rem;height:.25rem;border:solid 1px #999;text-align:center;}




input::placeholder,textarea::placeholder{
	color: #ccc !important;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
    color: #ccc !important;
}
input:-moz-placeholder,textarea:-moz-placeholder{    /* Firefox版本4-18 */
    color: #ccc !important;
}              
input::-moz-placeholder,textarea::-moz-placeholder{    /* Firefox版本19+ */
    color: #ccc !important;
}              
input:-ms-input-placeholder,textarea:-ms-input-placeholder{   /* IE浏览器 */
    color: #ccc !important;
}