body { background-color: #f5f5f5; }

.section a { display: block; }

.sec1 { height: 1800px; background: url("../images/bc1.jpg") no-repeat top center; }

.sec1 .container { background: url("../images/bc1_m.jpg") no-repeat top center; }

.sec1 .i-logo { margin-left: 22px; position: relative; z-index: 100; }

.sec1 .menu-list { width: 870px; margin-top: 10px; position: relative; z-index: 100; }

.sec1 .menu-list li { width: 120px; float: left; }

.sec1 .menu-list a { color: #ccc; font-size: 15px; text-align: center; height: 35px; line-height: 40px; }

.sec1 .menu-list a:hover, .sec1 .menu-list a.active { color: #e1bc98; }

.sec1 .menu-list p { font-family: Arial; color: #999999; font-size: 12px; text-align: center; }

.sec1 .main { width: 1050px; height: 1160px; margin: 0 0 0 auto; padding-top: 580px; position: relative; }

.sec1 .main .head { height: 60px; background: url("../images/bc_head.jpg") no-repeat top; background-size: cover; }

.sec1 .main .head .i-t_xwzx2, .sec1 .main .head .i-t_lbzx2, .sec1 .main .head .i-t_yyzx2, .sec1 .main .head .i-t_yxzl2, .sec1 .main .head .i-t_yxgl2 { margin: 18px 0 0 30px; }

.sec1 .main .head .crumbs { margin-right: 30px; }

.sec1 .main .head .crumbs a, .sec1 .main .head .crumbs span { display: block; float: left; color: #d3998d; height: 60px; line-height: 60px; transition: all .3s; }

.sec1 .main .head .crumbs a:hover { color: #ffd200; margin-top: -3px; }

.sec1 .main .gift { height: 1040px; background-color: #fff; padding: 30px 30px; overflow-y: auto; }

.sec1 .main .gift li { width: 260px; height: 140px; padding: 10px 20px; background: #313131; color: #fff; margin: 0 10px 20px; float: left; }

.sec1 .main .gift .gt { font-size: 18px; }

.sec1 .main .gift .desc { margin: 10px 0; line-height: 1.5em; }

.sec1 .main .gift .status { line-height: 30px; color: #ff6c00; }

.sec1 .main .gift .status a { float: right; text-align: center; border: 1px solid #8fd33e; line-height: 30px; height: 30px; padding: 0 30px; color: #8fd33e; }

.sec1 .main .gift .status a:hover { color: #fff; background-color: #8fd33e; }

.sec1 .main .gift .complete { color: #ff0000; }

.sec1 .main .gift .complete a { float: right; text-align: center; line-height: 30px; height: 30px; padding: 0 30px; border: 1px solid #7f7f7f; color: #7f7f7f; }

.sec1 .main .gift .complete a:hover { border: 1px solid #7f7f7f; color: #7f7f7f; }

.sec1 .main .article { height: 1040px; background-color: #fff; padding: 30px 50px; overflow-y: auto; }

.sec1 .main .article h1 { font-size: 22px; text-align: center; }

.sec1 .main .article .title { border-bottom: 1px solid #e9e9e9; }

.sec1 .main .article .title p { text-align: center; color: #aaaaaa; margin: 12px 0 20px; }

.sec1 .main .article .content { padding-top: 40px; }

.sec1 .main .article .content p { line-height: 30px; text-indent: 2em; color: #333; }

/*.sec1 .main .article .content img { display: block; margin: 15px auto; width: 780px; }*/

.sec1 .main .tab { border-bottom: 1px solid #e9e9e9; background-color: #fff; }

.sec1 .main .tab a { float: left; font-size: 18px; width: 120px; height: 36px; text-align: center; }

.sec1 .main .tab a.cur { color: #f42e00; border-bottom: 2px solid #f42e00; }

.sec1 .main .media { height: 1040px; background-color: #fff; padding: 30px 50px; overflow-y: auto; }

.sec1 .main .media .slide { display: none; }

.sec1 .main .media .slide.show { display: block; }

.sec1 .main .media .slide ul { height: 900px; overflow: hidden; }

.sec1 .main .media .slide li { float: left; width: 220px; margin: 0 5px 30px; }

.sec1 .main .media .slide li:hover a { color: #f42e00; }

.sec1 .main .media .slide li:hover .img img { transform: translate(-50%, -50%) scale(1.1); }

.sec1 .main .media .slide li .img { height: 145px; position: relative; overflow: hidden; }

.sec1 .main .media .slide li .img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .3s; }

.sec1 .main .media .slide li a { margin-top: 10px; }

.sec1 .main .media .media_list { margin-top: 35px; }

.sec1 .main .pagination { padding-left: 340px; }

.sec1 .main .pagination a { width: 110px; height: 30px; color: #e9e9e9; border: 1px solid #e9e9e9; text-align: center; line-height: 30px; float: left; margin: 30px 10px 0; }

.sec1 .main .pagination a.active { border: 1px solid #f42e00; color: #f42e00; }

.sec1 .main .pagination a.active:hover { background-color: #f42e00; color: #fff; }

.sec1 .main .news { height: 1040px; background-color: #fff; padding: 30px 50px; }

.sec1 .main .news .list { margin-top: 35px; }

.sec1 .main .news .slide { display: none; }

.sec1 .main .news .slide.show { display: block; }

.sec1 .main .news .slide ul { height: 900px; overflow: hidden; }

.sec1 .main .news .slide li { height: 35px; border-bottom: 1px dashed #e9e9e9; height: 35px; line-height: 35px; }

.sec1 .main .news .slide li a { width: 350px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; }

.sec1 .main .news .slide li a:hover { color: #f42e00; margin-left: 5px; }

.sec1 .main .news .slide li p { float: right; color: #aaaaaa; }

.sec1 .bc_download { position: absolute; top: 580px; left: -240px; height: 380px; width: 220px; background-color: #262626; padding: 10px; }

.sec1 .bc_download img { border: 0px solid #fff; margin: 20px 0 0 -2px; }

.sec1 .bc_download .b_down { margin: 215px auto 0; padding-left: 10px; }

.sec1 .bc_download .b_down .i-b_ios { margin: 8px 0 0 -8px; }

.sec1 .i-w_download { margin-left: 7px; }

.mask { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; }

.mask a { display: block; }

.mask .close { height: 40px; width: 40px; background-color: #8fd33e; position: absolute; top: -5px; right: -45px; }

.mask .close span { display: block; margin: 11px 0 0 11px; -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s; }

.mask .close:hover span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.gift_mask { display: none; width: 650px; height: 110px; padding: 20px; background-color: #313131; position: absolute; top: 30%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 5px solid #4a4a4a; }

.gift_mask .content { color: #fff; }

.gift_mask .content h4 { text-align: center; font-size: 20px; text-align: center; margin-bottom: 20px; font-weight: normal; }

.gift_mask .content .code { text-indent: 2em; height: 35px; line-height: 35px; background-color: #fff; color: #333; width: 450px; margin-left: 20px; }

.gift_mask .content a { width: 120px; height: 35px; line-height: 35px; text-align: center; background-color: #8fd33e; margin-left: 10px; color: #fff; }