﻿@charset "utf-8";
/* CSS Document */

/*html,body,div,ul,li,input,textarea,p,dl,dt,dd{margin:0;padding:0}
img{border:0}ul{list-style-type:none}
input:focus,textarea:focus{outline:none}
header,nav,section,article,footer{padding:0;margin:0;display:block; }
input,textarea,select{font-family:inherit;font-weight:inherit}
table{ border-collapse:collapse}
html{font-size:62.5%;}*/
html,body,div,ul,li,input,textarea,p,dl,dt,dd{margin:0;padding:0}
img{border:0}ul{list-style-type:none}
input:focus,textarea:focus{outline:none}
header,nav,section,article,footer{padding:0;margin:0;display:block; }
input,textarea,select{font-family:inherit;font-weight:inherit}
table{ border-collapse:collapse}
html{font-size:62.5%;}


a{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; }
a:link,a:visited,a:active{text-decoration:none;color:#494949}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:'.'; :}
.clearfix{zoom:1;}


body{font-family:'Microsoft Yahei'; background:#fffff;margin:0 auto}

.warp {height:auto;overflow:hidden;background:#FFF;max-width:640px;min-width:320px; _width:640px;margin:0 auto; position:relative;}
.banner {width: 100%; height:40px;border-bottom:1px #dbdbdb solid; }
.bannerlogo { width:84px; display:block;margin-left:15px; margin-top:15px;background-size:100% auto;}
.bannerlogo img {width:84px; height:23px;}

.title { position: relative; padding: 15px 15px; height: 100%; overflow: hidden; }
.title_logo{ width:85px; display:block; float:left; margin-right:15px;background-size:100% auto;}
.title_logo img {width:85px; height:85px;}

.title_txt { height: 100%; display:block;  height:80px;}
.title_txt li { display: block; font-size: 1.2rem;font-size: 14px\9; color: #555555; margin-top:5px;}
.title_txt li em {font-size: 1.5rem;font-size: 18px\9; color: #333333; font-style:normal; font-weight:bold;}
.title_txt b { font-weight: normal;margin-left:5px; padding: 0 2px; font-size: 1rem; border:1px solid #555555;text-align: center; }
.title_txt a { position: absolute; left: 74%; bottom: 1.8rem; font-size: 1.2rem; display: block; width: 22%; text-align: center; line-height: 2.6rem; height:2.6rem; background: #e13b29; color: #fff; border-radius: 3px;display: inline-block; text-decoration:none;border:1px solid #e13b29; }
.title_txt a:hover{ background:#FFF; color:#e13b29;}
.title_txt .tip-alert{color:#e13b29;  }

.change { width:100%; height:100%;border-bottom:1px #dbdbdb solid;background-size:100% auto;margin:0 auto; padding-bottom:15px; text-align:center;}
.change ul {  width:266px; height:26px; margin:0 auto; border-radius:4px;border:1px solid #848484; }
.change li {display:inline-block;height:100%; width:88px;font-size: 1.2rem;font-size: 12px\9; line-height:26px;line-height:26px\9; float:left; }
.change li.page-1,.change li.page-2{ border-right:1px #8a8a8a solid;}
.change li a{ display:block; height:100%; color:#848484; text-decoration:none;}
.change li.onfoucs a {background:#8a8a8a;color: #ffffff;}

.recommend { width:100%; height:100%;border-bottom:1px #dbdbdb solid;background-size:100% auto;margin:0 auto; padding:15px 0px 15px 0px;}
.recommend_bt {font-size: 1.5rem;font-size: 18px\9; font-weight:bold; line-height:1.5rem; color:#333333; padding-bottom:15px;margin:0px 1rem;}
.recommend_zw {font-size: 1.2rem; line-height:1.6rem;font-size: 14px\9;  line-height:24px\9; color:#555555; margin:0px 1rem;padding-bottom:15px;}
.recommend_zw .more{color:#e13b29; margin-left:10px;}
.recommend_logo { background-size:100% auto; margin:0 auto; margin-bottom:15px; display:block; width:155px;}
.recommend_logo img { width:155px; height:155px;}
.recommend p {font-size: 1rem;font-size: 12px\9; line-height:1rem; color:#555555; text-align:center; padding-bottom:15px;}
.recommend .time {font-size: 1.2rem;font-size: 14px\9; line-height:1.2rem; color:#555555;text-decoration:none;padding-bottom:15px;  margin:0px 1rem;}
.recommend .detail-btn {top:1rem;}
.footer {font-size: 1rem;font-size: 12px\9; line-height:1rem; color:#8a8a8a; padding-top:50px; text-align:center; }

.recommend_table {  margin:0px 1rem;}
.recommend_table th {font-size: 1.2rem;font-size: 12px\9; line-height:1.4rem; color:#bfbfbf; padding-right:15px; text-align:right; width:15%; vertical-align:top;}
.recommend_table td {font-size: 1.2rem;font-size: 12px\9; line-height:1.4rem; color:#333; padding-bottom:15px; padding-right:15px;}

#page-one,#page-two{ position:relative;}
.detail-btn{position: absolute; left: 74%; top:1.2rem;font-size: 1.2rem; display: block; width: 22%; text-align: center; line-height: 2.1rem; height:2.1rem;font-size: 12px\9; border:1px solid #1782ce;color:#1782ce !important; border-radius: 3px;display: inline-block; text-decoration:none;}
.detail-btn:hover{ background:#1782ce; color:#FFF !important;}

.recommend_imgs{ width:100%; overflow-x:scroll; overflow-y:hidden; padding-bottom:1.5rem;*height:325px; white-space:nowrap;}
.recommend_imgs ul{ *width:200%;}
.recommend_imgs li { display:inline-block;*float:left; margin-left:1rem; margin-right:10px; margin:10px 15px 30px 10px;}
.recommend_imgs li img{ width:24.5rem; height:43.5rem;  width:200px\9; height:325px\9;}


/*微信端提示*/
/* 引导 */
.Guide{ width:100%; background:#000; position:fixed; left:0; top:0; height:100%;  filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6;    }
.Guide .img{ position:absolute; top:10px; right:10px;  width:295px; height:225px; background:url(/style/img_guide_weixin.png) no-repeat 0px 0px; background-size:100%;}


/*下载提示弹框*/
.down-alert{ width:600px; padding:50px 20px 30px; border:1px #ccc solid; border-radius:10px; position:absolute; top:40%; left:50%; margin-left:-320px; margin-top:-150px; text-align:center; background:#fff; box-shadow:0px 0px 5px #333;}
.down-alert p{ font-familiy:'Microsoft Yahei'; font-size:16px; line-height:30px; padding-bottom:15px; color:#555; }
.down-alert a { display:block; height:40px;font-size:16px; font-weight:bold; line-height:40px;background:#e13b29; color:#FFF;  width:135px; margin:0px auto; border-radius:5px;}
.down-alert .android { border:1px #e13b29 solid;}
.down-alert a:hover{ color:#e13b29; background:#fff;}
.down-alert .fl{ width:40%; float:left; display:inline;}
.down-alert .fr{ width:59%; float:right; display:inline; border-left:1px #ddd dotted;}
.down-alert .close-btn{ width:35px; height:35px;color:#808080; background:#FFF; font-size:20px; font-weight:normal; position:absolute; right:15px; top:15px; border:1px #ddd solid;}
.down-alert .close-btn:hover{ background:#EEE; color:#555;}

/*强调样式*/
.stress{/* border:1px #fdc276 solid;box-sizing:border-box;*/ border-radius:10px;  background-color:#fef5e2; margin-top:-5px; position:relative; padding-bottom:5px;}
.stress .recommend_bt{ color:#e13b29; }