/* CSS Document */

/*Reset*/
*{ vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; padding:0; margin:0; border:none;}
body{ font-family:STXihei,Microsoft YaHei,SimSun,Arial; font-size:62.5%;}
ol, ul{ list-style:none;} 
img{ border:none; text-decoration:none; display:block;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:12px;}
a{text-decoration:none;} 
a img, :link img, :visited img{ border:0px;} 
.clear {clear:both;} 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}
*+html .clearfix {min-height: 1%;}
/*basic*/
.fl{ float:left;}
.fr{ float:right;}
img{ width:100%;}
/*main*/
html{ height:100%; width:100%;}
body{ position:relative; height:100%; width:100%;}
canvas{ display:block;}
.swiper-container{ width:100%; height:100%; overflow:hidden;}
.swiper-slide{ position:relative; width:100%; height:100%; overflow:hidden;
	/*display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;*/
}

/*loading*/
#loading{ background:#000; width:100%; height:100%; position:fixed; top:0; left:0; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; z-index:99;}
#loading .icon{ position:absolute; width:20%; left:40%; top:40%; -webkit-animation:shun360 2s linear infinite; animation:shun360 2s linear infinite;}
@-webkit-keyframes shun360{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes shun360{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

/*turn box*/
.turn-box{ position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(27,34,42,1); z-index:90; display:none;}
.tb-inner{ position:absolute; width:100%; height:100%; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;}
.tb-inner p{ font-size:14px; color:#fff;}
.imgtip{ display:inline-block; width:110px; height:110px; background:transparent url(../images/h2v.svg) center center no-repeat;}

/*page1*/
.page1{ background:url(http://y3.ifengimg.com/a/2015/1218/77bd88900499deesize222_w640_h1008.jpg) no-repeat center bottom #ebf1f4; background-size:100%;}
.xw_logo_c{ width:90%; position:relative; margin:40px auto 0;}
.xw_logo_c img:nth-child(1){ width:100%; transition:all 1s; transform:scale(0); -webkit-transition:all 1s; -webkit-transform:scale(0);}
.xw_logo_c img:nth-child(1).xw_logo_c_move{ transform:scale(1); -webkit-transform:scale(1);}
.xw_logo_c img:nth-child(2){ width:18%; position:absolute; top:33%; left:60%; transition:all 0.4s 0.4s; transform:scale(0) rotate(180deg); -webkit-transition:all 0.4s 0.4s; -webkit-transform:scale(0) rotate(180deg);}
.xw_logo_c img:nth-child(2).xw_logo_c_star_move{ transform:scale(1) rotate(360deg); -webkit-transform:scale(1) rotate(360deg);}
.xw_logo_e{ width:90%; position:relative; margin:10px auto 0;}
.xw_logo_e img:nth-child(1){ width:100%; transition:all 1s; transform:translateY(20px); -webkit-transition:all 1s; -webkit-transform:translateY(20px); opacity:0;}
.xw_logo_e img:nth-child(1).xw_logo_e1_move{ transform:translateY(0px); -webkit-transform:translateY(0px); opacity:1;}
.xw_logo_e img:nth-child(2){ width:100%; margin-top:2px; transition:all 1s; transform:translateY(-10px); -webkit-transition:all 1s; -webkit-transform:translateY(-10px); opacity:0;}
.xw_logo_e img:nth-child(2).xw_logo_e2_move{ transform:translateY(0px); -webkit-transform:translateY(0px); opacity:1;}
.xw_sign1{ width:36%; margin:20px auto 0;}
.scrolltop{ width:20%; position:absolute; left:40%; bottom:20px; animation:scroll_btn 1s infinite 1s; -webkit-animation:scroll_btn 1s infinite 1s;}
@keyframes scroll_btn{
	0%{ transform:translateY(10px); opacity:1;}
	100%{ transform:translateY(-10px); opacity:0;}
}
@-webkit-keyframes scroll_btn{
	0%{ -webkit-transform:translateY(10px); opacity:1;}
	100%{ -webkit-transform:translateY(-10px); opacity:0;}
}

/*page2*/
.page2{ background:url(http://y3.ifengimg.com/a/2015/1218/824a8dc1631b380size339_w640_h1009.jpg) no-repeat center bottom #243543; background-size:100% 100%;}
.page2 h3{ font-size:20px; color:#f34246; font-weight:bold; margin:30px 0 0 20px;}
.page2 h4{ font-size:16px; color:#5d8aa8; font-weight:normal; margin:0px 0 0 22px;}
.page2 h1{ font-size:25px; color:#fff; font-weight:bold; margin:5px 0 0 20px;}
.page2_more{ font-size:19px; color:#fff; font-weight:bold; width:110px; height:32px; border:1.5px solid #f34246; border-radius:50px; text-align:center; line-height:32px; margin:20px 0 0 200px;}
.page2_xdd img{ position:absolute; top:30px!important; left:-30px!important;}

/*page3*/
.page3{ background:#f6f6f6; overflow-y:scroll;}
.page3_tit{ width:100%; position:relative;}
.page3_tit h3{ font-family:Microsoft YaHei; font-size:20px; color:#2b2b2b; text-shadow:1px 1px 1px #FFF; position:absolute; top:46px; left:42%;}
.page3_tit p{ color:#c5af64; font-size:11px; font-family:Times New Roman; margin-top:6px; text-shadow:1px 1px 1px #FFF; position:absolute; top:70px; left:42%;}
.page3_con{ padding:10px 20px 40px;}
.page3_box{ background:#fff; width:49%; margin:10px 0.5% 0; float:left;}
.page3_txt{ padding:10px;}
.page3_txt p{ font-size:13px; color:#ADADAD;}
.page3_txt p span{ font-size:13px; color:#fff; background:#F44343; padding:0 6px; height:20px; display:inline-block; line-height:20px; text-align:center; margin-right:10px;}
.page3_txt h3{ font-size:15px; color:#000; line-height:20px; margin-top:4px; height:40px;}/*151221a*/
.page3 .scrolltop,.page4 .scrolltop{ position:inherit;}

/*page4*/
.page4{ background:#f6f6f6; overflow-y:scroll;}
.page4_con{ padding:20px 20px 40px;}
.page4_box{ background:#fff; margin-bottom:4px;}
.page4_box img{ float:left; margin-right:10px; width:44%;}
.page4_txt{ padding:10px;}
.page4_txt h3{ font-size:15px; color:#000; line-height:20px; margin-bottom:6px;}
.page4_txt p{ font-size:12px; color:#626262; line-height:18px;}

/*page5*/
.page5{ background:url(http://y3.ifengimg.com/a/2015/1218/d0d1b65df4721e7size72_w640_h1015.jpg) no-repeat center bottom #fff; background-size:100%;}
.page5 h3{ font-size:20px; color:#2b2b2b; font-weight:bold; margin:20px 0 0 20px;}
.page5 h4{ font-size:16px; color:#a0a0a0; font-weight:normal; margin:0px 0 0 22px;}
.page5 h2{ font-size:25px; color:#2b2b2b; font-weight:bold; margin:15px 0 0 20px;}
.page5_more{ font-size:19px; color:#2b2b2b; font-weight:bold; width:110px; height:32px; border:1.5px solid #2b2b2b; border-radius:50px; text-align:center; line-height:32px; margin:8px 0 0 20px;}
.page5_xdd{ width:90%; margin-left:10%;}
.page5_xdd img{ position:absolute; top:60px!important; left:auto!important; right:-20px!important;}

/*page6*/
.xw_foot_logo{ width:60%; margin:40px auto 0;}
.xw_foot_sign{ width:20%; margin:20px auto 40px;}
.xw_foot_intro{ font-size:12px; color:#626262; line-height:18px; text-align:center;}
.xw_foot_more{ font-size:15px; color:#fff; width:150px; height:43px; text-align:center; line-height:43px; background:#7995B7; margin:50px auto 0px;}
.xw_foot_share{ font-size:15px; color:#fff; width:150px; height:43px; text-align:center; line-height:43px; background:#3BA636; margin:10px auto 0px;}

/*xw_main*/
.xw_main{ width:100%; height:100%; background:#fff; position:fixed; top:0px; left:0px; z-index:999; overflow:scroll; display:none;}

.xw_con{ padding-top:90px; display:none;}
.xw_con_tit{ width:90%; padding:20px 5% 10px; border-bottom:1px solid #e1e1e1; position:fixed; top:0px; left:0px; background:#fff;}
.xw_con_tit p{ font-size:15px; color:#FFF; height:23px; line-height:23px; background:#ec3f43; text-align:center; padding:0 5px; display:inline-block;}/*151221a*/
.xw_con_tit h2{ font-size:25px; color:#2b2b2b; font-weight:bold; margin-top:4px;}
.close_btn{ width:23px; position:absolute; top:10px; right:10px;}

.xw_con_box{}
.xw_con_box p{ width:90%; margin:0 auto; font-size:14px; color:#626262; line-height:25px; margin-bottom:20px;}
.xw_con_box p span{ font-size:15px; color:#bfbfbf;}
.xw_con_box p.xw_con_author{ margin:10px auto;}
.xw_con_box p.xw_con_author span:nth-child(1){ float:left;}
.xw_con_box p.xw_con_author span:nth-child(2){ float:right;}
.xw_con_box p.xw_con_pictxt{ margin:5px auto;}
.xw_con_box img{ margin-top:-10px;}
.xw_con_box b{ font-weight:bold;}

.xw_con_foot{ position:relative;}
.xw_con_foot_share{ position:absolute; bottom:0px; right:0px; width:48%; height:76%;}
.xw_con_foot_share a{ float:right; width:33%; height:100%; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;}
.xw_con_foot_share a img{ width:60%;}
.xw_con_foot_share a.js_cmtUrl{ display:block; float:right; width:33%; height:100%; text-align:center;}
.xw_con_foot_share a.js_cmtUrl img{ width:50%; margin:8px auto 0;}
.xw_con_foot_share a.js_cmtUrl p{ color:#333; text-align:center;}


.shareshow{ width:100%; height:100%; background:url(http://y3.ifengimg.com/a/2015/1218/de75be909d2e02asize11_w640_h550.png) no-repeat rgba(0,0,0,0.8); background-size:100%; position:fixed; top:0px; left:0px; display:none; z-index:99999;}