@charset "UTF-8";

/**
 * page.css
 */

/* main */

.main,
.sec { width: 100%; }

/* sec-visual */
.sec-visual { position: relative; }
.sec-visual .btnPlay { display: block; position: absolute; z-index:1000; width: 14.375%; height: 0; top: 26.25133%; left: 36.03125%; padding-top: 14.375%; }
.sec-visual .btnPlay.btnPlay2{ display: block; position: absolute; z-index:1000; width: 14.375%; height: 0; top: 66.25133%; left: 27.03125%; padding-top: 14.375%; }
.sec-visual .btnList { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 50 }
.sec-visual .btnList .btnWrap { padding-top: 15%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: 0; margin: 0 auto; background: url(../images/top_btns.png) no-repeat 0 0; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.sec-visual .btnList .btnWrap a { display: block; position: absolute; top: 1.4rem; height:3rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.sec-visual .btnList .btnWrap a:link,
.sec-visual .btnList .btnWrap a:visited { color: #fff; }
.sec-visual .btnList .btnWrap .btn_download { left: 15.6%; width: 34.8%; }
.sec-visual .btnList .btnWrap .btn_activecode { left: 39.2%; width: 24%; }
.sec-visual .btnList .btnWrap .btn_gift { left: 50.2%; width: 33.8%; }

/* sec-features */
.features-top { position: relative; border-top: 1px solid #fdfdfd; border-bottom: 1px solid #fdfdfd; box-shadow: 0 0 2px rgba(242, 242, 242, 0.8) inset; background-color: #f2f2f2; overflow: visible; z-index: 1; }
.features-top:before,
.features-top:after { position: absolute; width: 100%; height: 100%; content: " "; }
.features-top:before { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; left: 0; top: -1px; }
.features-top:after { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding: 1px 0; left: 0; top: -2px; }
.features-top li { position: relative; float: left; width: 20%; height: 3.9rem; font-size: 1.5rem; line-height: 3.9rem; color: #4485b5; text-align: center; z-index: 2; background: url(../images/line.png) no-repeat 100% 2%; -webkit-background-size: 2px 93%; background-size: 2px 93%; }
.features-top li:last-child { background-image: none; }
.features-top li.on { color: #fff; }
.features-top li.on:before { position: absolute; content: " "; width: 97%; height: 4.8rem; background: url(../images/tab_on_blue.png) no-repeat 0 0; -webkit-background-size: 100% 4.8rem; background-size: 100% 4.8rem; z-index: -1; left: 1.5%; top: -2px; }
.features-top li:first-child:before { left: 0; }
.features-top li:last-child:before { left: auto; right: 0; }
.features-main { z-index: 0; }
.features-main .pannel { width: 100%; }

/* .sec-btns .btns */
.sec-btns { margin-top: 1.5rem;}
.sec-btns .btns{ width: 100%;}
.sec-btns .btns li { float: left; width: 33.3333333333333333%; height: 5.1rem; border: 0.1rem solid #3f71a1; background: url(../images/btn_bg.png) repeat-x left top; -webkit-background-size: auto 100%; background-size: auto 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sec-btns .btns li a { position: relative; display: block; height: 4.9rem; padding: 0.15rem; border: 0.1rem solid rgba(254, 254, 254, 0.5); font-size: 1.3rem; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; color: #fff; }
.sec-btns .btns li a:visited { color: #fff; }
.sec-btns .btns li a span { display: block; position: relative; height: 4.45rem; margin: 0 0.45rem; background: url(../images/kuang_tb.png) repeat-x 0 0; -webkit-background-size: 50% 100%; background-size: 50% 100%; line-height: 4.43rem; }
.sec-btns .btns li a span:before { position: absolute; left: -0.44rem; top: 0; content: " "; width: 0.45rem; height: 100%; background: url(../images/kuang.png) no-repeat 0 0; -webkit-background-size: 0.9rem 100%; background-size: 0.9rem 100%; z-index: -1; }
.sec-btns .btns li a span:after { position: absolute; right: -0.44rem; top: 0; content: " "; width: 0.45rem; height: 100%; background: url(../images/kuang.png) no-repeat right 0; -webkit-background-size: 0.9rem 100%; background-size: 0.9rem 100%; z-index: -1; }

/* sec-recommend */
.sec-recommend .inner { width: 96.25%; max-width: 616px; margin: 0 auto 0.75rem; overflow: hidden; }
.sec-recommend h2 { margin: 1rem 0 0.75rem; text-align: center; }
.sec-recommend h2 img { width: 70.625%; max-width: 452px; }
.sec-recommend .swiper-pagination { bottom: 1rem; }
.sec-recommend .swiper-pagination-bullet { width: 1rem; height: 1rem; margin: 0 0.6rem; border: 0.2rem solid #fff; display: inline-block; border-radius: 100%; background: #fff; opacity: 1; }
.sec-recommend .swiper-pagination-bullet-active { background-color: #0a6acb; }

/* sec-info */
.sec-info,
.sec-helps,
.sec-guide,
.sec-videos { margin-bottom: 1.5rem; }
.tab { position: relative; }
.tab_pannels .pannel { display: none; }
.tab_pannels .pannel.active { display: block; }
.tab-format02 .tab_title { position: relative; width: 100%; border-top: 0.1rem solid #58abce; margin-top: 0.1rem; padding-bottom: 0.1rem; background: url(../images/topbar_line.png) no-repeat center bottom; -webkit-background-size: 80% 0.1rem; background-size: 80% 0.1rem; z-index: 1; overflow: hidden;}
.tab-format02 .tab_title:before { position: absolute; content: " "; left: 0; top: -2px; width: 100%; height: 100%; padding-bottom: 0.2rem; background-color: #4485b5; z-index: -1; }
.tab-format02 .tab_title.layer:after { position: absolute; content: " "; width: 6.2rem; height: 100%; right: 4rem; top: -1px; background: linear-gradient(right, rgba(68, 133, 181, 1) 0%, rgba(68, 133, 181, 0) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(68, 133, 181, 1)), to(rgba(68, 133, 181, 0))); background: -webkit-linear-gradient(right, rgba(68, 133, 181, 1) 0%, rgba(68, 133, 181, 0) 100%); z-index: 1; }
.tab .swiper-container { margin-right: 5rem; padding-right: 3rem; }
.tab-format02 .tab_title ul { padding-left: 0.75rem; height: 3.9rem; }
.tab-format02 .tab_title li { float: left; width: 8rem; height: 3.45rem; border-bottom: 0.35rem solid transparent; font-size: 1.6rem; line-height: 3.7rem; color: #fff; text-align: center; cursor: pointer; overflow: hidden; }
.tab-format02 .tab_title li.on { color: #fffcd8; border-bottom-color: #fff; }
.tab-format02 .tab_title .btnMore { position: absolute; right: 0; top: -0.1rem; height:100% ;/*4.2rem*/ width: 4.5rem; border-left: 1px solid rgba(255, 255, 255, 0.5); background: url(../images/dot.png) no-repeat 50% 50% #20559a; -webkit-background-size: 2.3rem 0.6rem; background-size: 2.3rem 0.6rem; z-index: 5; }
.tab-format02 .tab_title .btnBack { position: absolute; right: 0; top: -1px; height: 100%; width: 6.5rem; border-left: 0.1rem solid rgba(255, 255, 255, 0.5); color: #fff; font-size: 1.2rem; line-height: 3.8rem; text-align: center; background-color: #244096; z-index: 5; }
.tab-format02 .infoList { position: relative; }
.tab-format02 .infoList li:nth-child(odd) { background-color: #f2f2f2; }
.tab-format02 .infoList li:nth-child(even) { background-color: #fff; }
.tab-format02 .infoList li { position: relative; }
.tab-format02 .infoList li a { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.2rem 5rem 1.2rem 1rem; color: #4485b5; font-size: 1.4rem; line-height: 1.2em; overflow: hidden; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden;}
.tab-format02 .infoList li em { font-weight: normal; }
.tab-format02 .infoList li time,
.tab-format02 .infoList li .time { position: absolute; width: 3.8rem; right: 0.5rem; top: 1.1rem;  font-size: 12px;}
.sec-info .tab-format02 .tab_title li { width: 4.8rem; }

/* sec-guide */

/*.sec-guide {
	margin-bottom: 1rem;
}*/

.sec-guide .tab { background-color: #97c0d6; }
.sec-guide .tab .pannelContainer { margin-bottom: 1.5rem; padding-bottom: 1rem; background-color: #fff; overflow: hidden; }
.sec-guide .tab .pannelContainer.load { margin-bottom: 0; }
.sec-guide .tab .tab_pannels { padding: 1.5rem 1rem 0 1rem; height: 6.8rem; background-color: #fff; overflow: hidden; }
.sec-guide .tab .pannel { position: relative; }
.sec-guide .linkList li { float: left; margin-bottom: 2rem; height: 1.5rem; font-size: 1.1rem; color: #85b5cf; line-height: 1.5rem; }
.sec-guide .linkList:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.sec-guide .linkList li a { display: inline-block; padding: 0 1.2rem; font-size: 1.2rem; line-height: 1.2; color: #85b5cf; }
.sec-guide .moreBar { position: absolute; width: 100%; bottom: -1.2rem; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sec-guide .moreBar:before,
.sec-guide .moreBar:after { position: absolute; content: " "; width: 50%; height: 1px; top: 50%; margin-top: -2px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #5b94be; }
.sec-guide .moreBar:before { margin-left: -2.8rem; left: 0; }
.sec-guide .moreBar:after { margin-right: -2.8rem; right: 0; }
.sec-guide .moreBar .btnMore { position: relative; display: block; width: 5.5rem; height: 2.50556rem; margin: 0 auto; background: url(../images/btn_more.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.sec-guide .moreBar .btnMore.up { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.sec-guide .moreBar .btnMore:before,
.sec-guide .moreBar .btnMore:after { display: block; position: absolute; content: " "; width: 0.6rem; height: 0.3rem; top: 50%; margin-top: -3px; background: url(../images/line_s.png) no-repeat 0 0; -webkit-background-size: 0.6rem auto; background-size: 0.6rem auto; }
.sec-guide .moreBar .btnMore:before { left: -1.1rem; }
.sec-guide .moreBar .btnMore:after { right: -1.1rem; }

/* ec-videos sec-captures */
.sec-videos .tab .tab_pannels,
.sec-captures .tab .tab_pannels { background-color: #f0f0f0; }
.sec-videos .tab .pannel,
.sec-captures .tab .pannel { width: 100%; max-width: 640px; margin: 0 auto; padding: 0.5rem 0; }
.imageList,
.videoList { width: 90%; margin: 0 auto; }
.imageList:after,
.videoList:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.videoList li .play_btn{ width: 4.6rem; height: 4.6rem; background: url(../images/video_ico.png) left top no-repeat; position: absolute; left: 50%; top: 50%; margin: -2.2rem 0 0 -2.2rem;}
.videoList li,
.imageList li { position: relative; float: left; width: 47.2222%; margin-right: 5.5555%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; cursor: pointer; }
.videoList li:nth-child(2n),
.imageList li:nth-child(2n) { margin-right: 0; }
.videoList li .intro,
.imageList li .intro { position: absolute; width: 200%; padding: 0.6rem; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.6); font-size: 2.4rem; color: #fff; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; text-align: left; }

/* popup */
.mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 1001; display: none; }
.pop-video .popInner,
.pop-capture .popInner { position: relative; width: 100%; left: 0; top: 50%; }
.pop-video video,
.pop-capture img { width: 100%; }
.pop-capture p{ color: #fff; text-align: center; line-height: 4rem;}
/* subpages common */
.backBar { height: 3.8rem; border-top: 1px solid #162177; background-color: #4770b0; -webkit-box-shadow: 0 1px 1px #8594af; box-shadow: 0 1px 1px #8594af; }
.backBar .btnBack { display: block; width: 7rem; height: 3.8rem; border-right: 1px solid #6a90c4; color: #fff; font-size: 1.2rem; line-height: 3.8rem; text-align: center; background-color: #244096; box-shadow: 1px 0 1px #3a60a2; }
.main .mainContainer { padding: 0.5rem 1rem 1.5rem; background: url(../images/news_bg.jpg) no-repeat center 0 #97c0d6; -webkit-background-size: 100% auto; background-size: 100% auto; }
.main .main_ttl { padding: 1.2rem 1rem; border: 1px solid #c4c4c4; background-color: #e4e4e4; box-shadow: 0 -2px 2px #d2d2d2 inset; text-align: center; font-size: 1.4rem; line-height: 1.2; color: #4485b5; }
.main .main_content { padding: 1rem 2rem; background-color: #fff; color: #949494; }
.page .tab-format02 .tab_title { margin-top: 0; border-top-color: #5888ce; }
.page .tab-format02 .tab_title:before { background-color: #446ab5; }
.page .tab-format02 .tab_title.layer:after { width: 3rem; right: 6.5rem; background: -webkit-linear-gradient(right, #446ab5 0%, transparent 100%); background: -webkit-gradient(linear, right top, left top, from(rgba(68, 106, 181, 1)), to(rgba(68, 106, 181, 0))); background: linear-gradient(right, #446ab5 0%, transparent 100%); }
.page .tab .swiper-container { margin-right: 7rem; }

/* newsdetail.html */
.news .main_content .time { margin-bottom: 0.5rem; font-size: 1.1rem; text-align: center; }
.news .newsArea .defBlock { margin-bottom: 1.5rem; }
.news .newsArea p { font-size: 1.25rem; line-height: 2; }
.news .newsArea .img { text-align: center; }
.news .newsArea img { width: 100%;}

/* capture.html */
.main-capture .main_content,
.main-videos .main_content { background-color: #dfedfa; }
.main-capture .mainContainer,
.main-videos .mainContainer { padding-top: 0; padding-bottom: 0; }
.main-capture .tab-format02 .tab_title:before,
.main-newslist .tab-format02 .tab_title:before { background-color: #446ab5; }
.main-capture .imageList li,
.main-videos .videoList li { margin-bottom: 1.25rem; }
.main-capture .imageList li:nth-child(2n),
.main-videos .videoList li:nth-child(2n) { margin-right: 0; }
.main-capture .imageList li:nth-child(n+11),
.main-videos .videoList li:nth-child(n+11) { display: none; }
.main-capture .imageList .intro,
.main-videos .videoList .intro { text-align: center; }
.main-capture .main_content,
.main-videos .main_content { padding-left: 0; padding-right: 0; }
.main-capture .imageList li { border: 0; }
.btnLoad { display: block; width: 8.5rem; height: 2.9rem; margin: 0 auto 0.5rem; border: 1px solid #84afcf; border-radius: 3px; -webkit-box-shadow: 0 0 1px #fff inset; box-shadow: 0 0 1px #fff inset; background: -webkit-linear-gradient(top, #f7f9fc 0%, #e4e4e4 100%); background: -webkit-gradient(linear, left top, left bottom, from(#f7f9fc), to(#e4e4e4)); background: linear-gradient(top, #f7f9fc 0%, #e4e4e4 100%); font-size: 1.2rem; color: #838383; line-height: 2.9rem; text-align: center; -webkit-text-shadow: 0 0 2px #fff; text-shadow: 0 0 2px #fff; }
.btnLoad:link,
.btnLoad:active { color: #838383; }

/* newslist.html */
.main-newslist .tab_pannels { background-color: #f2f2f2; overflow: hidden; }
.main-newslist .infoList li { width: 100%; overflow: hidden; }
.main-newslist .btnLoad { margin: 0.3rem auto; }

/* simulator.html */
.main-simulator .main_ttl { font-size: 1.5rem; color: #4b6a7b; }
.main-simulator .main_content { padding-top: 2rem; padding-bottom: 2rem; }
.simulatorArea { margin: 0 auto; padding: 3.3783%; border-radius: 5px; background-color: #7dadc9; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 2px rgba(255, 255, 255, 0.5) inset; color: #506b8a; }
.simulatorArea .simTop { padding: 10px 0; margin-bottom: 10px; background-color: #f4f4f4; }
.simulatorArea .fill { display: table; width: 100%; font-size: 1.3rem; }
.simulatorArea .fill label { display: table-cell; width: 19.8%; padding-left: 4.950495%; vertical-align: middle; }
.simulatorArea .errorMsg { margin-top: 5px; padding: 2px 0; text-align: center; background-color: #faf4dc; color: #f60e0e; font-size: 1rem; }
.simulatorArea .fill .iptArea,
.simulatorArea .fill .btnArea { display: table-cell; vertical-align: middle; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*.simulatorArea .fill .iptArea{
	width: 55.4455%;
}*/
.simulatorArea .fill .iptArea { width: 51.98%; }
.simulatorArea .fill .iptTxt { padding: 5px 5px; border: 1px solid #9a9a9a; border-radius: 1px; font-size: 1.1rem; line-height: 1.1em; -webkit-box-sizing: border-box; box-sizing: border-box; }
.simulatorArea .simTop .iptTxt { width: 50%; }
.simulatorArea .simTop .select { width: 40%; padding: 0.15rem; border: 1px solid #9a9a9a; border-radius: 1px; line-height: 1.1; }
.simulatorArea .simTop .btnArea {    /*text-align: center;*/ }
.simulatorArea .simTop .btnCommit { display: inline-block; padding: 5px 10px; border: 1px solid #90afc9; border-radius: 3px; color: #4b6a7b; font-size: 1.1rem; line-height: 1.1em; -webkit-box-shadow: 0 0 1px #fff inset; box-shadow: 0 0 1px #fff inset; background: -webkit-linear-gradient(top, #f3f6fa 0%, #c7e3f0 100%); background: -webkit-gradient(linear, left top, left bottom, from(#f3f6fa), to(#c7e3f0)); background: linear-gradient(top, #f3f6fa 0%, #c7e3f0 100%); }
.simPannel .item { margin-bottom: 10px; background-color: #eee; border: 1px solid #5a799f; -webkit-box-shadow: 0 0 2px #fff inset; box-shadow: 0 0 1px #fff inset; }
.simPannel h5 { padding: 10px; background-color: #b6daec; text-align: center; font-size: 1.3rem; color: #4d7bae; }
.simPannel .itemCont { background-color: #eee; }
.simPannel .itemCont .fill { margin-top: 10px; }
.simPannel .itemCont .iptArea { width: 50%; max-width: 202px; }
.simPannel .itemCont .iptArea .iptTxt { width: 100%; }
.simPannel .itemCont .btnArea { width: 33.1683%; padding-left: 0; }
.simPannel .fill .plus,
.simPannel .fill .minus { float: left; margin-left: 10px; width: 22.388%; max-width: 30px; }
.simPannel .fill .minus { margin-left: 15px; }
.reminder { padding: 5px 0 10px; padding-left: 4.950495%; font-size: 1.4rem; }
.reminder .num { margin-left: 5px; font-size: 1.2rem; font-weight: bold; }
.simBtns { margin-bottom: 10px; text-align: center; }
.simulatorArea .errorMsg + .simBtns { margin-top: 10px; }
.simBtns a { display: inline-block; padding: 10px 0 8px; width: 40%; margin-left: 10px; border-radius: 4px; font-size: 1.4rem; }
.simBtns a:nth-child(1) { margin-left: 0; }
.simBtns .btnCal { border: 1px solid #406e8f; background-color: #406e8f; -webkit-box-shadow: 0 0 2px #b6daec inset; box-shadow: 0 0 2px #b6daec inset; color: #fff; }
.simBtns .btnReset { border: 1px solid #e5e5e5; background-color: #e5e5e5; -webkit-box-shadow: 0 0 2px #efefef inset; box-shadow: 0 0 2px #efefef inset; color: #5386a5; }
.simResult { padding: 15px 11.88%; background-color: #eee; }
.simResult:after,
.simResult li dl:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.simResult li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 42%; margin-bottom: 10px; font-size: 1.3rem; color: #1c6f91; }
.simResult li:nth-child(even) { float: right; }
.simResult li dl dt,
.simResult li dl dd { float: left; }
.simResult li dl dt { margin-right: 10px; }

/* resource.html */
.main-resource .main_content { background-color: #f8f8f8; }
.pageAnchors { position: relative; width: 100%; border-top: 0.1rem solid #5888ce; padding-bottom: 0.1rem; background: url(../images/topbar_line.png) no-repeat center bottom; -webkit-background-size: 80% 0.1rem; background-size: 80% 0.1rem; }
.pageAnchors:before { position: absolute; content: " "; left: 0; top: -2px; width: 100%; height: 100%; padding-bottom: 0.2rem; border-top: 1px solid #153785; background-color: #446ab5; z-index: -1; }
.pageAnchors.layer:after { position: absolute; content: " "; width: 6.5rem; height: 100%; top: 0; right: 6.2rem; background: -webkit-gradient(linear, left top, left bottom, from(#f3f6fa), to(#c7e3f0)); background: -webkit-gradient(linear, right top, left top, from(rgba(68, 106, 210, 1)), to(rgba(255, 255, 181, 0))); background: -webkit-linear-gradient(right, rgba(68, 106, 210, 1) 0%, rgba(68, 106, 181, 0) 100%); background: linear-gradient(right, rgba(68, 106, 210, 1) 0%, rgba(68, 106, 181, 0) 100%); z-index: 1; }
.pageAnchors .swiper-container { margin-right: 7rem; padding-right: 5rem; }
.pageAnchors ul { padding-left: 0.75rem; height: 3.9rem; }
.pageAnchors ul li { float: left; width: 7.2rem; height: 3.9rem; overflow: hidden; }
.pageAnchors ul li a,
.pageAnchors ul li:visited { display: block; font-size: 1.4rem; line-height: 3.9rem; color: #fff; text-align: center; cursor: pointer; }
.pageAnchors .btnBack { position: absolute; right: 0; top: -1px; height: 4.1rem; width: 6.5rem; border-left: 0.1rem solid rgba(255, 255, 255, 0.5); color: #fff; font-size: 1.2rem; line-height: 3.8rem; text-align: center; background-color: #244096; z-index: 5; }
.main-resource .main_ttl { font-size: 1.5rem; }
.main-resource .intro_ttl { position: relative; margin-bottom: 1.5rem; height: 1.4rem; z-index: 0; }
.main-resource .intro_ttl:after { position: absolute; content: " "; width: 100%; height: 0.1rem; left: 0; top: 0.76rem; background: url(../images/line2.png) repeat-x 0 0; -webkit-background-size: auto 100%; background-size: auto 100%; z-index: -1; }
.main-resource .intro_ttl span { position: relative; display: inline-block; height: 1.4rem; padding-right: 1.5rem; background-color: #f8f8f8; color: #838891; font-size: 1.4rem; line-height: 1.4rem; }
.main-resource .intro_ttl span:after { position: absolute; content: " "; right: 0; top: 0.15rem; width: 0.9rem; height: 1.1rem; background: url(../images/dec_img1.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto; }
.main-resource .intro_list dt { margin-bottom: 1rem; width: 5.4rem; border-radius: 3px; border: 0.1rem solid #062387; box-shadow: 0 1px 1px #21559c; }
.main-resource .intro_list dt span { display: block; padding: 3px 0 2px; border: 0.1rem solid #358de5; background-color: #2c60a3; font-size: 1rem; color: #deecf6; line-height: 1.2; text-align: center; }
.main-resource .intro_list dd { margin-bottom: 1.5rem; font-size: 1.2rem; color: #838891; }
.main-resource .intro_list dd li { float: left; margin-bottom: 1rem; }
.main-resource .intro_list dd a { line-height: 1.1; color: #838891; }

/* resourcedetail.html */
.breadBar { display: table; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 1.8rem; padding: 1rem 0 1rem 2.2rem; border-bottom: 1px solid #131e80; background: url(../images/dec_img2.png) no-repeat 0.6rem center #4469b5; -webkit-background-size: 1.1rem 1.7rem; background-size: 1.1rem 1.7rem; color: #fffcd8; font-size: 1.3rem; line-height: 1.8rem; }
.breadBar a,
.breadBar a:visited { color: #fffcd8; }
.main-resdetail .tab-format02 .tab_title.layer:after { right: 0; }
.main-resdetail .tab .swiper-container { margin-right: 1rem; }
.main-resdetail .tab-format02 .tab_title:after { width: 4rem; }
.main-resdetail .tab_pannels { background-color: #fff; }
.main-resdetail .subTab_title { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.6rem 1rem; border-bottom: 1px solid #fff; -webkit-box-shadow: 0 1px 1px #e3e3e3; box-shadow: 0 1px 1px #e3e3e3; background-color: #f6f6f6; }
.main-resdetail .subTab_title li { width: 6rem; float: left; height: 2.5rem; padding: 0 0.7rem; margin-right: 2.5rem; border-radius: 2px; border: 1px solid transparent; text-align: center; font-size: 1.3rem; color: #4485b5; line-height: 2.5rem; cursor: pointer; }
.main-resdetail .subTab_title .sub-on { border-color: #6782a9; box-shadow: 0 0 1px #2c5674; background: -webkit-linear-gradient(top, #5789b3 0%, #2b4472 100%); background: linear-gradient(top, #5789b3 0%, #2b4472 100%); color: #fff; }
.main-resdetail .subTab_pannels { padding: 1.5rem 1rem; }
.main-resdetail .subTab_pannels .subPannel { display: none; }
.main-resdetail .subTab_pannels .subPannel.sub-active { display: block; }
.resourceTb { width: 100%; border-right: 1px solid #628097; }
.resourceTb th { padding: 0.5rem 0; background-color: #6588b3; text-align: center; vertical-align: middle; font-size: 1.2rem; color: #fff; }
.resourceTb td { padding: 0.5rem 0.3rem; border-left: 1px solid #628097; border-bottom: 1px solid #628097; font-size: 1.2rem; color: #6e6e6e; text-align: center; vertical-align: middle; }
.resourceTb td.grade { text-align: left; }
.resourceTb td.pic img { width: 4.2rem;height: 4.2rem; }

/* gift.html */
.main-gift .mainContainer { padding: 0; overflow: hidden; }
.main-gift .gift_title { margin: 1.8rem 0 1.25rem 2.7rem; }
.main-gift .gift_title img { display: block; width: 41.75%; max-width: 238px; }
.main-gift .gift_content { padding: 0 0.9375%; }
.main-gift .gift { position: relative; width: 100%; max-width: 640px; margin: 0 auto 1.5rem; cursor: pointer; }
.main-gift .btn_getgift { display: block; position: absolute; bottom: 14.851485%; left: 9.23567%; width: 27.707%; height: 28.71287%; background: url(../images/gift/btn_getgift.png) no-repeat 0 0; -webkit-background-size: 100% 100%; background-size: 100% 100%; cursor: pointer; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.pop-format { display: block; }
.pop-format .popInner { position: relative; top: 10%; width: 97.8125%; max-width: 640px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pop-format.pop-gift h5 { font-size: 1.45rem; color: #fff; position: relative; padding: 2.615655% 0 1.83706%; background: url(../images/pop/pop_ttl_bg.png) no-repeat center 1px; -webkit-background-size: 100% auto; background-size: 100% auto; text-align: center; z-index: 2; }
.pop-format .btnClose { display: block; position: absolute; right: 6.389776%; top: 0; width: 9.265176%; height: 0; padding-top: 9.265176%; margin-top: -6.389776%; background: url(../images/pop/btn_close.png) no-repeat 0 0; -webkit-background-size: 100% 100%; background-size: 100% 100%; z-index: 3; }
.pop-gift { display: none; }
.pop-gift h5 img { width: 15.974441%; }
.pop-gift .detailTxt { position: relative; margin: -2.751587% 7.98722% 0; border-width: 0 5px 5px 5px; border-style: solid; border-color: #1e68aa; background-color: #cbdceb; z-index: 1; }
.pop-gift .detailTxt .inner { position: relative; padding: 25px 5.88235% 10px; }
.pop-gift .detailTxt .txt { font-size: 1.2rem; color: #5e7997; }
.pop-getgift .fmGift { width: 80%; margin: 0 auto; position: relative; }
.fmGift .errorMsg { position: absolute; left: 0; top: -1.9rem; width: 100%; height: 2rem; border: 1.1px solid #a8a8a8; background-color: #faf4dc; font-size: 1.2rem; line-height: 2rem; color: #f60e0e; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.fmGift .iptArea { margin-bottom: 0.75rem; }
.fmGift .ipt { border: 1px solid #a8a8a8; padding: 1em 0.5rem; height: 1.5em; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.2rem; line-height: 1.4; vertical-align: middle; border-radius: 0; }
.fmGift .iptTel { width: 100%; }
.fmGift .iptRqcode { float: left; width: 58%; margin-right: 1.6%; }
.fmGift .getCode { display: block; float: right; width: 38%; height: 2.3em; border: 1px solid #a8a8a8; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; background: -webkit-linear-gradient(top, #fff 0%, #e3e3e4 100%); background: linear-gradient(top, #fff 0%, #e3e3e4 100%); font-size: 1.2rem; line-height: 2.2em; text-align: center; }
.fmGift .qrImg { float: right; width: 40%; text-align: right; }
.fmGift .getCode img { width: 60%; vertical-align: middle; }
.fmGift .btnCommit { display: block; width: 55.0633%; margin: 12px auto 5px; }
.pop-getgift .tips { position: relative; border: 1px solid #8baed0; padding: 3px; }
.pop-getgift .tips .tipsInner { position: relative; background-color: #adc7df; padding: 0.5rem 1.5rem; }
.pop-getgift .tips:before,
.pop-getgift .tips:after,
.pop-getgift .tips .tipsInner:before,
.pop-getgift .tips .tipsInner:after { display: block; position: absolute; content: ' '; width: 1rem; height: 1rem; background: url(../images/gift/corner.png) no-repeat 0 0; -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; z-index: 1; }
.pop-getgift .tips:before { left: 6px; top: 6px; }
.pop-getgift .tips:after { right: 6px; top: 6px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.pop-getgift .tips .tipsInner:before { left: 3px; bottom: 3px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.pop-getgift .tips .tipsInner:after { right: 3px; bottom: 3px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.pop-getgift .tips p { font-size: 1rem; color: #5e7997 }

/* index.html pop */
.pop-info .popInner { background: url(../images/pop/pop_ttl_bg.png) no-repeat center 0; -webkit-background-size: 100% auto; background-size: 100% auto; padding-top: 7.6677%; }
.pop-info .popInner .detailTxt { position: relative; margin: 0 7.98722% 0; padding: 0 1.526718% 1.526718% 1.526718%; background-color: #1e68aa; z-index: 1; }
.pop-info .detailTxt .inner { position: relative; padding: 25px 5.88235% 30px; background-color: #cbdceb; }
.pop-info .detailTxt h5 { margin-bottom: 10px; font-size: 1.4rem; font-weight: bold; text-align: center; color: #142b46; }
.pop-info .detailTxt p { color: #142b46; }