﻿/*header-box*/
.i-header-box{position: relative;background: #888;height: 420px;overflow: hidden;}
/*.i-header-box .hb-bg{position: absolute;*/
/*    height: 100%;width: 100%;background: url(img/index-bg.jpg) no-repeat 0 center;background-size: cover;transition: opacity 200ms ease-in-out;}*/
.hb-c-logo{width: 210px;margin-top: 23px; height: 60px;overflow: hidden;}
.hb-c-logo a{display: block;height: 60px;width: 150px;text-indent: -99999px;}
.site-pos{clear: both;text-align: center;height: 103px;margin-top: 128px;}
.site-pos .site-pos-i{color: #fff;font-size: 47px;margin-top: 10px;}
.site-pos .site-pos-c{color: #fff;font-size: 14px;margin-top: 20px;}
.site-search-wrap{width: 730px;height: 42px;display: block;position: relative;border-radius: 3px;}
.site-search-wrap .search-keyword{display:inline-block;float: left;color: #9b9ba3;line-height: 42px;height: 42px;font-size: 16px;width: 520px;text-indent: 20px;border: 0;padding: 0;border-top-left-radius: 2px;border-bottom-left-radius: 2px;outline: none;}
.site-search-wrap .search-submit-btn{cursor: pointer;height: 42px;width: 100px;
    overflow: hidden;border: none;outline: none;float: left;color: #fff;font-size: 14px;line-height: 42px; text-align: center;
    border-radius: 3px;
}
.site-search-wrap .class-ys-submit:hover{background-color: #FF7460;}
.site-search-wrap .class-ys-submit{background-color:#F4543C;}
.site-search-wrap .class-bg-submit:hover{background-color: #45dce8;}
.site-search-wrap .class-bg-submit{background-color:#17CEDD;margin-left: 9px;}

.hb-keyword{position: relative;overflow: hidden;margin-left: 10px;margin-top: 12px;}
.hb-keyword span{display: block;float: left;color: #fff;}
.hb-keyword a{display: block;float: left;color: #fff; font-size:12px; margin-left: 10px; padding: 0 8px; background: rgba(0,0,0,0.2); line-height:24px; border-radius: 4px;}
.hb-keyword a:hover{color: #f4543c;}
.i-header-search-wrap{position: absolute;left: 50%;top:205px;width: 630px;height: 120px;z-index: 1;margin-left: -310px;}

.i-header-box-m{position:relative; height:100%; z-index:0;width: 100%;}
.i-header-box-m li{display: block;width: 100%;height: 100%;}
.i-header-box-m li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.i-header-box-i{position: absolute;left: 50%;bottom: 20px;z-index: 2;}
.i-header-box-i li{float: left;height: 30px;margin: 3px 3px;}
.i-header-box-i li a{display: block;width: 10px;height: 10px;border-radius: 100%; background-color: rgba(255,255,255,0.5);
    font-size: 12px;color: rgba(255,255,255,0.5);cursor: pointer;line-height: 12px;text-align: center;font-style: normal;}
.i-header-box-i li.on a{color: #fff;background-color: rgba(6,0,1,0.36);}

.i-header-box .i-header-bleft, .i-header-box .i-header-bright {  position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: 0;background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .3s linear 0s;}
.i-header-box:hover .i-header-b { opacity: 0.6;}
.i-header-box .i-header-bleft { left: 5px; background: url(img/index-banner-al.png) #000 50% no-repeat;}
.i-header-box .i-header-bright { right: 5px; background: url(img/index-banner-ar.png) #000 50% no-repeat;}

#header-wrap.header-wrap{
    background-color: transparent;
    background:linear-gradient(180deg,rgba(0,0,0,.3),transparent);
    position: absolute;left: 0px;top:0px;z-index: 10;width: 100%;height: 80px;border-bottom: none;box-shadow: none;}
#header-wrap.header-wrap .header-logo-wrap{background: url(/img/logo6.png) no-repeat;}
#header-wrap .header-list li a.bcat-li-a{color: #fff;line-height: normal;padding-top: 30px;display: inline-block;padding-bottom: 5px;}
#header-wrap .header-list li:hover{background-color: transparent;border: none;}
#header-wrap .header-list li:hover .bcat-li-a{border-bottom: 1px solid #fff;}
#header-wrap .login-user-i .user-i-name{color: #fff;}
#header-wrap .login-info .user-login li a{color: #fff;}
#header-wrap .header-list li{border: none;}
#header-wrap .header-right-icona p{color: #fff;}
#header-wrap .header-right-icona:hover p{font-size: 12px;color: #f4543c;text-align: center;}
#header-wrap .header-right-icona .header-ricon-i1{background-position: center -10px;}
#header-wrap .header-right-icona .header-ricon-i2{background-position: center -82px;}
#header-wrap .header-right-icona:hover .header-ricon-i1{background-position: center -46px;}
#header-wrap .header-right-icona:hover .header-ricon-i2{background-position: center -118px;}

/*end*/
/*invite-vip*/
.i-invite-vip-wrap{width: 100%;height: 104px;background-color: #AEF7FE;}
/*.i-invite-vip-wrap a{display: block;width: 100%;height: 104px;background: url(img/invite-vip-banner.png) no-repeat center center;}*/
/*end*/
/*inner*/
.i-inner-wrap{position: relative; padding:12px;
    background-color: #fff;
}
.i-inner-ul{overflow: hidden; text-align: center;}
.i-inner-item{display: inline-block; width: 146px; height: 56px; line-height: 56px;font-size: 16px;font-weight: 700; color: #333;
    margin-right: 20px; overflow: hidden;}
.i-inner-item a:hover{ color:#f4543c; }
/**content**/
.i-subject-wrap{position: relative;overflow: hidden;background-color: #f5f5f5;}
.i-subject-bk-wrap{margin-bottom: 50px;}
.i-subject-ys-wrap{position: relative;}
.i-sj-ys-title{margin-bottom: 21px;overflow: hidden;margin-top: 30px;}
.i-sj-ys-title h4{font-size: 28px;color: #333;display: inline-block;float: left;}
.i-sj-ys-title .i-ys-t-r{display: inline-block;float: right;margin-top: 22px;}
.i-ys-t-r a{font-size: 14px;display: inline-block;letter-spacing: 0.2px;line-height: 18px;color: #666;margin-right: 19px;}
.i-sj-ys{position: relative; }

.i-sj-ys-item{
    width: 280px;
    /*height: 345px;*/
    float: left;margin-right: 25px;margin-bottom: 25px;position: relative;
    display: inline-block;
    cursor: pointer;
    background: #fdfdfd;
    border-radius: 4px;
    font-size: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.i-sj-ys-item:hover{
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.3);
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.3);
}
.i-sj-ys-item .img4p{  overflow: hidden;}
.i-sj-ys-item .img4p img{overflow: hidden;margin-top: 1px; width: 50%;}

.i-sj-ys-item .i-sj-ys-box{
    margin: 5px;display: block;position: relative; overflow: hidden;
    /*height: 600px;*/
}
.wd-07 .i-sj-ys-item{ height: 420px;}

.wd-07 .i-sj-ys-item .i-sj-ys-box{
    height: 415px;
}

.img-07 .i-sj-ys-item{ height: 420px;}

.img-07 .i-sj-ys-item .i-sj-ys-box{
    height: 415px;
    overflow: hidden;
}

.img-15 .i-sj-ys-item{ height: 218px;}

.img-15 .i-sj-ys-item .i-sj-ys-box{
    height: 213px;
    overflow: hidden;
}


.i-sj-jx-item{width: 280px;float: left;
    margin-right: 25px;
    margin-bottom: 25px;border-radius: 5px;
    background-color: #fff;position: relative;

    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}
.i-sj-jx-item .i-sj-ys-box{margin: 0;border-radius: 5px;display: block;position: relative;overflow: hidden;}


.i-sj-jx-item:hover{
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.3);
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.3);
}

.i-bg-item-wrap{background: linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}

.i-sj-v-bk{overflow: hidden;position: relative;}
.i-sj-v-bk-item{width: 280px;height: 426px;float: left;margin-right: 25px;border-radius: 5px;background-color: #fff;position: relative;}
.i-sj-v-bk-item .i-sj-v-bk-box{margin: 10px;display: block;position: relative;height: 406px;overflow: hidden;}

.i-sj-h-bk{overflow: hidden;position: relative;}
.i-sj-h-bk-item{width: 736px;height: 282px;float: left;margin-right: 26px;margin-top:26px;border-radius: 5px;background-color: #fff;position: relative;}
.i-sj-h-bk-item .i-sj-h-bk-box{margin: 10px;display: block;position: relative;height: 262px;overflow: hidden;}
.i-sj-ys-item img,.i-sj-v-bk-item img,.i-sj-h-bk-item img{width: 100%;transition: all .4s;}
/*.i-sj-ys-item img:hover,.i-sj-v-bk-item img:hover,.i-sj-h-bk-item img:hover{transform: scale(1.05);}*/
.i-subject-ys-wrap .i-title-r:hover{color: #F4543C;}
.i-subject-bk-wrap .i-title-r:hover{color: #17CEDD;}
.i-ys-span{background: url(img/index-cnt-asset.png) no-repeat 0px;color: #666;padding-left: 20px;}
.i-bg-p{color: #fff;}
.i-bg-span{background: url(img/subject-tiny-icon.png) no-repeat -36px -157px;color: #fff;padding-left: 25px;}

@media screen and (max-width: 1600px){
	/*.i-inner-item{width: 224px;height: 138px;}*/
    .i-item-wrap p{font-size: 12px;}

    .i-sj-jx-item{width: 220px;height: 117px;}
    .i-sj-jx-item img{width: 100%;}
    .i-sj-jx-item .i-sj-ys-box{height: 117px;}


    .i-sj-ys-item{width: 220px;height: 281px;}
	.i-sj-ys-item .i-sj-ys-box{height: 275px;}

    .wd-07 .i-sj-ys-item{width: 220px;height: 335px;}
    .wd-07 .i-sj-ys-item .i-sj-ys-box{height: 330px;}

    .img-07 .i-sj-ys-item{width: 220px;height: 328px;}
    .img-07 .i-sj-ys-item .i-sj-ys-box{height: 323px;}
    .img-15 .i-sj-ys-item{width: 220px;height: 174px;}
    .img-15 .i-sj-ys-item .i-sj-ys-box{height: 169px;}

	.i-sj-v-bk-item{width: 220px;height: 334px;}
	.i-sj-v-bk-item .i-sj-v-bk-box{height: 314px;}

	.i-sj-h-bk-item{width: 588px;height: 226px;margin-right: 24px;}
	.i-sj-h-bk-item .i-sj-h-bk-box{height: 206px;}

	.i-tail-fupon{width: 1200px;}
	.i-tail-fitem{margin-right: 100px;}
	.i-tail-ffund{width: 1100px;}
	.i-tail-ffund li{margin-left: 85px;}
	.i-friendlink-tit{width: 1200px;}
	.i-f-pl-hold{width: 550px;}
}
