@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
body { width: 100%; min-width: 1200px; color: #0e0e0e; font-family: 'Microsoft YaHei'; }
table { border-collapse: collapse; border-spacing: 0; }
input { background: none; outline: none; border: 0px; }
fieldset, img { border: 0; display: block; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0; }
a { text-decoration: none; }
i { font-style: normal; }
.clearfix::after { content: "."; clear: both; display: block; overflow: hidden; font-size: 0; height: 0; }
.clearfix { zoom: 1; }
.hidden { display: none; }
.overflow { overflow: hidden; }
.btn { cursor: pointer; }
.fl { float: left; }
.fr { float: right; }
* { box-sizing: border-box; }
.wrapper { width: 100%; min-width: 1200px; margin: 0px auto; overflow-x: hidden; }
.banxin-wrapper { background-color: #f4f4f4; padding-top: 56px; }
.banxin { width: 1170px; margin: 0 auto; }
.wrapper { position: relative; }
.wrapper .banner { }
.wrapper .banner .img_box { min-width: 1200px; height: 303px; position: relative; overflow: hidden;
}
.wrapper .banner .img_box img { position: absolute; left: 50%; top: 0px; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); }
.download-wrapper { padding: 20px; background-color: #fff; position: relative; }
.download-items { width: 1100px; margin: auto; }
.download-items li { float: left; width: 50%; margin-bottom: 20px; }
.download-items li img { width: 34px; height: 34px; display: inline-block; vertical-align: middle; }
.download-items li p { font-size: 14px; color: #8d9094; display: inline-block; margin-left: 10px; vertical-align: middle; }
.download-wrapper .order_btn { display: block; width: 380px; height: 64px; line-height: 64px; font-size: 22px; color: #fff; text-align: center; background-color: #ff6363; margin: 20px auto; border-radius: 35px; position: relative; }
.download-wrapper .order_btn .download-icon { display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: url(../rp_images/ic_down.png) no-repeat; margin-left: 10px; }
.download-wrapper .order_btn i { position: absolute; width: 60px; height: 33px; background: url(../rp_images/fuli.png) no-repeat; right: -15px; top: -10px; }
.download-wrapper .order_btn:hover { background-color: #ff8921; }
.wrapper .banner > .order_btn img { display: inline-block; width: 16px; vertical-align: middle; margin-right: 6px; }
.wrapper .banner > .order_btn span { 
}
.wrapper .banner .refer_box { width: 308px; position: absolute; top: 35px; right: 32px; }
.wrapper .neck { padding: 18px 36px; border: 1px dashed #7ac0b7; margin-bottom: 45px; border-radius: 20px; position: relative; }
.wrapper .neck .tickling_btn { background-color: rgb(122, 192, 183); width: 248px; height: 44px; line-height: 44px; position: absolute; top: 22px; right: 44px; border-radius: 22px; text-align: center; color: #fff; font-weight: 600; }
.wrapper .neck .top { color: #7AC0B7; padding-left: 15px; border-bottom: 1px dashed #7AC0B7; }
.wrapper .neck .top h2 { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.wrapper .neck .top p { font-size: 15px; color: #656565; }
.wrapper .neck .top ul { margin: 16px 0; }
.wrapper .neck .top ul li { font-size: 15px; color: #7AC0B7; margin-bottom: 10px; }
.wrapper .neck .top ul li span { width: 9px; height: 9px; border-radius: 50%; background-color: rgb(141, 206, 194); display: inline-block; vertical-align: middle; margin-right: 5px; }
.wrapper .neck .bottom p { padding-left: 15px; margin-top: 10px; font-size: 15px; color: #656565; }
.wrapper .content .month_contnent_box { margin-bottom: 36px; }
.wrapper .content .month_btn { text-align: center; line-height: 58px; color: #f0bebe; font-size: 36px; font-weight: bold; }
.wrapper .content .month_btn span { font-size: 32px; font-weight: 600; vertical-align: bottom; }
.wrapper .content .month_inner_box { width: 496px; 
background-color: #fff; border-radius: 10px; }
.wrapper .content > div > div:nth-child(1) { margin-right: 6px; }
.wrapper .content > div:nth-child(2n) { margin-left: 15px; }
.wrapper .content > div .month_inner_box ul li { width: 100%; height: 42px; line-height: 42px;/*border-bottom: 1px solid #f2f2f2;*/
}
.wrapper .content > div .month_inner_box ul li:nth-child(1) { width: 100%; background: #fff; font-weight: bold; }
.wrapper .content > div .month_inner_box ul li:nth-child(1) a { cursor: default; }
.wrapper .content > div .month_inner_box ul li a { float: left; display: block; width: 15%; height: 100%; text-align: center; color: #8d9094; cursor: pointer; }
.wrapper .content > div .month_inner_box ul li .look_btn { color: #959595; }
.wrapper .content > div .month_inner_box ul li.active .look_btn { color: #1b1b1b; cursor: pointer; text-decoration: underline; }
.wrapper .content > div .month_inner_box ul li.active .look_btn:hover { color: #ff6363; }
.wrapper .content > div .month_inner_box ul li a:nth-child(1) { 
cursor: default; }
.wrapper .content > div .month_inner_box ul li:nth-child(1) a { border: none; }
.wrapper .content > div .month_inner_box ul li a:nth-child(2) { width: 76px; }
.wrapper .content > div .month_inner_box ul li a:nth-child(2) { width: 76px; }
.wrapper .content > div .month_inner_box ul li:nth-child(1) a { float: left; display: block; color: #3d4249; text-align: center; }
.wrapper .content > div .month_inner_box ul li:nth-child(1) a:last-child { width: 24%; }
.wrapper .content > div .month_inner_box ul li .ys_dingyue_btn { width: 20%; height: 34px; line-height: 34px; border-radius: 17px; background: #ccc; margin: 4px 9.5px; cursor: pointer; color: #fff; position: relative; }
.wrapper .content > div .month_inner_box ul li.active .ys_dingyue_btn { width: 20%; height: 34px; line-height: 34px; border-radius: 17px; background: #ff6363; margin: 4px 9.5px; cursor: pointer; color: #fff; position: relative; }
.wrapper .content > div .month_inner_box ul li.active .ys_dingyue_btn:hover ::before { content: ""; width: 100%; height: 100%; border-radius: 17px; position: absolute; top: 0; left: 0; z-index: 1; background-color: #ff6363; background-image: url(../rp_images/ic_down.png); background-position: center center; background-repeat: no-repeat; }
.wrapper .student_refer_box { display: block; margin-top: 35px; }
.wrapper .student_refer_box img { width: 100%; }
.wrapper .intersting_box { padding: 40px 65px 40px 35px; 
position: relative; }
.wrapper .intersting_box .left { width: 352px; float: left; margin-top: 20px; }
.wrapper .intersting_box .left img { width: 100%; }
.wrapper .intersting_box .right { float: left; width: 677px; }
.wrapper .intersting_box .right a { display: block; width: 280px; height: 52px; background: #ffeded; line-height: 52px; float: left; text-align: center; color: #d52727; font-size: 16px; border-radius: 26px; padding: 0 28px; margin-left: 60px; }
.wrapper .intersting_box .right a:nth-child(2n) { margin-left: 26px; margin-bottom: 23px; }
.wrapper .intersting_box .right a span { float: right; display: block; width: 18px; height: 22px; position: relative; margin-top: 20px; }
.wrapper .intersting_box .right a span:before { position: absolute; content: ''; display: block; width: 10px; height: 10px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); border-top: 2px solid #d52727; border-right: 2px solid #d52727; }
.wrapper .intersting_box .right a span:after { position: absolute; left: -8px; content: ''; display: block; width: 10px; height: 10px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); border-top: 2px solid #d52727; border-right: 2px solid #d52727; }
.wrapper .intersting_box .right a:hover { background: #ff7d7d; color: #fff; }
.wrapper .intersting_box .right a:hover span:before, .wrapper .intersting_box .right a:hover span:after { border-top: 2px solid #fff; border-right: 2px solid #fff; }
.wrapper .intersting_box .right a:hover span { background: url(/special/model48/rp_rp_images/arr_hover.jpg) no-repeat; }
/*==========================================底部*/
.tfjj_foot { width: 100%; background: #f5f7fc; }
.tfjj_foot .foot-nav { padding-top: 34px; padding-bottom: 32px; text-align: center; line-height: 25px; color: #999; font-size: 12px; }
.tfjj_foot .foot-nav a { padding: 0 12px; color: #999; font-size: 12px; }
.fix_tabs { position: fixed; bottom: 50px; right: 16%; display: none; }
.fix_tabs ul li { width: 56px; height: 56px; border-radius: 4px; margin-bottom: 12px; text-align: center; padding-top: 8px; color: #ff6363; background: #ffdddd; cursor: pointer; }
.fix_tabs ul li a { color: #ff6363 }
.fix_tabs ul li:nth-child(1) { background-color: #ff6363; color: #fff; }
.fix_tabs ul li:last-child, .fix_tabs ul li:hover { color: #fff; background-color: #ff6363; }
.fix_tabs ul li:hover a { color: #fff; }
/*弹窗示例*/
.black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 1100px; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=88); margin-right: auto; margin-left: auto; }
.white_content { display: none; position: fixed; width: 25%; height: 35%; padding: 0px; background-color: #666; z-index: 1002; overflow: auto; background-color: rgba(0, 0, 0, 0.9); top: 40%; left: 37.5%; }
@media screen and (max-width: 1750px) {
.fix_tabs { right: 10%; }
}
 @media screen and (max-width: 1650px) {
.fix_tabs { right: 5%; }
}
 @media screen and (max-width: 1550px) {
.fix_tabs { right: 1%; }
}
.download-wrapper #light .scanning { font-family: "微软雅黑"; font-size: 16px; color: #FFF; float: left; margin-left: 5%; margin-top: 5%; }
.download-wrapper #light a .Close { font-family: "微软雅黑"; font-size: 16px; color: #F00; float: right; margin-right: 5%; margin-top: 5%; }
.wrapper .download-wrapper #light img { margin-top: 20%; margin-left: 30%; }
.fix_tabs ul .getNumber a { color: #FFF; }