@charset "utf-8";

/*============================== 
	CSS RESET
================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,input,select{
	margin: 0;
	padding: 0;
}
body {
    /*background: #fff;*/
    -webkit-overflow-scrolling:touch;
    -webkit-text-size-adjust: none;
}
ol, ul,li,dl,dt,dd{
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}
a,a:hover,a:active,a:focus {
    outline: none;
    text-decoration: none;
    color: inherit;
    /*color: white;*/
}
*{
    box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input,select,textarea{
	border: 0;
	outline: 0;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance:none; 
    -moz-appearance:none;  
}
input[type="text"]{
        background-position-y:-1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/ 
.clearfix{
	display: block;
        zoom:1;
}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
/* End hide from IE Mac */ 
.none {
	display: none;
}
/* End Clearfix */
@media screen and(max-device-width: 320px){
    body{
        -webkit-text-size-adjust: none;
    }
}
@media screen and(max-device-width: 480px){
    body{
        -webkit-text-size-adjust: none;
    }
}
@media only screen and(-webkit-min-device-pixel-ratio: 2){
    body{
        -webkit-text-size-adjust: none;
    }
}
@media only screen and(min-device-width: 768px) and(max-device-width: 1024px){
    body{
        -webkit-text-size-adjust: none;
    }
}
/*文字处理样式*/
.text-nowrap{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*换行*/
.word-break{word-break: break-all; word-wrap:break-word;}
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
/*媒体查询*/
html{
    font-size: 100%;
}
@media (min-width: 400px){
body{font-size: 23.48px}
}
@media (min-width: 800px){
body{font-size: 23.48px}
}
@media (min-width: 1024px){
body{font-size: 23.48px}
} /*>=1024的设备*/

@media (min-width: 1100px) {
body{font-size: 23.48px}
} /*>=1100的设备*/
@media (min-width: 1280px) {
body{font-size: 23.48px;}
} /*>=1280的设备*/

@media (min-width: 1366px) {

body{font-size: 23.48px;}
}  

@media (min-width: 1440px) {
body{font-size: 24.75px}
} 

@media (min-width: 1680px) {
body{font-size: 28.875px;}
} 
@media (min-width: 1920px) {
body{font-size: 33px;}
}
.loginMenu .hold_link{
    position: absolute!important;
}
[v-cloak]{
    display: none;
}
.foot_middle,.float__window,.head_top{
    font-size: 16px;
}


.wrapper{
    width: 100%;
    position: relative;
    font-size: 3.03em;
    max-width: 1920px;
    min-width: 1097px;
    margin: 0 auto;
}
.kv{
    width: 100%;
    overflow: hidden;
    position: relative;
    min-width: 1097px;
}
.kv .kv_img{
    width: 100%;
}
.before_login,.after_login,.nochance_2000{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.before_login .coupon-word,
.nochance_2000 .coupon-word
{
    width: 27.18%;
    position: absolute;
    top: 49.43%;
    left: 56.20%;
}
.before_login .coupon-1000,
.nochance_2000 .coupon-1000
{
    width: 16.67%;
    position: absolute;
    top: 60.9%;
    left: 57.91%;
    z-index: 1;
}
.before_login .coupon-500,
.nochance_2000 .coupon-500
{
    width: 15.67%;
    position: absolute;
    top: 67.02%;
    left: 61.2%;
    z-index: 0;
}
.before_login .login-btn{
    width: 19.9%;
    position: absolute;
    top: 82.43%;
    left: 57.91%;
    z-index: 1;
    cursor: pointer;
}
.before_login .tips{
    width: 9.5%;
    position: absolute;
    top: 89.43%;
    left: 63.23%;
    z-index: 1;
    cursor: pointer;
}
.after_login .coupon-word{
    width: 27.97%;
    position: absolute;
    top: 47.43%;
    left: 54.2%;
}
.after_login .coupon-1000{
    width: 16.67%;
    position: absolute;
    top: 57.9%;
    left: 56.5%;
    z-index: 1;
}
.after_login .coupon-500{
    width: 15.67%;
    position: absolute;
    top: 54.52%;
    left: 69.2%;
    z-index: 0;
}
.nochance_2000 .word-2000{
    width: 9.375%;
    position: absolute;
    top: 85.52%;
    left: 64.2%;
    z-index: 0;
}
.form{
    width: 22.6%;
    position: absolute;
    top: 71.52%;
    left: 59.2%;
}
.form .form_group{
    width: auto;
    position: relative;
    margin-bottom: 0.05em;
}
.form_group label{
    font-size: 0.2em;
    color: #fff;
    height: 1.45em;
    position: absolute;
    left: 0.8em;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 1.6;
    pointer-events: none;
}
.input_text{
    width: 100%;
    height: 2.5em;
    border: 2px solid #fff;
    border-radius: 1.5em;
    font-size: 0.2em;
    background: #002760;
    color: #fff;
    font-weight: bold;
    padding-left: 3em;
    display: block;
    font-family: "Microsoft YaHei";
    font-style: initial;
}
.input_text_padding{
    padding-left: 6em;
}
.input_text_padding2{
    padding-left: 4.8em;
}
.input_text_padding3{
    padding-left: 1.8em;
}
.input_text_padding4{
    padding-left: 3.5em;
}
.act_btn{
    width: 49%;
    display: block;
    float: left;
    cursor: pointer;
}
.submit_btn{
    width: 49%;
    display: block;
    float: right;
    cursor: pointer;
}
.btn_group{
    margin-top: 0.09em;
}
.after_login .tips{
    color: #fff;
    font-size: 0.2em;
    text-align: center;
    margin-top: 3%;
}
.shipSelect{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 3;
    opacity: 0;
    font-size: 0.18em;
}
.shipChoose{
    position: absolute;
    background: #fff;
    width: 1em;
    height: 2em;
    border-radius: 0.01em;
    top: -4em;
    z-index: 3;
}
.shipChoose button{
    width: 100%;
    font-size: 0.20em;
    display: block;
}


.main-container{
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(../images/bg.jpg);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}















/*爆款航次*/
.popular-wrapper,.winter-wrapper{
    position: relative;
    width: 11.50em;
    margin: 0 auto;
}
.popular_title{
    width: 9.77em;
    margin: 1em auto 0.63em;
    display: block;
    position: relative;
}
.popular{
    width: 11.49em;
    height: 4.44em;
    display: block;
    margin: 0 auto;
    position: relative;
    margin-bottom: 0.23em;
}
.popular .popular-group
{
    width: 3.66em;
    height: auto;
    padding-top: 0.87em;
}
.even{
    float: right;
    margin-right: 0.41em;
}
.odd{
    float: left;
    margin-left: 0.41em;
}
.line-info{
    float: left;
    width: 51.2%;
    height: 2.38em;
    border-right: 1px dashed #b2b2b2;
}
.popular-group p{
    color: #172a88;
    font-weight: bold;
}
.popular-group .line-routeInfo{
    font-size: 0.33em;
    line-height: 1.2;
}
.even .line-routeInfo,
.even .line-date
{
    text-align: right;
}
.popular-group .line-date{
    font-size: 0.21em;
    line-height: 1.9;
}
.popular-group .line-room{
    font-size: 0.374em;
    color: #58595b;
    font-weight: bold;
}

.popular-group .line-price{
    width: 3.27em;
    border-bottom: 2px solid #172a88;
    position: relative;
    padding-bottom: 0.05em;
}
.even .line-price {
    float: right;
}
.popular-group .line-price .left{
    float: left;
}
.popular-group .line-price .right{
    float: right;
}
.popular-group .line-price .line-p1{
    font-size: 0.16em;
    line-height: 1.2;
}
.popular-group .line-price .line-p2{
    font-size: 0.3859em;
    line-height: 1;
}
.popular-group .line-price .line-p2 span{
    font-size: 50%;
}
.popular .padding1{
    padding-top: 0.67em;
}
.popular .padding2{
    padding: 0.5em 0 0 0.47em;
}
.even .line-price-group{
    float: right;
}
.popular-group .line-price-group {
    width: 3.31em;
    margin-top: 0.04em;
    margin-bottom: 0.07em;
}
.popular-group .line-price-group .line-p1{
    font-size: 0.17em;
    text-align: right;
    float: left;
    line-height: 1.5;
    margin-top: 0.1em;
}
.popular-group .line-price-group .line-p2{
    font-size: 0.58em;
    float: right;
    line-height: 0.9;
    letter-spacing: -3px;
    color: rgb(232,2,76);
}
.popular-group .line-price-group .line-p2 span{
    font-size: 50%;
}
.popular-group .booking{
    width: 12.11em;
    height: 1.85em;
    background: #172a88;
    font-size: 0.27em;
    color: #fff;
    display: block;
    line-height: 1;
    font-weight: bold;
}
.even .booking{
    float: right;
}
.even .price-info,
.even .line-price2
{
    float: right;
}
.popular-group .price-info .p1{
    font-size: 0.21em;
}
.popular-group .price-info .p2{
    font-size: 0.6643em;
    line-height: 1.0;
    letter-spacing: -3px;
    color: rgb(232,2,76);
}
.popular-group .price-info .p2 span{
    font-size: 40%;
}
.popular-group .line-price2{
    width: 2.55em;
    margin-top: 0.06em;
    margin-bottom: 0.18em;
    position: relative;
}
.popular-group .line-price2 .line-p1{
    font-size: 0.13em;
    text-align: right;
    float: left;
    line-height: 1;
    margin-top: 0.2em;
    margin-right: 0.3em;
}
.popular-group .line-price2 .line-p2{
    font-size: 0.4em;
    float: left;
    line-height: 1;
    letter-spacing: -2px;
    position: relative;
}
.popular-group .line-price2 .line-p2 span{
    font-size: 50%;
}
.popular-group .line-price2 .line-p2:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 3.5em;
    border-top: 1px solid #172a88;
    transform: rotate(-15deg);
    top: 0.5em;
}
.popular-group .price-info .p4 span{
    font-size: 50%;
}
.restRoom{
    font-size: 0.3em;
    color: #f51b38;
    line-height: 2;
    font-weight: bold;
}










.rest_tag{
    position: absolute;
    left: 0em;
    bottom: 0em;
    width: 4.42em;
    z-index: 1;
}
.left_tag2{
    position: absolute;
    left: -0.06em;
    bottom: 0.14em;
    height: 0.63em;
    z-index: 2;
}
.left_tag{
    position: absolute;
    left: -0.06em;
    bottom: 0em;
    width: 1.74em;
    z-index: 2;
}
.left_tag3{
    position: absolute;
    left: -0.1em;
    bottom: 0.5em;
    height: 0.63em;
    z-index: 2;
}
.right_tag{
    position: absolute;
    right: -0.06em;
    bottom: 0em;
    width: 1.74em;
    z-index: 2;
}
.right_tag2{
    position: absolute;
    right: -0.06em;
    bottom: 0.5em;
    height: 0.63em;
    z-index: 2;
}










/*更多航次推荐*/
.more-wrapper{
    position: relative;
    width: 9.49em;
    margin: 0 auto;
    display: block;
    margin-top: 0.8em;
    margin-bottom: 1.17em;
}
.more_title{
    width: 8.53em;
    margin: 0em auto 0em;
    display: block;
    position: relative;
    z-index: 2;
}
.more-container{
    overflow: hidden;
    background: #022889;
    padding-bottom: 0.22em;
}
.more:last-child{
    border: none;
}
.more{
    width: 9.18em;
    /*height: 5.71em;*/
    display: block;
    margin: 0.08em auto 0;
}
.more p{
    color: #fff;
}
.more-img-group{
    width: 9.18em;
    height: 3.43em;
    position: relative;
}
.more-info-group{
    width: 100%;
    position: relative;
    margin: 0.17em auto 0;
}
.more-img{
    width: 100%;
    height: 100%;
    display: block;
}
.more .padding1{
    padding: 0.25em 0.33em 0 0.4em;
}
.more .padding2{
    padding: 0.0em 0.33em 0 0.4em;
}
.more .more-right{
    float: right;
    padding: 0em 0.0em 0 0.27em;
    width: 4.32em;
    border-left: 1px dashed #fff;
}
.more .more-left{
    max-width: 4.5em;
    float: left;
    padding: 0em 0.0em 0 0.27em;
}
.more-left .line-title{
    font-size: 0.4em;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0.3em;
}
.more-left .line-shipName{
    display: block;
    width: 1.33em;
}
.more-left .line-shipName2{
    display: block;
    width: 1.33em;
    float: left;
    margin-right: 0.25em;
}
.more-left .line-date{
    font-size: 0.23em;
    font-weight: bold;
    line-height: 1.5;
}
.more-left .roomType{
    font-size: 0.23em;
    font-weight: bold;
    line-height: 1.5;
}
.more-right .line-group2{
    width: 2.93em;
    height: auto;
    margin: 0em auto;
    padding-bottom: 0.1em;
}
.more-right .line-group2 .p1{
    font-size: 0.216em;
    font-weight: bold;
    line-height: 1;
}
.more-right .line-group2 .p2{
    font-size: 0.59em;
    font-weight: bold;
    line-height: 1;
    color: #ffda00;
}
.more-right .line-group2 .p2 span{
    font-size: 50%;
    font-weight: normal;
}
.more-right .line-price-group{
    width: 2.64em;
    margin: 0.05em auto 0.15em;
}
.more-right .line-price-group .p3{
    font-size: 0.14em;
    line-height: 1;
    float: left;
    text-align: right;
    margin-right: 0.5em;
}
.more-right .line-price-group .p4{
    font-size: 0.35em;
    font-weight: bold;
    position: relative;
    float: left;
    line-height: 1;
}
.more-right .line-price-group .p4 span{
    font-weight: normal;
    font-size: 50%;
}


.more-right .line-price-group2{
    width: 3.67em;
    margin: 0.05em auto 0.15em;
}
.more-right .line-price-group2 .p3{
    font-size: 0.21em;
    line-height: 1;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    font-weight: bold;
}
.more-right .line-price-group2 .p4{
    font-size: 0.46em;
    font-weight: bold;
    position: relative;
    float: left;
    line-height: 1;
    color: #ffda00;
    white-space: nowrap;
}
.more-right .line-price-group2 .p4 span{
    font-weight: normal;
    font-size: 50%;
}









.more-right .line-group{
    width: 3.62em;
    height: auto;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.1em
}
.more-right .line-group .line-p1{
    font-size: 0.2em;
    line-height: 1.2;
}
.more-right .line-group .line-p2 {
    font-size: 0.37em;
    font-weight: bold;
    line-height: 1;
}
.more-right .line-group .line-p2 span{
    font-size: 50%;
}
.more-right .line-group .left{
    float: left;
}
.more-right .line-group .right{
    float: right;
}

.more-right .booking{
    width: 11.0em;
    height: 1.54em;
    background: #ffda06;
    font-size: 0.246em;
    color: #022889;
    display: block;
    line-height: 1;
    font-weight: bold;
    margin: 0em auto;
}
.more-right .booking:hover{
    /*background: #ff8500;*/
}
.more-right .tip{
    font-size: 0.1659em;
    color: #b70832;
    text-align: center;
    margin-top: 0.2em;
}

.more-right .line-group2 .p4:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 3.5em;
    border-top: 1px solid #fff;
    transform: rotate(-15deg);
    top: 0.5em;
}
.more-right .line-group2 .p4 span{
    font-size: 50%;
}
.tab{
    margin: 0 auto 0.11em;
    position: relative;
    z-index: 3;
}
.fixedTab{
    width: 9.49em;
    height: 0.81em;
    position: fixed;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 5;
}
.fixedTab button{
    width: 33.33%;
    height: 100%;
    background: #213092;
    color: #fff;
    font-size: 0.30em;
    position: absolute;
    font-weight: bold;
}
.fixedTab .sh{
    bottom: 0;
    left: 0;
}
.fixedTab .tj{
    bottom: 0;
    left: 33.33%;
}
.fixedTab .hk {
    bottom: 0;
    right: 0;
}
.tab button{
    background: none;
    color: #fff;
    font-size: 0.34em;
    font-weight: bold;
    width: 5.6em;
    height: 1.8em;
    background: url(../images/line2.png) no-repeat center center/100% 100%;
    text-align: right;
    padding-right: 1em;
    display: block;
    float: left;
    margin-top: 0.3em;
}
.tab .current{
    color: #faee00!important;
    font-size: 0.41em!important;
    background: url(../images/line1.png) no-repeat center center/100% 100%!important;
    text-align: left!important;
    margin-top: 0em!important;
}
.fixedTab .current{
    background: #f51938!important;
}
.show_more{
    background: url(../images/showAll.png) no-repeat center center/100% 100%!important;
    width: 4.89em;
    height: 0.64em;
    display: block;
    margin: 0.5em auto 0em;
}
.photo{
    width: 13.49em;
    display: block;
    margin: 0 auto 0.76em;
    cursor: pointer;
}


























/*question*/
.bottomPart{
    width: 1097px;
    margin: 87px auto 94px;
    height: 363px;
}
.bottomPart img{
    display: block;
    margin: 0 auto;

}

.questionWrapper{
    display: block;
    width: 360px;
    float: left;
    margin-right: 23px;
}
.swiper-container2{
    overflow: hidden;
    margin-top: 15px;
}
.showAnswer{
    width: 138px;
    height: 26px;
    background: url(../images/showAnswer.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin: 11px auto;
    display: block;
}
.bottomPart .book{
    width: 424px;
    height: 363px;
    display: block;
    border-left: 2px dotted #cdcdcd;
    border-right: 2px dotted #cdcdcd;
    overflow: hidden;
    padding-top: 92px;
    float: left;
}
.online{
    display: block;
    width: 227px;
    height: 42px;
    margin: 33px auto 0;
    background: url(../images/online.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.qr{
    display: block;
    float: left;
    padding-left: 0.5em;
}
.swiper-pagination2{
    text-align: center;
}
.swiper-container2 .swiper-slide img{
    width: 100%;
}

.common_belt, .common_cost, .common_tour{
    text-align: center;
    color: #467eb7!important;
    font-weight: 500;
    border-bottom: 1px dotted #dbdbdb;
    margin: 0 10px 0;
    padding: 10px 0;
    height: auto;
    overflow: hidden;
    font-size: 17px;
}
.common_belt a,.common_cost a,.common_tour a{
    color: #467eb7;

}
/*question*/





@keyframes myfirst
{
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg)}
}
.myloading{
    position: absolute;
    width: 7%;
    top: 46%;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    animation: 0.5s myfirst linear infinite;
}
.loading-div{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    background: rgba(0,0,0,0.5);
}
.icon_tag1{
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    right: 0.16em;
    top: 0.1em;
}
.icon_tag2{
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    left: 0.26em;
    top: 0.2em;
}

.price_group .price2:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 3.5em;
    border-top: 1px solid #171c61;
    transform: rotate(-15deg);
    top: 0.5em;
}
.clock{
    width: auto;
    height: 1.5em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding-left: 0.35em;
    padding-right: 1em;
}
.clock p{
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}
.clock .leave{
    font-size: 0.3em;
    line-height: 1.2;
}
.clock .num{
    font-size: 0.75em;
    font-weight: bold;
    margin-right: 0.1em;
}
.clock .t{
    font-size: 0.3em;
    font-weight: bold;
    line-height: 1;
}
.clock .hour,.clock .minute,.clock .second{
    display: inline-block;
    vertical-align: baseline;
}
/*popup*/
.popup {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}
.popup_panel{
    width: 4.62em;
    height: 3.83em;
    background: url(../images/popup_bg.png) center center/100% 100%;
    overflow: hidden;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.popup_panel .popup_content{
    width: 5em;
    overflow: hidden;
    margin: 0.1em auto 0;
    position: relative;
}
.popup_panel .title{
    font-size: 0.44em;
    font-weight: bold;
    color: #fde24d;
    text-align: center;
    margin: 0.6em auto 0.5em;
}
.popup_panel .msg{
    width: 13em;
    font-size: 0.23em;
    font-weight: bold;
    color: #fff;
    margin: 0.3em auto 0em;
}
.popup_panel .msg .msg1,
.popup_panel .msg .msg2
{
    white-space: nowrap;
}
.popup_panel .button_group{
    position: relative;
    width: 3.16em;
    height: 0.4em;
    margin: 0.11em auto 0;
}
.popup_panel .button_group button{
    font-size: 0.21em;
    color: #0e3183;
    background: #fde24d;
    width: 7.14em;
    height: 100%;
    border-radius: 0.8em;
    border: 1px solid #ffef00;
    display: block;
    position: absolute;
    font-weight: bold;
}
.noprize .popup_content .button_group button{
    color: #06128e;
}
.popup_panel .button_group button:first-child{
    left: 0;
}
.popup_panel .button_group button:last-child{
    right: 0;
}
/**/
.login_panel{
    background: url(../images/hasprize.png) center center/100% 100%;
}
.login_panel p{
    font-size: 0.44em;
    color: #b10c3a;
    text-align: center;
    margin: 1.5em auto 1.2em;
    font-weight: bold;
}
.button_group2{
    width: 3.5em;
    height: 0.4em;
    position: relative;
    margin: 0 auto;
}
.button_group2 button{
    background: #fff;
    width: 8.25em;
    height: 1.5em;
    border-radius: 10px;
    color: #720db1;
    font-size: 0.2em;
    line-height: 1;
    position: absolute;
    font-weight: bold;
}
.close3{
    position: absolute;
    width: 0.41em;
    height: 0.41em;
    right: 0.32em;
    top: 0.32em;
    cursor: pointer;
}
/*活动规则*/
.act_panel{
    width: 12em;
    max-height: 70%;
    background: #281f7b;
    margin: 5% auto 0;
    border-radius: 0.2em;
    overflow: hidden;
    position: relative;
}
.act_panel img{
    width: 0.32em;
    height: 0.32em;
    position: absolute;
    right: 0.26em;
    top: 0.26em;
    cursor: pointer;
}
.act_panel .title{
    font-size: 0.28em;
    color: #fff;
    text-align: center;
    margin: 28px auto 38px;
}
.act_panel  .content{
    font-size: 0.18em;
    color: #fff;
    padding: 0 1.8em;
    /*height: 43em;*/
    /*overflow: scroll;*/
    /*padding-bottom: 1em;*/
}
/*底部规则*/
.rule-wrapper{
    position: relative;
    background: #fff;
    width: 13.66em;
    margin: 0 auto;
    padding-top: 1.35em;
}
.rule-title{
    font-size: 0.23em;
    font-weight: bold;
    color: #353535;
    margin-bottom: 0.5em;
}
.rule-content{
    font-size: 0.19em;
    color: #7e7e7e;
    line-height: 1.3;
    margin-bottom: 10.18em;
}
#awardOut{
    cursor: default;
}
.overflow{
    overflow: hidden;
}
.popup_end{
    width: 5.32em;
    height: 2.73em;
    background: url(../images/popup_end.png) center center/100% 100%;
}
.popup_panel .goWebsite{
    font-size: 0.29em;
    color: #06128e;
    width: 9.137em;
    height: 1.65em;
    border-radius: 0.8em;
    display: block;
    position: relative;
    margin: 0.9em auto 0;
    background: #fff;
    font-weight: bold;
}
.popup_panel .end_text{
    width: 4.25em;
    display: block;
    margin: 0.69em auto 0;
}

.banner_link{
    width: 100%;
    height: 7em;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}