@charset "utf-8";


.p20{ padding:20px;}
.p30{ padding:30px;}
.p50{ padding:50px 0px;}
.pt30{ padding-top:30px;}
.pt20{ padding-top:20px;}
.pt10{ padding-top:10px;}
.pt90{ padding-top:90px;}
.pt130{ padding-top:130px;}
.pl30{ padding-left:30px;}
.pr20{ padding-right:20px;}
.mb20{ margin-bottom:20px;}
.mt20{ margin-top:20px;}
.w1220{ width:1220px; margin:0 auto; }

.w10{width:10%;}
.w20{width:20%;}
.w16{width:16%;}
.w25{width:25%;}
.w30{width: 22%;}
.w33{ width:33.33%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w84{width:84%;}
.w90{width:90%;}
.w100{width:100%;}


a,a:hover{
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: color 0.5s all;
    -o-transition: 0.5s all;}



.lastLogin {position: relative;height: 60px;line-height: 60px;margin-top: 0px;border: none;}
.lastLogin:hover .LoginD {display: block;}
.lastLogin span {text-align: left;color: white;}
.lastLogin span a {width: 32px;height: 32px;vertical-align: middle;margin-left: 8px;margin-right: 8px;display: inline-block;color:#fff;}
.lastLogin img { width: 32px; height: 32px;border-radius: 50%;vertical-align: middle;margin-left: 8px;margin-right: 8px;display: inline-block;}
.LoginD {display: none;/* padding: 0px 16px; */position: absolute;top: 100%;/* right: -24px; *//* z-index: 999; */font-size: 14px;width: 159px;/* text-align: center; *//* overflow: hidden; *//* background: #ff512a; */}
.LoginD span {display: block;line-height: 40px;border-bottom: 1px solid rgba(255,255,255,0.08);color: #fff;height: 40px;text-align: center;/* width: 100%; */width: 130px;}
.LoginD span a {height: 40px;line-height: 40px;width: 145px;display: inline-block;float: none;padding: 0;margin: 0;background: rgb(255, 195, 29);}
.LoginD span:hover a {background: rgb(255, 81, 42);}




.wrap{margin: 0px auto;max-width:1300px;}
.bagData_search{width: 765px;margin:0 auto;}
.bagData_search .input-box {width: 765px;height: 50px;margin-bottom: 24px;background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    box-shadow: 0 2px 4px rgba(0,0,0,.3);}
.bagData_search .input-box {
    width: 765px;
    height: 50px;
    margin-bottom: 24px;
    /* background-color: #fff; */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
.bagData_search .sort {position: relative;z-index: 1;float: left;width: 120px;height: 50px;font-size: 14px;color: #072958;background: #fff;}
.bagData_sort {height: 50px;line-height: 50px;text-align: center;cursor: pointer;background: url("../images/icon-sort.png") no-repeat right top;}
.bagData_sort span {padding-right: 2px;margin-right: 0;text-align: right;color: #010101;white-space: nowrap;}
.bagData_sort i {display: inline-block;vertical-align: middle;width: 8px;height: 6px;text-indent: -9999em;background: url("../images/icon-sort.png") no-repeat 0 -50px;}
.bagData_sort-list {
    position: absolute;
    display: none;
    width: 118px;
    border: 1px solid #ddd;
    background-color: #fff;
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
    padding-top: 10px;
    top: 49px;
}
.bagData_sort-list a {display: block;color: #333;text-align: center;}
.bagData_sort-list li {height: 30px;line-height: 30px;}
.bagData_sort-list li.cur a {font-weight: bold;}
.bagData_sort-list li a:hover {text-decoration: none;background-color: #f5f5f5;}
.bagData_sort-list:hover .bagData_sort-list {display: block;}
.bagData_search-input {float: left;width: 555px;height: 20px;padding: 15px 0 15px 20px;font-size: 14px;color: #7d7d7d;line-height: 20px;border: none;background-color: #fff;}
.bagData_search-btn {float: right;width: 68px;height: 50px;border: none;border-radius: 0 2px 2px 0;outline: none;background-repeat: no-repeat;background-position: center;background-color: #fff;cursor: pointer;background: url(../images/search1.png) center center no-repeat;}


.Hot{text-align:center;width: 500px;margin: 0 auto;}
.Hot li{float: left;font-size: 14px;line-height: 14px;}
.Hot li a{display:block;line-height:14px;font-size: 18px;color:#fff;padding: 0px 10px;}
.Hot li:hover a{color: #a7ddff;}

.play{
    position: relative;
    margin: -60px auto 0px;
    font-size: 0;
    z-index: 1;
    -webkit-transition: -webkit-all .4s ease 0s;
    transition: all .4s ease 0s;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.play_bg{position:absolute;background-color: #fff;border-radius: 6px;z-index: 200;box-shadow: 0 0 22px 0 rgba(0,7,24,.08);float: left;z-index: 9999999999;transition-duration: .2s;transition-property: height;-webkit-transition: -webkit-all .4s ease 0s;transition: all .4s ease 0s;}
.play_a{right:0px;background: url(../images/font_bg.png) 0 center no-repeat;background-size: cover;box-shadow: 0 0 22px 0 rgba(0,7,24,.1);}
.play_center{
    height: 84px;
    z-index: 200;
    font-size: 14px;
    color: #666;
    font-size: 0;
    margin-top: 29px;
    margin-bottom: 29px;
    box-sizing: border-box;
    padding-top: 1px;
    border-radius: 6px;
    -webkit-transform-origin: center;
    transform-origin: center;
    overflow: hidden;
}
.play_center_bg{-webkit-transition: -webkit-all .4s ease 0s;
    transition: all .4s ease 0s;}
.play_center_bg:hover{ height:auto;}
.play_one{
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 0 20px;
    box-sizing: border-box;
    border-right: 1px solid hsla(0,0%,93.3%,.9);
}
.play_one{
    display: inline-block;
    vertical-align: top;
    width:16.66666666%;
    padding: 0 20px;
    box-sizing: border-box;
    border-right: 1px solid hsla(0,0%,93.3%,.9);
}
.play_one h1{font-size: 16px;color: #222;line-height: 24px;padding-bottom: 10px;vertical-align: middle;position: relative;text-indent: 34px;}
.play_one h1 svg{width: 24px;height: 24px;position: absolute;left: 0px;}
.play_one h1 span{font-size: 22px;padding-right: 10px;}
.play_one font{display: block;overflow: hidden;}
.play_one font a{padding: 3px 6px;display: inline-block;font-size: 12px;line-height: 20px;color: #666;cursor: pointer;}
.play_one font a:hover{color: #ff512a;}

.button{display: block;padding: 46px 30px;text-align: center;}
.button button{display: block;height: 50px;background: #FF512A;color: #fff;border-radius: 6px;width: 100%;font-size: 20px;box-shadow: 0px 3px 15px 0 rgba(255,81,42,.5);}

.button01{display: block;padding: 18px 0px 0 0;text-align: center; transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: color 0.5s all;
    -o-transition: 0.5s all;}
.button02{float:left;padding-right: 10px;width: 106px;}
.button01 button{display: block;height: 40px;background: #FF512A;color: #fff;border-radius: 6px;width: 100%;font-size: 16px;box-shadow: 0px 3px 15px 0 rgba(255,81,42,.4); transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: color 0.5s all;
    -o-transition: 0.5s all;}
.button02 button{display: block;height: 40px;background: #ffffff;color: #ff512a;border-radius: 6px;width: 100%;font-size: 16px;box-shadow: 0px 3px 15px 0 rgba(255,81,42,.4);border: 1px solid #ff512a; transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: color 0.5s all;
    -o-transition: 0.5s all;}
.button02:hover button{background: #FF512A;color: #fff;border: 1px solid #FF512A;}
.button03{padding: 0px 5px;}
.button04{padding: 0px 5px;}

.title{display: block;padding-top: 17px;position: relative;padding-bottom: 7px;}
.title01{padding-top: 0px;padding-bottom: 0px;}
.title h1{display: block;position: relative;font-size: 20px;z-index: 99;/* float: left; */}
.title h1 span{display: inline-block;font-size: 20px;color: #1464ff;}
.title h1 strong{display: block;position: absolute;color: #dde7ff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-transform: uppercase;top: -22px;z-index: -1;font-size: 36px;}



.list_tab{display: block;/* padding-left: 300px; */width: 100%;}
.list_tab li{display: block;float: left;padding:3px 3px;}
.list_tab li a{display: block;text-align: center;padding: 5px 10px;border: 1px solid #DADADA;border-radius: 5px;font-size: 14px;color: #333333;background: #fff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear}
.list_tab li:hover a{border: 1px solid #ff512a;color: #fff; background:#ff512a;}

.play_listall{/* border-radius: 26px; */float:left;/* box-shadow: 0 0 22px 0 rgba(0,7,24,.08); */}
.play_listbg{}
.play_list{display: block;background: #fff;box-shadow: 0 0 22px 0 rgba(0,7,24,.07);margin-bottom: 15px;border-radius: 6px;}
.play_list01{box-shadow: 0 0 22px 0 rgba(0,7,24,.07);}
.play_list02{box-shadow:none;margin-bottom: 0;}
.play_list img{display: block;float: left;}
.play_list font{display: block;float: right;}
.play_list .font01{width: calc(78% - 20px );}
.play_list .font02{width:100%;padding-top: 15px;}
.play_list font h1{display: block;font-size: 18px;color: #000;}
.play_list:hover font h1{color: #ff512a;}
.play_list font p{display: block;font-size: 14px;color: #999;line-height: 26px;padding: 3px 0;}
.play_list_store{display: block;}
.play_list_store li{display: block;font-size: 14px;color: #666666;float: left;padding-right: 15px;}
.play_list_store li:hover{color: #ff512a;}
.play_list_store li span{display: inline-block;padding-right: 5px;}

.play_list_ico_r{display: block;float: right;}
.play_list_ico{display: block;}
.play_list_ico li{display: block;font-size: 14px;color: #666666;float: left;padding-left: 7px;}
.play_list_ico li span{display: inline-block;padding-right: 5px;border: 1px solid #cccccc;padding: 5px;border-radius: 8px;font-size: 30px;color: #cccccc;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear}
.play_list_ico li .fx{ display:none;}
.play_list_ico li:hover span{border: 1px solid #1464ff;color: #1464ff;}

.play_list_r{float: right;margin-bottom: 15px;}
.play_list_login{display: block;margin-left: 13px;padding: 10px;background: #fff;margin-bottom: 15px;box-shadow: 0 0 22px 0 rgba(0,7,24,.07);border-radius: 6px;/* border-radius: 6px; *//* border-radius: 6px; */}
.login_title{display: block;padding-bottom: 20px;}
.login_title span{display: block;font-size: 50px;color: #1464ff;background: #fff;box-shadow: 0 0 22px 0 rgba(0,7,24,.1);border-radius: 200px;padding: 10px;width: 50px;height: 50px;text-align: center;float: left;margin-right: 20px;}
.login_title font{display: block;width: calc(100% - 100px );float: left;}
.login_title font h1{display: block;font-size: 20px;color: #1464ff;padding-top: 16px;}
.login_title font p{display: block;font-size: 14px;color: #333333;}

.login_title01{display: block;padding: 20px 0 0 0;}
.login_title01 span{display: block;font-size: 14px;color: #333333;display: block;font-size: 50px;color: #fff;background: #BDD3FC;box-shadow: 0 0 22px 0 rgba(0,7,24,.1);border-radius: 200px;padding: 10px;width: 50px;height: 50px;text-align: center;float: left;margin-right: 20px;}
.login_title01 font{display: block;width: calc(100% - 100px );float: left;}
.login_title01 font p{display: block;font-size: 14px;}
.login_title01 font h1{font-size: 14px;color: #333333;padding: 10px 0;}
.login_title01 font h1 strong{display: inline-block;padding: 0px 8px;font-size: 14px;}
.login_title01 font h1 .content_evaluateSpan01{padding-left: 0px;}
.login_title01 font h1 .content_evaluateSpan02{color: #999999;}
.login_title01 font h1 .content_evaluateSpan03{color: #ff512a;}

.login_title_i{display: block;position: relative;height: 30px;overflow: hidden;}
.login_title_i strong{display: block;font-size: 14px;color: #999;text-align: center;background: #fff;position: absolute;text-align: center;width: 80%;margin-left: 10%;z-index: 2;}
.login_title_i i{display: block;width: 100%;position: absolute;height: 1px;background: #e4e4e4;top: 10px;z-index: 0;}
.login_kuai{display: block;}
.login_kuai li{display: block;font-size: 14px;color: #333;width: 50%;float: left;line-height: 20px;padding: 5px 0;height: 20px;overflow: hidden;}
.login_kuai li span{/* display: block; */color: #ff512a;font-size: 20px;padding-right: 5px;}



.Wbanner{width: 100%;position: absolute;top: -73px;/* height: 54%; */z-index: 99999;}
.Wbanner font{display: block;float: left;padding-top: 12%;width: 100%;text-align: center;}
.Wbanner .bannerfont{display: block;padding-top: 14%;width: 100%;text-align: center;}
.Wbanner .bannerfont img{}
.Wbanner font h1{font-size: 40px;font-family: Microsoft YaHei;font-weight: 300;color: #FFFFFF;line-height: 56px;padding-top: 13%;padding-bottom: 41px;}
.Wbanner font a{font-size: 14px;color: #ffffff;line-height: 18px;padding: 7px 30px;background: #ff512a;border-radius: 2px;}
.Wbannerbg i{display: block;position: absolute;left: 76%;top: 46%;width: 100%;}
.Wbannerbg i img{display: block;float: right;position: absolute;z-index: 0;}
.Wbannerbg .Wimg .img02{display: block;z-index: 1;}
.Wbannerbg .Wimg .img03{display: block;float: right;}







@media (max-width:1360px) {


}





@media (max-width:1080px) {
    .w25,.w70,.w75,.w80,.Wbanner .bannerfont img{width:100%;}
    .wrap,.bagData_search{width:94%;padding:0px 3%;}
    .Wbanner .bannerfont{padding-top: 21%;}
    .play_list_login{display: none;}
    .list_tab{padding-left: 21px;padding-top: 10px;float: right;}
    .play_a{top: -129px;position: absolute;width: 100%;display: none;}
    .play_bg01{position: relative;width: 100%;}
    .play_one,.play_one h1{text-align:center;padding-bottom: 0px;font-size: 14px;}
    .play_one h1 svg{display:block;position: unset;margin: 0 auto;width: 30px;height: 30px;padding-bottom: 5px;}
    .play_center_bg{margin-top: 20px;margin-bottom: 20px;}
    .bagData_search .input-box {width:60%;margin: 0 auto;}
    .bagData_search-input{width:40%;}
    .bagData_search .sort,.bagData_search-btn  {width:20%;}
    .bagData_search .input-box,.bagData_sort,.bagData_search-btn,.bagData_search .sort {height:40px;line-height: 40px;}
    .bagData_search-input {height: 10px;}
    .bagData_sort-list {top:39px;padding-top: 5px;}
    .play_center_bg:hover{ height:400px;}
    .Hot{ margin-top:10px;}
    .list_tab li a{padding:3px 5px;font-size: 12px;}
    .play_list_store li{font-size: 12px;padding-right: 5px;padding-bottom: 5px;}

    .button02{width: auto;}
    .button02 button{font-size: 16px;border: 1px solid #ff512a;padding: 0px 7px;height: 34px;}
    .play_list_ico_r{float:left;}
    .play_list_ico li .fx{ display:block;border: none;font-size: 14px;color: #222;padding-top: 24px;}
    .play_list_ico li span{padding: 5px;font-size: 26px;}
    .button04{ padding-left:0px;}
    .play_list_ico li{padding-left:0px; padding-right:7px;}
    .title h1 strong{top: -11px;font-size:26px;}
    .title h1{font-size:18px;}
    .button03,.button04{padding-right: 6px;padding-left: 0px;}
    .login_title01 span{font-size:36px;width: 40px;height: 40px;margin-right: 15px;}
    .login_title01 font h1 strong{padding: 0px 8px 0px 0px;font-size: 12px;}
    .lastLogin {height:30px;line-height:30px;padding: 16px 8px;}
    .LoginD {right: -50px;}
    .Wfooter-footer{display: none;}
}



@media (max-width:768px) {
    .w30,.play_list .font01{width:100%;}
    .Wbanner .bannerfont{padding-top:28%;}
    .Hot li a{font-size: 14px;padding: 7px -17%;}
    .Hot{width: 73%;/* text-align:center; */padding-top: 20px;}
    .list_tab{padding-left: 21px;padding-top: 8px;float: right;}
    .title{display: block;padding-top: 20px;}
    .play_list img{float: none;padding-bottom: 15px;}
    .play_list font{float: none;}

}


@media (max-width:500px) {
    .Wbanner .bannerfont{padding-top: 50%;}
    .bagData_search .input-box {width:100%;margin: 0 auto;}
    .Hot{width: 300px;}
    .Hot li a{font-size:14px;padding: 7px 2px;}
    .play_one{padding: 0 10px;}
    .play_one font a{padding: 0px 6px;font-size: 12px;}
    .play_one h1 svg{width:24px;height:24px;}
}

@media (max-width:360px) {
    .Wbanner .bannerfont{padding-top:45%;}
    .play_list_ico li span{font-size: 21px;}
    .play_list_ico li .fx{ font-size:12px;color: #222;}
    .button03,.button04{ margin-bottom:10px;}
}