@charset "utf-8";
/*
* PC 201603 GB index.html
*time :201603 
*author:L.J;
*/
.index_line{
    padding-top: 20px;
}
.i_day,.prev,.next,.eight_list span i,.tv_one dt i,.tv_time,.foreshow_con ul li a i,.i_tv,.f_prev,.f_next{
    background-image: url(../../images/201603/icons.png);
    background-repeat: no-repeat;
}
/*day_choice*/
.day_choice_con{
    float: left;
    width: 698px;
    height: 400px;
    border:1px solid #ddd;
    background: #fff;
}
.i_day{
    background-position: 0 0;
    width: 110px;
    height: 44px;
    position: absolute;
    top:-3px;
    left:20px;
    z-index: 1
}
.day_choice{
    position: relative;
    width: 698px;
    height: 400px;
}
.day_choice_img{
    height: 305px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    width: 698px;
    float: left;
    position: relative;
}
.day_choice ul{
    position: absolute;
}
.day_choice li{
    float: left;
    width: 698px;
    overflow: hidden;
    position: relative;
    height: 305px;
}
.prev,.next{
   width: 26px;
   height: 45px;
   position: absolute;
   top:130px;
   cursor: pointer;
}
.prev{
    left:-1px;
    background-position: 0 -46px
}
.prev:hover{
     background-position: 0 -93px
}
.next{
    right: -1px;
    background-position: -28px -46px
}
.next:hover{
     background-position:-28px -93px
}
.eight_list{
    margin:0 5px;
    float: left;
}
.eight_list span{
 display: block;
 float: left;
 width: 66px;
 margin: 14px 10px 10px 10px;
 position: relative;
 cursor: pointer;
}
.eight_list span.show i{
   display: block;
}
.eight_list span i{
    background-position: 0 -144px;
    width: 86px;
    height: 7px;
    position: absolute;
    display: none;
    top: -21px;
    left: -10px;
}
.eight_list span img{
    width: 66px;
    height: 66px;
}
.choice_fl{
    float: left;
    width: 340px;
    margin-right: 20px;
    height: 305px
}
.choice_fl img{
    width: 340px;
    height: 305px;
}
.choice_fr{
    float: left;
    width: 290px;
}
.choice_flags{
    color: #222;
    font-size: 12px;
    line-height: 13px;
    margin-top: 40px
}
.choice_flags img{
    width: 18px;
    height: 13px;
    margin-right: 5px;
    float: left;
}
.choice_tit{
    color: #333;
    font-weight: bold;
    margin-top: 5px;
    width: 290px;
    overflow: hidden;
    height: 22px;
    line-height: 22px;
    font-size: 18px;
}
.subtitle{
    color: #666;
    font-size: 12px;
    margin-top: 5px;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.choice_price{
    margin-top: 15px;
    position: relative;
}
.y_price {
    font-size: 32px;
    color: #f70800;
    font-family: arial;
    margin-right: 10px;
}
.y_price i {
    font-size: 22px;
    margin-right: 5px;
}
.y_sale_price {
    text-decoration: line-through;
    color: #999;
    font-size: 12px;
    margin-top: 16px;
    position: relative;
}
.y_sale_price i {
    font-size: 14px;
    font-family: arial;
}
.choice_comment{
    margin-top:25px;
}
.comment_img{
    float: left;
    width: 28px;
    margin-right: 10px;
}
.comment_img img{
    width: 28px;
    height: 28px;
    border-radius: 50%;
}
.comment_rt{
    float: left;
    width: 252px;
}
.comment_name{
    color: #666;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}
.commnet_privew{
       margin-top: 5px;
    color: #999;
    line-height: 18px;
    height: 55px;
    overflow: hidden;
        text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/*tv_ugo*/
.tv_ugo{
    float: left;
    width: 288px;
    height: 400px;
    border:1px solid #ddd;
    margin-left: 10px;
    background: #fff;
}
.tv_ugo_tit{
    height: 21px;
    border-bottom: 1px solid #eee;
    padding:12px 0 7px 15px;
    overflow: hidden;
}
.tv_one{
    height: 115px;
    padding:20px 0;
    margin:0 15px;
    overflow: hidden;
    border-bottom: 1px dotted #e2e0e0;
}
.tv_one a{
    display: block;
    cursor: pointer;
}
.tv_one dt{
    float: left;
    margin-right: 15px;
    position: relative;
    height: 115px;
    overflow: hidden;
    width: 115px;
}
.tv_one dt span{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background:#000;
    opacity: .10;
    filter:alpha(opacity=10);
    -moz-opacity:0.10;
}
.tv_one dt:hover span{
    opacity: .20;
     filter:alpha(opacity=20);
    -moz-opacity:0.20;
}
.tv_one dt i{
    position: absolute;
    z-index: 2;
    width: 42px;
    height: 42px;
    top:50%;
    left:50%;
    margin-top: -21px;
    margin-left: -21px;
    background-position: 0 -157px;
}
.tv_one dt img{
    width: 115px;
    height: 115px;
}
.tv_tit{
    color: #444;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
}
.tv_price{
    margin-top: 5px;
    color: #999;
}
.t_price{
    color: #f70800;
    font-size: 16px;
    margin-right: 10px;
}
.t_price i{
    font-size: 14px;
}
.tv_price .line_price{
    margin-top: 3px;
    float: left;
}
.tv_one dd{
    float: left;
    width: 128px;
}
.tv_time{
    margin-top: 5px;
    color: #666;
    background-position: -45px -178px;
    padding-left: 13px;
}
.tv_bt{
    margin-top: 8px;
    width: 90px;
    height: 23px;
    line-height: 23px;
    color: #fff;
    background-color: #ff504a;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
}
.tv_one .tv_tit:hover{
    text-decoration:underline;
}
/*24小时直播预告*/
.foreshow{
    padding: 15px 0 20px 0;
    margin: 0 15px;
    border-bottom: 1px dotted #e2e0e0;
}
.f_tit{
    font-size: 12px;
    color: #444;
    font-weight: bold;
}
.f_tit i{
    color: #f70800
}
.foreshow_con{
    margin-top: 10px;
    height: 80px;
    position: relative;
}
.foreshow_list{
     height: 80px;
     overflow: hidden;
     position: relative;
}
.foreshow_con ul{
    position: absolute;
}
.foreshow_con ul li{
    position: relative;
    float: left;
    height: 80px;
    overflow: hidden;
    width: 270px
}
.foreshow_con ul li a{
    width: 80px;
    height: 80px;
    display: block;
    margin-right: 10px;
    float: left;
    position: relative;
}
.foreshow_con ul li a i{
    position: absolute;
    top:0;
    left:0;
    width: 59px;
    height: 17px;
    line-height: 18px;
    background-position: -45px -160px;
    color: #fff;
    font-family: arial;
    padding-left: 18px;
}
.f_prev,.f_next{
    position: absolute;
    top:22px;
    width: 20px;
    height: 46px;
    cursor: pointer;
}
.f_prev{
    background-position: -56px -46px;
    left:-10px;
}
.f_next{
    background-position: -77px -46px;
    right: -10px;
}
.f_prev:hover{
    background-position: -56px -95px;
}
.f_next:hover{
    background-position: -77px -95px;
}
/*tv_links*/
.tv_links{
      padding: 15px 15px 10px 18px;
    overflow: hidden;
    float: left;
    width: 300px;
}
.tv_links a{
    width: 60px;
    float: left;
    text-align: center;
    margin-right: 35px;
    display: inline;
    color: #666
}
.tv_links a:hover{
    cursor: pointer;
}
.tv_links a span{
 -webkit-transition:-webkit-transform .2s linear;
 -moz-transition:-moz-transform .2s linear;
 -o-transition:-o-transform .2s linear;
 transition:transform .2s linear
}
.tv_links a:hover span{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}
.tv_links a:hover{
    text-decoration: underline;
}
.tv_links p{
    margin-top: 3px
}
.i_tv{
    width: 18px;
    height: 16px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.tv_table{
    background-position: 0 -202px;
}
.tv_day{
    background-position: -26px -200px
}
.tv_hot{
    background-position: -56px -200px
}


/*广告图轮播*/
.scroll-div{ text-align:center; height:340px; overflow:hidden; position:relative;}
.scroll{ width:1000px; margin:0 auto; position:relative; height:340px;}
.scroll_cont{ position:absolute; width:1920px; left:-460px; top:0; height:340px; overflow:hidden;}
.scroll .scroll_num {
    position: absolute; top: 313px; left:460px;
}
.scroll .scroll_num span {
    width: 10px; display: inline-block; background:url(../../images/2015/2015_index/scroll.png) no-repeat -190px -26px; height: 10px; margin-left: 4px; cursor: pointer; 
}
.scroll .scroll_num span.current { background:url(../../images/2015/2015_index/scroll.png) no-repeat -190px 0; 
}
.scroll .arr_left {
    position: absolute; width: 30px; background:url(../../images/2015/2015_index/scroll.png) no-repeat 0 0; height: 60px; top: 140px; cursor: pointer; left: 0; 
}
.scroll .arr_right {
    position: absolute; width: 30px; background:url(../../images/2015/2015_index/scroll.png) no-repeat 0 -76px; height: 60px; top: 140px; cursor: pointer; right: 0; 
}
.scroll A.arr_left:hover { background:url(../../images/2015/2015_index/scroll.png) no-repeat -92px -76px; 
}
.scroll A.arr_right:hover {background:url(../../images/2015/2015_index/scroll.png) no-repeat -92px 0; 
}
.scroll .box {
    width: 1920px; float: left; overflow: hidden
}