@charset "utf-8";
html{ font-family: 'futura_bookregular','playfair_display_scregular',STHeiTi, Arial,"微软雅黑",sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body {position: relative; margin: 0; font-size:12px; line-height: 1.5; letter-spacing: 0.04em;color: #000000; background-color: #000f26; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
article, aside, details, figcaption, figure, footer, header, hgroup,nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
svg:not(:root) { overflow: hidden; }
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #0088cc; }
a:active { outline: 0; }
a:active { color: #006699; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; vertical-align: middle;max-width: 100% }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre {overflow: auto;white-space: pre-wrap; word-wrap: break-word; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal;border: 0;margin: 0;padding: 0}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input,select,textarea{outline:medium;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1, h2, h3 { line-height: 2; font-weight: normal; }
h1 { font-size: 1.8rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.4rem; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear {clear:both;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */ /* end of clearfix */
.hackbox{ display:table;}
.sharebtn{clear:both;}
a:hover{
    -webkit-transition: color .4s ease;
    -moz-transition: color .4s ease;
    -o-transition: color .4s ease;
    -ms-transition: color .4s ease;
    transition: color .4s ease;}
.left{float: left;}
.right{float: right;}
/*reset*/

/*index*/
.header { width:100%; height: 3.8rem; border-top: 1px solid #a6a6a6; background: #ededed; position: fixed; top: 0; left: 0; z-index: 1000; }
.logo { height: 2.96rem; width: 9.1rem; float: left; margin-left: 0.6rem; margin-top: 0.26rem; }
.header-btn { width: 8.333rem ; height: 3.7333rem; float: right; display: flex; display: -webkit-flex; }
.header-btn .header-dir { font-size: 1rem; line-height: 3.7333rem; margin-left:2.666rem;}
.header-btn .dir-img { width:1.73rem ; height: 1.3rem ; margin-left: 0.76rem; margin-top: 1.2rem; background: url('../img/dir.png') no-repeat; background-size: 1.73rem 1.3rem; }
.header-btn.active { background:#000; }
.header-btn.active .header-dir { color: #fff; }
.header-btn.active .dir-img { background-image:url('../img/dir-active.png');}
.header .float-nav { display: none; width: 100%; padding: 0 1rem;  background: #000; overflow: hidden;}
.header .float-nav li { height: 3.89rem; width: 5.4rem; padding-bottom: .6rem; margin-right: 3.4rem; float: left; }
.header .float-nav li:nth-of-type(3n+3) { margin-right: 0; }
.header .float-nav a { width: 100%; height: 100%; display: block; border-bottom: 1px solid #808080; text-align: center;line-height:4.8rem;
font-size: 1.2rem; color:#fff;}

.section { margin-top: 3.7333rem; overflow: hidden; padding-bottom: 4.53rem; }
.section-list .item-a { width: 100%; height:11.67rem; position: relative; display: inline-block; }
.section-list .item-img { width: 100%; height: 100%; }
.section-list .item-text { position: absolute; bottom: 1.833rem; left: 0; display: block; width: 7.2rem; height: 2.86rem; 
font-size:1.33rem; color:#000; background:rgba(190,0,0,.8); text-align: center; line-height: 2.86rem;}

.section-list2 .list2-title { width: 100%; height: 2.4rem; background: #000; color: rgb(190,0,0); font-size: 1.33rem;
line-height: 2.4rem; padding-left: 1.16rem; }
.section-list2 .list2-item { width: 100%; height: 1.86rem; background: #343f51;  line-height: 1.86rem;
padding-left: 1.2rem; }
.list2-item a { font-size: .8rem; color: #fff; }
.section-list2 .line { height: 1px; background: #000; width: 100%;}

.footer-nav { width: 100%; height: 4.566rem; position: fixed; bottom: 0; left: 0; background: #000; }
.footer-list { width: 100%; height: 100%; display: flex; display: -webkit-flex; }
.footer-list .nav-item { width:25%; height: 100%; background: #0c0c0c; padding-top: .1rem; border-right:1px solid #000;border-left:1px solid;text-align: center;}
.footer-list .nav-item a { width: 100%; height: 100% ; display: block;}
.footer-list .nav-item:last-child { border-right: none; }
.footer-list .nav-item:first-child { border-left: none; }
.footer-list .nav-item img { width: 1.466rem; height: 1.2rem; margin-top: 1.06rem; }
.footer-list .nav-item span { font-size: .8rem; color: #be0000; display: block; margin-top: .533rem ;}
/*about*/
.section-text { padding: 0 1.66rem; background: #000f26; }


/*cooperation*/
.cooperation-list { width: 100%; display: flex; display: -webkit-flex;  -webkit-flex-wrap: wrap;flex-wrap: wrap; }
.cooperation-list li { width: 33.3333%; height: 6rem; position: relative; }
.cooperation-list .cop-img { width: 100%; height: 100%; }
.cooperation-list .cop-item { display: block; width: 6.53rem; height: 1.4rem;
background: rgba(0,0,0,.8); position: absolute; left:0; bottom:0.266rem; line-height: 1.4rem; padding-left: .4rem; }
.cooperation-list .cop-item span { font-size: .8rem; color: #e60012; }
.cooperation-list .cop-item span:last-child { margin-left: .4rem; }
.more-btn { width: 100%; height: 5.33rem; background: #000f26; display: inline-block; 
text-align: center; line-height: 5.33rem; font-size: .93rem; color:#c00000; font-weight: 700;}

.cooperation-wrapper .singing-list .cop-item { width:7.833rem ; height: 2.566rem; }


/*starPhoto*/
.starPhoto-list { width: 100%; display: flex;display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; }
.starPhoto-list li { width: 33.3%;  position: relative; }
.starPhoto-list .cop-img { width: 100%; }
.starPhoto-list .cop-item { display: block; max-width: 100%; height: 1.4rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
background: rgba(0,0,0,.8); position: absolute; left:0; bottom:0.53rem; line-height: 1.4rem; padding-left: .66rem; padding-right:.5rem; }
.starPhoto-list .cop-item span { font-size: .8rem; color: #e60012; }

/*singing*/
.singing-list { width: 100%; display: flex;display: -webkit-flex; -webkit-flex-wrap: wrap;flex-wrap: wrap; }
.singing-list li { width: 50%; position: relative; }
.singing-list .cop-img { width: 100%; }
.singing-list .cop-item { display: block; max-width: 100%; height: 2.466rem; width:auto !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
background: rgba(0,0,0,.8); position: absolute; left:0; bottom:0.666rem; line-height: 2.466rem; padding-left: .66rem; padding-right:.5rem; }
.singing-list .cop-item span { font-size: .8rem; color: #e60012; }

/*starPhoto-detail*/
.starPhoto-d { width: 100%; }
.starPhoto-d-p { width: 100%;}
.starPhoto-d-w { height: 3.633rem;max-width:100%; background: #000f26;}
.starPhoto-d-t { line-height: 3.633rem; height: 3.633rem; color:#be0000; font-size: 1.333rem; padding-left: 1.2rem;}

/*success*/
.success-list { width: 100%;background: #000f26; padding: 1rem 1.133rem; }
.success-list li { width: 100%; height: 6.46rem; margin-bottom:.66rem;}
.success-list li:last-child { margin-bottom: 0; }
.success-list li>a { display: flex;display: -webkit-flex; width: 100%; height: 100%;  }
.success-list .cop-img { flex: 0 0 6.46rem;-webkit-flex: 0 0 6.46rem; width: 6.46rem; height: 100%; }
.success-list .cop-item { -webkit-flex:1;flex:1; height: 100%; position: relative; background: #343f51; }
.success-list .success-title { font-size: 1.2rem; line-height: 1.4rem; margin:.76rem 0 0 1.33rem; color:#fff;}
.success-list .success-time { position: absolute; bottom: .66rem; left: 1.33rem; color: #6f747c; font-weight: 700; }

/*success-detial*/
.success-detial-title { width:100%; font-size:1.6rem; color:#fff; font-weight:normal; line-height:1.5; }
.success-detial-wrap p span { color:#fff; }
.success-detial-wrap p:first-of-type { margin-top:1rem !important; }
.success-detial-wrap p:last-of-type { margin-bottom:1rem !important; }
.success-detial-time { display:block;  margin-bottom:1rem; width:100%; font-size:.6rem; color:#fff; font-weight:normal; }
.success-detial-wrap p img { margin-bottom:.7rem; }
.success-detial-wrap p:last-child img{ margin-bottom:0; }
/*connect*/
.connect-wrap { width: 100%; flex-wrap: wrap;-webkit-flex-wrap: wrap;background: #000f26; padding: 1rem 1.333rem; }
.connect-wrap .connect-title { font-size: 1.333rem; color: #fff; line-height: 3.2rem; padding-left:.233rem; }
.connect-list { width: 100%; padding-top: .733rem;  }
.connect-list li { width: 100%; height: 29.266rem; }
.connect-list .connect-img { width: 100%; height:15.533rem ; }
.connect-list .connect-text { width: 100%; height: 13.733rem; }
.connect-text p { color: #fff; font-size: .933rem; line-height: 1.566rem; }
.connect-text .address { font-size: 1.33rem; line-height: 3.7rem; padding-top: .4rem; }
.connectUs { width: 100%; line-height: 4.23rem; display: flex; display: -webkit-flex; padding-top: .23rem; }
.connectUs .connect-line { -webkit-flex:1; flex: 1; height:.1rem; background: #fff; margin-top: 2.03rem;  }
.connectUs .Us { font-size: 1.418rem; width: 8rem; flex: 0 0 8rem; -webkit-flex:0 0 8rem ; text-align: center; color: #fff; }

.form-wrap { width: 100%; position: relative; }
.form-wrap input { width: 100%; height: 2.866rem; margin-bottom: .733rem; padding-left: 1.06rem; border: 1px solid #999fa8; line-height: 2.866rem; }
.form-wrap textarea { width: 100%; height: 8.33rem; resize: none; padding-left: 1.06rem; margin-bottom: 1.6rem; }
.form-wrap button { width: 100%; height: 2.333rem; background: #b70101; border: none; color:#fff ; font-size: .933rem;
text-align: center; line-height: 2.333rem; }
.form-wrap input::-webkit-input-placeholder { font-size:.93rem; color: #999; }
.form-wrap textarea::-webkit-input-placeholder { font-size:.93rem; color:#999;}
.errorMessage { width: 10rem; height: 2rem; position: absolute; left: 50%; top: 20%; display: none; overflow: hidden;
margin-left: -5rem; margin-top: -1rem; background: #b70101; border-radius: 10px;}
.errorMessage span { width: 10rem; display: inline-block; height: 100%; line-height: 2rem; text-align: center; color: #fff; }

/*video*/
#example_video_1 { z-index:0; }
.video { background: #000f26; padding: 0 1rem 4.53rem 1rem; }
.about-video { width:23rem; height:17.166rem; }
.video-detail { width:23rem; height:17.166rem; top:1rem; }
.video-wrap { height: 10.166rem; width: 100%; }
.video-wrap .video-title { font-size: 1.333rem; text-align: center; line-height: 4.2rem; color: #e60012; }
.about-video .vjs-play-control { width: 3.066rem !important; }
.video-detail .vjs-play-control { width: 3.066rem !important; }
.vjs-default-skin .vjs-current-time { width: 1.666rem !important; }
.vjs-default-skin .vjs-duration { width: 1.666rem !important; }
.vjs-default-skin .vjs-mute-control { width: 2.1rem !important; }
.vjs-default-skin .vjs-volume-control { width: 2.733rem !important; }
.vjs-default-skin .vjs-volume-bar { width: 2.733rem !important; }
.vjs-time-divider { margin: 0 5px; }
.vjs-default-skin .vjs-fullscreen-control { width: 2rem !important; }


/*share*/
.ui-content { position:fixed; top:0; left:0; width:100%; height:100%; display:none; background:rgba(0,0,0,.5);}
.bshare-custom { display:flex; display:-webkit-flex; -webkit-justify-content:space-around; justify-content:space-around; position:absolute; bottom:4.533rem; width:100%;height:7.133rem; background:rgba(173,173,175,.9);  }
.bshare-title { position:absolute; left:1rem; top:.7rem;  width:100%; line-height:1; font-size:.7rem; color:#000 }
.bshare-custom div{ margin-top:2.466rem; width:25%; text-align:center; }
.bshare-custom div>span { display:block; font-size:.8rem; }

.bshare-custom .bshare-sinaminiblog {  background-image:url('../img/share4.png') !important; background-repeat:no-repeat;background-size:100% 100% !important; background-position:0 !important; border-radius:.3rem; }
.bshare-custom .bshare-qzone { background-image:url('../img/share2.png') !important; background-repeat:no-repeat;background-size:100% 100% !important; background-position:0 !important; border-radius:.3rem; }
.bshare-custom .bshare-qqmb { background-image:url('../img/share3.png') !important; background-repeat:no-repeat;background-size:100% 100% !important;  background-position:0 !important; border-radius:.3rem; }
.bshare-custom .bshare-weixin { background-image:url('../img/share1.png') !important; background-repeat:no-repeat;background-size:100% 100% !important; background-position:0 !important; border-radius:.3rem; }

.bsBox { z-index:10000; width:100px; height:140px !important; top:auto !important; bottom:9rem; }
.bsTop { width:100% !important; }
.bsFrameDiv div { height:100px !important; text-align:center; }
.bsFrameDiv img { width:100px !important; height:100px !important; margin:0 !important; }

/*lucky start*/
.cooperation-wrapper .singing-list .cop-item{
	height: 2rem;
}
.singing-list .cop-item{
	line-height: 2rem;
}
.success-detial-wrap p img{
	margin-top: .7rem;
}
/*lucky end*/