/**
* date:2015-7-28;
* author:ltk;
* desc:css for snmst wap;
**/
/* *{-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;} */
header,article,footer{display: block;padding: 0;margin: 0;}

body{font-size: 16px;font-family: 'Microsoft Yahei','SimHei';color:#30140b;line-height: 1.25em;}

.wrapper{margin:0;padding:0;width:100%;}
.block{position: relative;}
.block>.bg{position: static;display: block;width: 100%;height: auto;}

a{ 
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-focus-ring-color: rgba(0, 0, 0, 0);
}

.btn{border-radius:5px;padding: 0.4em 1.2em;color:white;font-weight: bold;font-size: 1.6em;}
.btn-orange{background-color: #482d53;}
.btn-red{background-color: #8435a6;}

.listw-3{width:33.333333%;}
.listw-2{width:50%;}

/********** header **********/
.header-outer{width: 100%;position: relative;}
.header{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;}
.logo{float: left;display: block;width:15.66666666%;margin-left: 5%;margin-top: 0.9em;}
.logo img{width:100%;height: auto;}

.header-title{margin-left:24%;margin-right: 30%;height: 100%;}
.header-title h1{color:white;font-size:1.625em;line-height: 1.1em;padding-top: 0.6em;}
.header-title h2{color:white;font-size: 1em;line-height: 1.1em;padding-top: 0.3em;}
.dld-btn{position: absolute;right:4%; top:0.9em;}

/********** main **********/
/* banner */
.banner-outer{position: relative;}
.btn-play{position: absolute;width: 14.333333333333%;display: block;left:11%;bottom:8.42490842%;}
.btn-play img{width: 100%;height: auto;}

/* link */
.link-outer{}
.link-outer li{float: left;position: relative;}
.link-outer a{display: block;width: 100%;}
.link-outer img{display: block;width: 100%;	height: auto;}

/* looppic */
.looppic-outer{width:100%;}

.looppic-kv{}
.looppic-wrapper{position: absolute;width:84%;left:8%;overflow: hidden;height: 90%;top: 5%;}

.looppic{height: 100%;width: 100%;position: absolute;left: 0;top: 0;}
.looppic li{float: left;width: 100%;height: 100%;}
.looppic a{display: block;width: 100%;height: 100%;}
.looppic img{display: block;width: 100%;height:100%;}

.looppic-arrow-l,
.looppic-arrow-r{position: absolute;width:6.5%;height: auto;top:50%;margin-top: -1.5em;}
.looppic-arrow-l img,
.looppic-arrow-r img{width:100%;height: auto;}
.looppic-arrow-l{left: 0;}
.looppic-arrow-r{right: 0;}


.looppic-video,
.looppic-pic{}

/* list */
.list-outer{}
.list-nav{background-color: #482d53;}
.list-nav li{float: left;}
.list-nav a{display: block;width: 100%;color:white;text-align: center;font-weight: bold;font-size: 1.7em;
padding-top: 0.7em;padding-bottom: 0.7em;line-height: 1;}
.list-nav li.current a{background-color: #6d5775;}

.list-con{display: none;}

.list{}
.list li{overflow: auto;background-color: #e6e2e7;font-size: 1.3em;}
.list li:nth-child(even){background-color: #f2f0f3;}
.list span{float: right;padding-top: 1em;padding-bottom: 1em;width:4.5em;text-align: center;
color:#c5afa6;}
.list a{display: block;padding-top: 1em;padding-bottom: 1em;margin-right: 4.5em;overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;padding-left: 0.5em;color:#30140b;}

.more{font-size: 1.3em;background-color: #e9e3dd;text-align: center;/*border-top:1px dashed #bdbdbd;*/}
.more a{display: block;padding-top: 1em;padding-bottom: 1em;color:#c7b2a9;}

/***** secondary *****/
.secondary{background-color: #1e0902;}

/* share */
.share-outer{padding-top: 1.2em;padding-bottom: 1.2em;background-color: #29160f;}
.share-outer span{display: inline-block;padding-left: 1em;vertical-align: middle;
	font-size:1.4em;color:#9a9290;line-height:1.4em;float:left;}
.share-btn{display: inline-block;width: 2.23em;height: 2.23em;margin-left: 1em;overflow: hidden;
	text-indent: -100em;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.share-weibo{background-image: url("http://image.37wan.cn/snmst/images/wap/ico-share-weibo.png");}
.share-qqweibo{background-image: url("http://image.37wan.cn/snmst/images/wap/ico-share-qqweibo.png");}
.share-qqzone{background-image: url("http://image.37wan.cn/snmst/images/wap/ico-share-qqzone.png");}
.share-pengyou{background-image: url("http://image.37wan.cn/snmst/images/wap/ico-share-pengyou.png");}

/* btns */
.btns{padding-top: 1.5em;padding-bottom: 1.5em;}
.gift-btn{float: left;margin-left: 12.7%;}
.dld-btn-second{float: right;margin-right: 12.7%;}

/*  out links */
.ico-secondary{background-image: url("http://image.37wan.cn/snmst/images/wap/ico-channel.jpg");
	background-repeat: no-repeat;display: inline-block;width: 4.5em;height: 4.5em;
	margin-left: auto;	margin-right: auto;overflow: hidden;text-indent: -100em;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;}
.ico-weibo{background-position: 0 center;}
.ico-tieba{background-position: -10.9em center;}
.ico-qq{background-position: -21.45em center;}
.ico-weixin{background-position: -31.9em center;}

/* medialink */
.medialink-outer{margin-top: 2em;padding-bottom: 2em;}
.medialink-outer li{float: left;text-align: center;color:white;}
.medialink-outer li a{}


/* wx */
.wx{text-align: center;padding-top: 2em;color:white;}
.wx-title{font-size:2.1em;line-height: 1.5em;}
.wx-desc{font-size: 1em;line-height: 1.2em;color:#7e7183;}
.wx-desc em{padding-left: 0.5em;color:#a89013;}

/* crumb */
.crumb{padding-top:3.2em;padding-bottom: 1em;background-color: #e9e3dd;}
.crumb h1{font-size: 2.2em;line-height: 1;padding-left: 1em;color:#624d46;}
.crumb h1 span{font-size: 0.55em;color:#aa9f99;margin-left: 0.5em;}

/* art */
.art-outer{padding-left: 1em;padding-right: 1em;min-height: 400px;background-color: #e9e3dd;}
.art-outer>h1{font-size: 1.8em;line-height: 1.2em;padding-top: 1.2em;padding-bottom: 0.5em;text-align: center;color:#362c3a;}
.art-outer>p{text-align: center;border-bottom: 1px dashed #a08e89;}
.art-outer>p span{color:#8b7d91;position: relative;bottom:-0.6em;background-color: #e9e3dd;padding-left: 1em;padding-right: 1em;}
.art-content{padding-top: 1.7em;padding-bottom: 1em;font-size: 1.3em;line-height: 1.5;text-indent: 2em;color:#4c3456;}
.art-content p>img{max-width:100% !important;height:auto !important;}


#bannerCar li{float: left;position: relative;width: 100%;}
#bannerCar{clear: both;}
#bannerCar li img{text-align: center;width: 100%;display: block;}

/********** media query **********/
@media screen and (max-width: 640px){
	body{font-size:12px;}
}

@media screen and (max-width: 380px){ 
	body{font-size:8px;}
}