.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } .content{ position: relative; margin:0 auto; width: 10rem; } .content .titleimg{ width: 10rem; } .content .packagegrid{ border-bottom:1px solid #ccc; margin-bottom: 0.74666666rem; } .content .packagegrid .packagelist{ margin-bottom: 1px; text-align: center; /*padding-top: 0.373333333rem;*/ } .content .packagegrid .packagelist>span{ display: inline-block; font-size: 0.373333333rem; line-height: 0.373333333rem; /*padding: 0.373333333rem;*/ padding: 0.373333333rem; /*line-height: 1.12rem;*/ color: #00be96; margin: 0 auto; border-bottom:4px solid #ffffff; /*display: inline-block;*/ } .content .packagegrid .on>span{ border-bottom:4px solid #00be96; } .content .disneylist{ border-bottom:1px solid #ccc; margin-bottom: 0.48rem; } .content .disneylist>a>dl{ position: relative; margin-bottom: 0.48rem; } .content .disneylist>a>dl>dt{ float: left; margin-right:0.3666666667rem; } .content .disneylist>a>dl>dd{ float: left; width: 6.266666666rem; } .content .disneylist>a>dl>dd>.title{ line-height: 0.8rem; font-size: 0.37333333333rem; height: 0.8rem; overflow: hidden; /* font-weight: bold*/ } .content .disneylist>a>dl>dd>.describe{ line-height: 0.42666666666rem; font-size: 0.32rem; } .content .disneylist>a>dl>dd>.price{ position: absolute; bottom: 0; right: 0; color: #fc3838; font-size: 0.506666666rem; line-height: 0.506666666rem; } .content .disneylist>a>dl>dt>img{ width: 2.5333333333rem; height: 2.2666666666rem; display: block; } .content .warp{ width: 9.333333333rem; margin:0 auto; } .content .borcir{ border-radius: 5px; } .content .bgblue{ background: #2e40b9; padding-bottom: 0.8rem; } .content .bgyellow{ background: #fef1d4; } .content .bgone{ background: #0098be; padding-bottom:0.26666666rem; } .content .bgtwo{ background: #516fcf; padding-bottom:0.26666666rem; } .content .carlisttwo{ margin-left:0.26666666rem; padding:0.133333333rem; width: 4rem; margin-bottom: 0.293333333rem; font-size: 0.34666666rem; float: left; } .content .carlisttwo>img{ width: 4rem; height: 2.6666666rem; margin-bottom: 0.2933333rem; } .content .carlisttwo>p{ font-size: 0.34666666rem; line-height: 0.34666666rem; margin-bottom: 0.32rem; } .content .carlisttwo>div{ font-size: 0.533333333rem; line-height: 0.533333333rem; color: #fc3838; } .content .carlisttwo>div>small{ font-size: 0.32rem; } .content .carlisttwo>div>button{ background: #fc3838; width: 1.6rem; height: 0.5333333333rem; color: #fff; font-size: 0.32rem; float: right; } .content .carlistone>img{ width: 8rem; height: 3.2rem; margin-bottom: 0.2133333rem; /*padding: 0.4rem;*/ } .content .carlistone>p{ line-height: 0.533333333rem; font-size: 0.34666666rem; } .content .carlistone>p>span{ font-size: 0.533333333rem; line-height: 0.533333333rem; float: right; color: #fc3838; } .content .carlistone>p>span>small{ font-size: 0.32rem; } .content .carlistone>p>span{ float: right; } .content .carlistone>p>span>button{ background: #fc3838; width: 1.6rem; height: 0.5333333333rem; color: #fff; font-size: 0.32rem; } .content .carlistone{ width: 8rem; padding: 0.2rem; margin:0 auto; margin-bottom: 0.4rem; } .content .titlebtn{} .content .titlebtn img{ width: 7.73333333rem; display: block; margin: 0 auto; margin-top: -0.29333333rem; margin-bottom: 0.666666667rem; } .content .cenline{ width: 100%; } .content .cloud{ margin-top: -1px; } .content .cloud>img{ width: 100%; } .content .cloud>.cloudcen{ height: 3.2rem; width: 100%; background: #EDF0F9; } .content .cloud>.cloudcen>img{ width: 2.37333333rem; height: 2rem; } .content .cloud>.cloudcen>img:nth-child(1){ margin-left:1.97333333rem; } .content .cloud>.cloudcen>img:nth-child(2){ margin-left:1.6rem; } .content .bgthree{ background: #daf1f7; } .content .bgthree>.title{ font-size: 0.56rem; line-height: 2.08rem; text-align: center; color: #0098be; } .content .bgthree>.freelist>li>img{ height: 2.4rem; width: 4.5333333333rem; margin-bottom: 0.34666666rem; } .content .bgthree>.freelist>li{ width: 4.5333333333rem; margin-left:0.33333333rem; float: left; margin-bottom: 0.3733333rem; background: #fff; } .content .bgthree>.freelist>li>p{ font-size: 0.32rem; line-height: 0.32rem; margin-bottom: 0.58666666rem; text-align: center; } .content .bgthree>.freelist>li>div{ padding-left:0.1rem; } .content .bgthree>.freelist>li>div>button{ background: #fc3838; width: 1.46666666rem; height: 0.48rem; line-height: 0.48rem; color: #fff; font-size: 0.32rem; float: right; margin-right:5px; margin-bottom: 9px; } .content .bgthree>.freelist>li>div>small{ font-size: 0.32rem; } .content .bgthree>.freelist>li>div{ font-size: 0.533333333rem; line-height: 0.533333333rem; color: #fc3838; } .content .bgthree>.lookmore{ line-height: 1.5rem; text-align: center; font-size: 0.37333333rem; color: #0098be; } .content .bgfour{ background: #eef0f9; height: 0.8rem; } .content .bgfiv{ background: #dde5fe; } .content .bgfiv>.title{ font-size: 0.56rem; line-height: 2.08rem; text-align: center; color: #516fcf; } .content .bgfiv>.freelist>li>img{ height: 2.4rem; width: 4.5333333333rem; margin-bottom: 0.34666666rem; } .content .bgfiv>.freelist>li{ width: 4.5333333333rem; margin-left:0.33333333rem; float: left; margin-bottom: 0.3733333rem; background: #fff; } .content .bgfiv>.freelist>li>p{ font-size: 0.32rem; line-height: 0.46rem; margin-bottom: 0.58666666rem; padding-left:0.22rem; padding-right:0.22rem; /*text-align: center;*/ } .content .bgfiv>.freelist>li>div{ padding-left: 0.1rem; } .content .bgfiv>.freelist>li>div>small{ font-size: 0.32rem; } .content .bgfiv>.freelist>li>div>button{ background: #fc3838; width: 1.46666666rem; height: 0.48rem; line-height: 0.48rem; color: #fff; font-size: 0.32rem; float: right; margin-bottom: 9px; margin-right:5px; } .content .bgfiv>.freelist>li>div{ font-size: 0.533333333rem; line-height: 0.533333333rem; color: #fc3838; } .content .bgfiv>.lookmore{ line-height: 1.5rem; text-align: center; font-size: 0.37333333rem; color: #516fcf; }