.w{
    max-width: 1200px;
    margin: auto;
}
.page_aside{
    float: left;
}
.mer_page_left{
    padding-right:0;
    padding-left:50px;
}
a { text-decoration:none; }
a:hover{ text-decoration:none;}
.nav{
    /* margin-top:20px; */
    font-size:14px;
    /* background: #4e688b; */
    background: #6583ab;
    /* border-radius: 5px; */
}
.nav ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            /*justify-content: space-between;*/
    margin-bottom:0;
}
.nav ul li{
    padding:10px;
    width: 80px;
    border-bottom:2px solid transparent;
}
.nav ul a{
    color:#fff;

}
.nav ul li:hover{
    border-bottom:2px solid #fff;
}
.product-img{
    margin-top:50px;
    margin-bottom:50px;
    text-align: center;
}
.character span{
    color:#333;
    font-weight: 800;
    margin:0 5px;
}
.moment{
    padding:10px;
    background: #f5f9ff;
}
/* .moment a{
    color:#4c8be0;
} */
.last-date{
    color:#abaeb2;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    border-bottom-width:0;
}
.country{
    font-weight: 800;
}
.bonus-time{
    padding-bottom:0;
}
.schedule{
    padding-top:20px;
}
.table-striped>tbody>tr:nth-of-type(odd){
    background-color:#fff;
}
/* .container1 a{
    color:#4c8be0;
} */
.update{
    text-align: center
}
.show-comments{
    /* background: #ddd; */
    border:1px solid #4c8be0;
    text-align: center;
    padding:10px 0;
    /* color:#4c8be0; */
    font-size: 16px;
    border-radius: 5px;
    cursor:pointer;
}
.show-comments:hover{
    background: #4c8be0;
    color:#fff;
}
.name{
    margin-bottom:20px;
}
.name input{
    border:1px solid #ddd;
    margin-right:20px;
    border-radius: 5px;
    padding:5px 10px;
}
.question{
    /* background: #F0F6FE; */
}
textarea{
    resize:none;
    width:100%;
    padding:10px;
    border-radius: 5px;
    border:1px solid #ddd;
}
.send-btn{
    text-align: center;
}
.send{
    background: transparent;
    font-size: 16px;
    border:1px solid #4c8be0;
    padding:5px 50px;
    border-radius: 20px;
    /* color:#4c8be0; */
    margin-top:20px;
    margin-bottom:10px;
}
.comments{
    padding:10px;
    color:#666;
    display: none;
}
.comments li{
    border-bottom:1px solid #ddd;
}
.comments h6{
    margin-bottom:5px;
}
.comments .date-years{
    color:#999;
    font-size: 12px;
    font-style: italic
}
.two-content{
    margin-left:30px;
    /* background: #F0F6FE; */
    padding:10px 0 10px 20px;
    border-left: 1px solid #ddd;
    /* border-radius: 5px; */
}
.comments .yj{
    margin-top:10px;
    margin-bottom:20px;
}
.comments .reply{
    text-align: right;
    /* color:#4c8be0; */
    margin-top:10px;
    margin-bottom:10px;
    cursor:pointer;
}
.comments .reply:hover{
    color:#ff8f23;
}
.about{
    background: #F0F6FE;
    padding:0 20px 20px;
}
.page_aside h3{
    text-align: center;
    font-size: 16px;
}
.page_aside h4{
    font-size: 14px;
    text-align: center;
    margin:0;
}
.page_aside p{
    font-size:13px;
}
.about p{
    font-size:13px;
}
.link-a{
    color:#4c8be0;
}
.keep-img{
    height:50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.aside-border{
    border-bottom:2px dotted #ddd;
    padding-bottom:20px;
}
.keep-me-informed{
    padding:0 20px 20px;
    margin-bottom:20px;
    background: #F0F6FE;
}
.keep-img a{
    width:30px;
    height:30px;
    background-color: #4e688b;
}
.keep-img .facebook-img{
   background-position: -346px -56px;
    background-image:url(../../image/icon.png) ;
}
.keep-img .twitter-img{
    background-position: -306px -56px;
    background-image:url(../../image/icon.png);
}
.keep-img .pinterest-img{
    background-position:-383px -56px;
    background-image:url(../../image/icon.png) ;
}
/* .gifts-link a{
    color:#4c8be0;
} */
.gifts-link a:hover{
    color:#333;
}
.expires{
    text-align: center;
    color:#999;
    font-size: 12px;
}
footer p{
    font-size: 14px;
}
.hide-t{
    display: none;
}
.table2 table{
    width:100%;
    background: #f2f5f8;
}
.table2 table th{
    background: #eee;
    padding:10px;
    color:#ABAEB2;
    font-weight: 400;
    border-bottom:1px solid #fff;
}
.table2 table td{
    padding:10px;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
}
.table2 .active2{
    background:transparent;
    text-align: center;
    color:#333;
    font-weight: 700;
    /* color:#fff; */
}
table{
    margin-top:50px;
}
.table3 table{
    width:100%;
    border:1px solid #ddd;
}
.table3 table th,.table3 table td{
    padding:10px;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    text-align: center;
}
.table3 table th{
    color:#999;
    font-weight: 400;
    background: #eee;
}
.table4 table{
   width:100%;
   -webkit-box-shadow:.5px .5px .5px .5px rgba(0,0,0,.1);
    box-shadow:.5px .5px .5px .5px rgba(0,0,0,.1)
}
.table4 th{
    color:#999;
    font-weight: 400;
}
.table4 th,.table4 td{
    padding:20px;
    border-bottom:1px solid #F0F6FE;
}
.table4 td a{
    padding:5px;
    border-radius: 5px;
    border:1px solid #4c8be0;
}
/* 照片墙 */
.content{
    padding-top:30px;
}
.panel{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-body{
    padding:15px 0;
}
.grid-wrap{
    padding:0;
    /* border:1px solid #eee;  */
}
.grid li{
    cursor: auto!important;
    width:33.33%;
}
.grid-gallery .grid figure{
    padding: 10px;
}
.grid-bd{
    border:1px solid #ddd;
    padding:10px;
    background: #fff;
}
figcaption{
    padding:10px;
    border:1px solid #ddd;
    border-top:none;
}
.grid .detail{
    color:#333!important;
    font-size: 16px!important;
}
.grid-p{
    margin-top:20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.grid-p .m-logo{
    max-width:50%;
   line-height: 40px;
}
.grid-money .old{
    color:#999!important;
    font-size:14px;
}
.grid-money .new{
    color:red;
}
.grid li:hover figure{
    opacity: 1!important;
}
.grid .grid-bd:hover {
    opacity: .7;
}
.grid-gallery figure img{
    margin:auto;
}
.detail a:hover{
    text-decoration:underline
}
.pagination>li{
    float:left;
}
.page-big{
    max-width:1200px;
    margin:0 auto 20px;
}
.pagination{
border-radius:5px;
}
.pagination>li>a{
   font-size:14px;
   border:none;
   margin-left:.2px;
   border-right:1px solid #ddd!important;
}
.pagination>li:last-child>a{
    border-right:1px solid transparent!important;
}
.pagination>li.first-color>a{
    color: rgba(40,40,40,.3)
}
.pagination>.active>a{
    color:#fff;
    background-color: #688FD2;
    border-color:#688FD2;
}
.pagination>li>a:hover{
    background-color: #688FD2;
    color:#fff;
}
.pagination>li.first-color>a:hover{
    color: rgba(40,40,40,.3);
    background-color:#fff;
    cursor:default;
    border-color:#ddd;
}
.col-right div{
    text-align:center;
}
.col-left{
    font-size:14px;
    color:#abaeb2;
    width:13%;
    height:34px;
    line-height:34px;
    position: relative;
    padding-left:20px;
    float:left;
}
.col-left .down{
    position: absolute;
   left:138px;
    z-index:5;
    color:#688FD2;
    top:1px;
}
 .col-left .down-center{
   position: absolute;
   left:97px;
   top:0;
   background:#fff;
   padding:0 10px;
   border-radius: 5px;
   color:#688FD2;
   cursor:pointer;
   width:60px;
}
 .col-left .down-hide{
    position: absolute;
    top:33px;
    border-radius: 5px;
    display:none;
    cursor:pointer;
    padding:10px 18px;
    right:0;
    background:#fff;
}
 .col-left .down-hide li{
    color:#333;
    font-size:14px;
    line-height:25px;
}
.col-left .down-hide li:hover{
    color:#688FD2;
}
 .col-right{
    float:right;
    width:87%;
}
.pagination{
    margin:0;
}
 .col-left .pt{
    border-radius:5px;
    outline:none;
    margin:0 6px;
}
.bootstrap-select>.dropdown-toggle{
    padding-right:5px;
}
 .col-left .pt .btn{
    background:#fff;
    color:#688FD2;
    width:58px;
    overflow: hidden;
    border:none;
    border-radius: 4px;
}
/* @media (max-width:1200px){
    .col-left{
        width:15%;
    }
    .col-right{
       width:85%;
    }
} */
@media (max-width:992px){
    .col-left{
        display: none;
    }
    .col-right{
        width:100%;
    }
}
@media (max-width:767px){


    .grid-p .m-logo{
        max-width:45%;
    }
    .grid .detail{
        font-size: 12px!important;
    }
    .grid-money .old{
        font-size: 12px;
    }
    .grid figcaption span:nth-child(2){
        font-size: 12px!important;
    }
}