@charset "utf-8";
*html,*html body{background-attachment:fixed;height:100%;}
body{margin:0;padding:0;font-size:12px;font-family:Tahoma,"hiragino sans gb",Helvetica,Arial;width:100%;min-width:1200px;}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;}
ul,li{margin:0;padding:0;list-style:none;}
a,div{color:#000000;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;color:#2875DE;text-decoration:none;}
a:active{text-decoration:none;}
p{margin:0 0 10px;}
em,i{font-style:normal;}
a:focus,input{outline:none;}
textarea{resize:none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after{ clear:both; height:0; display:block; visibility:hidden; content:".";}
.clearfix{ *zoom:1}
::-webkit-input-placeholder { color: #797979; }
:-moz-placeholder { color: #797979; }
::-moz-placeholder { color: #797979; }
:-ms-input-placeholder { color: #797979; }
body { font-family: MiSans; background-color: #F5F5F5; }
.red { color: #FF0000; }
.center { width: 1200px; margin: 0 auto; }
.notice_bg { width: 100%; height: 390px; padding: 20px 0 13px; background-color: #008FFD; }
.notice_bg .notice { width: 1160px; height: 377px; padding: 12px 20px 0; background-color: #fff; border-radius: 12px; }
.notice_bg .notice .gray_bg { height: 70px; background-color: #D9D9D9; }
.notice_bg .notice .content { line-height: 1.95; text-align: center; }
.notice_bg .notice .content dt { font-size: 20px; font-weight: 630; line-height: 2.2; }
.notice_bg .notice .content dd { font-size: 16px; font-weight: 380; }
.notice_bg .notice .content .border_b { margin: 0 30px; border-bottom: 1px solid #E6E6E6; }
.notice_bg .notice .content .black { color: #373B51; }
.notice_bg .notice .content dd.last { font-size: 15px; line-height: 1.6; }
.search_bg { width: 100%; margin-top: 11px; background-color: #fff; }
.search_bg .search { height: 124px; padding-top: 5px; }
.search_bg .search .left { margin-left: 5px; }
.search_bg .search .left .shadow { width: 235px; height: 26px; margin-top: -2px; background: url("../images/shadow.png") no-repeat; }
.search_bg .search .middle { margin: 21px 0 0 63px; }
.search_bg .search .middle .searchTxt { position: relative; top: -2px; margin-right: -4px; width: 429px; height: 34px; line-height: 34px; padding-left: 20px; border: 2px solid #0B87E7; font-size: 14px; font-weight: 400; color: #555; }
.search_bg .search .middle .search-btn { width: 82px; height: 40px; font-size: 18px; font-weight: 400; color: #fff; background-color: #0B87E7; border: none; cursor: pointer; }
.search_bg .search .middle .links { margin-top: 14px; }
.search_bg .search .middle li { font-size: 16px; font-weight: 330; color: #555; }
.search_bg .search .middle li a:hover { font-weight: 600; color: #FF0000; }
.search_bg .search .middle li span { margin: 0 14px; }
.search_bg .search .right { margin: 12px 20px 0 0; }
.search_bg .search .right li { margin-bottom: 18px; }
.search_bg .search .right span { position: relative; top: 9px; display: inline-block; width: 26px; height: 26px; margin: -2px 10px 0 0; background: url("../images/telegram.png") no-repeat; }
.search_bg .search .right span.resource { background-image: url("../images/telegram.png"); }
.search_bg .search .right span.channel { background-image: url("../images/channel.png"); }
.search_bg .search .right a { font-size: 16px; color: #333; }
.search_bg .search .right a:hover { color: #FF0000; }
.nav_bg { width: 100%; height: 52px; line-height: 52px; background-color: #008FFD; }
.nav_bg .nav > li { position: relative; }
.nav_bg .nav > li > a { display: inline-block; padding: 0 24px; letter-spacing: 1px; font-size: 18px; font-weight: 380; color: #fff; text-align: center; }
.nav_bg .nav > li > a.active, .nav_bg .nav > li > a:hover { background-color: #0B87E7; }
.nav_bg .nav > li ul { display: none; position: absolute; z-index: 1; top: 52px; background-color: #fff; border: 1px solid #0298FF; border-top: none; }
.nav_bg .nav > li:hover ul {display: block;border: 1px solid #B0D7F1;}
.nav_bg .nav > li ul li { height: 28px; line-height: 28px; text-align: center; }
.nav_bg .nav > li ul a { display: inline-block; width: 103px; letter-spacing: 1px; font-size: 14px; font-weight: 330; color: #000; border-bottom: 1px dashed #B0D7F1; }
.nav_bg .nav > li ul a:hover { color: #fff; background-color: #0B87E7; border-bottom: none; }
.location { padding-left: 28px; height: 40px; line-height: 40px; letter-spacing: 2px; font-size: 18px; font-weight: 330; color: #fff; margin-top: 9px; margin-bottom: 10px; background-color: #2F93E1; }
.movie { position: relative; padding-bottom: 25px; margin-bottom: 6px; background-color: #fff; border-radius: 0 0 8px 8px; text-align: center; }
.movie .thead_bg { position: absolute; width: 100%; height: 40px; background: url("../images/thead_bg.png") no-repeat; }
.movie table { position: relative; width: 1152px; margin-bottom: 34px; border-collapse:collapse; }
.movie table thead { height: 50px; }
.movie table thead th { letter-spacing: 2px; font-size: 18px; font-weight: 400; color: #fff; }
.movie table thead th:nth-child(1) { width: 40%; }
.movie table thead th:nth-child(5) { width: 13%; }
.movie table tbody tr { height: 39px; font-size: 14px; font-weight: 330; color: #000000; border-bottom: 1px dashed #C2C2C2; }
.movie table tbody tr:hover { background-color: #F5F5F5; }
.movie table tbody td:nth-child(1) { padding-left: 5px; text-align: left; }
.movie table tbody td:nth-child(4) { color: #008FFD; }
.movie table tbody td a:hover, .movie table tbody td:nth-child(5), .footer_bg p a:hover { font-weight: 400; color: #FF0000; }
.movie table tbody td span { display: inline-block; width: 85px; height: 21px; line-height: 21px; margin-left: 8px; font-size: 12px; font-weight: 305; color: #fff; background-color: #00ADEF; border-radius: 4px; text-align: center; }
.pages{text-align: center;}
.pages span { position: relative; top: -1px; display: inline-block; width: 214px; height: 36px; line-height: 36px; font-weight: 500; color: #343434; background-color: #eee; border: 1px solid #DCDCDC; }
.pages a { display: inline-block; width: 40px; height: 36px; line-height: 36px; margin-right: -2px; font-size: 16px; font-weight: 500; color: #666; background-color: #FCFCFC; border: 1px solid #DCDCDC; }
.pages a.active, .pages a:hover { color: #fff; background-color: #0B87E7; border: 1px solid #E3E3E3; }
.pages a.width { width: 65px; }
.pages a.prev { margin-left: 8px; }
.pages .last { margin: 0 8px; }
.pages input { position: relative; top: -2px; width: 36px; height: 34px; line-height: 34px; margin-right: -2px; color: #666; background-color: #FCFCFC; border: 1px solid #DCDCDC; text-align: center; }
.pages button { width: 42px; height: 38px; line-height: 38px; border: 1px solid #DCDCDC; cursor: pointer; }
.details { margin: 10px auto 31px; border-radius: 0 0 8px 8px; background-color: #fff; }
.details h2 { width: 100%; height: 50px; line-height: 50px; letter-spacing: 3px; font-size: 22px; font-weight: 400; color: #fff; background: url("../images/thead_bg.png") no-repeat; text-align: center; }
.details h3 { padding-left: 21px; height: 50px; line-height: 50px; letter-spacing: 2px; font-size: 20px; font-weight: 380; color: #fff; background-color: #0298FF; }
.details .intro > div { padding: 18px 21px; }
.details .intro img { width: 270px; height: 360px;}
.details .intro li { width: 789px; margin-left: 21px; letter-spacing: 2px; font-size: 15px; font-weight: 330; line-height: 24px; color: #000000; }
.details .intro p { letter-spacing: 2px; font-size: 15px;margin: 10px;}
.details .play { padding-bottom: 33px; }
.details .play dl { padding: 14px 17px 0; font-weight: 330; }
.details .play dl dt { font-size: 15px; margin-left: 8px; }
.details .play dl dd { font-size: 14px; letter-spacing: 1px; padding: 0 5px; height: 43px; line-height: 43px; border-bottom: 1px solid #E6E6E6; }
.details .play dl dd:hover { background-color: #F5F5F5; }
.details .play dl dd input { position: relative; top: 1px; margin-right: 7px; }
.details .play dl dd a.link { color: #FF0000; }
.details .play dl dd a.error { color: #0000FF; width: 81px; height: 25px; line-height: 25px; margin-top: 9px; border: 1px solid #0000FF; border-radius: 3px; text-align: center; }
.details .play dl dd.copy { color: #FF0000; }
.details .play dl dd.copy .selectAll { position: relative; top: 7px; cursor: default; }
.details .play dl dd.copy input { font-size: 14px; color: #FF0000; height: 25px; margin-top: 1px; padding: 0 7px; border: 1px solid #FF0000; background-color: #fff; border-radius: 3px; cursor: pointer; }
.details .play dl dd.copy .copyLink { margin-left: 5px; }
.details .play dl dd.copy span { margin: 0 7px; color: #555; }
.footer_bg { width: 100%; height: 139px; padding-top: 23px; background-color: #fff; border-top: 5px solid #0B87E7; text-align: center; }
.footer_bg p { font-size: 14px; font-weight: 305; color: #555; }
.footer_bg p a:hover { font-weight: 400; color: #FF0000; }


.message{margin:32px 0;}
.message .box-title{padding:15px 31px;background-color:#008bff;color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;font-size: 16px;}
.message .msg-content{padding:32px;border-radius:0 0 12px 12px;box-shadow:0px 0px 4px 0px rgb(0 0 0 / 15%);}
.message .msg-content textarea{width:100%;height:189px;resize:none;background-color:#F2F2F2;outline:none;border:none;padding:20px;border-radius:4px;}
.message .msg-content .msg-input{position:relative;}
.message .msg-content .msg-input .statistical{position:absolute;right:10px;bottom:10px;display:flex;font-size:14px;color:rgba(0,0,0,0.5);}
.message .msg-content .msg-wrap .msg-all{margin:12px 0 0;}
.message .msg-content .msg-wrap .msg-all span{display:inline-block;margin-right:30px;}
.message .msg-content .msg-wrap .msg-all a{color:rgba(0,0,0,0.8);}
.message .msg-content .msg-wrap .msg-s{display:flex;margin-top:23px;}
.message .msg-content .msg-wrap .msg-s .msg-input{flex:1;}
.message .msg-content .msg-wrap .msg-s .msg-input textarea{width:100%;height:68px;outline:none;border:none;background-color:rgba(242,242,242,1);border-radius:4px;resize:none;padding:25px;}
.message .msg-content .msg-wrap .msg-s .msg-send{margin-left:30px;}
.message .msg-content .msg-wrap .msg-s .msg-send button{color:#fff;padding:0 30px;height:68px;font-size:18px;border:none;background:#008bff;border-radius:4px;cursor:pointer;}
.message .msg-content .msg-send .btn button{display:inline-block;padding:10px 20px;color:#fff;outline:none;border:none;border-radius:4px;background:#008bff;cursor:pointer;margin-left: 10px;}
.message .msg-content .msg-wrap .msg-item{display:flex;justify-content:space-between;margin-top:24px;}
.message .msg-content .msg-wrap .msg-item .msg-item-left{display:flex;align-items:center;}
.message .msg-content .msg-wrap .msg-item .msg-item-left .avatar{margin-right:14px;align-self:flex-start;}
.message .msg-content .msg-wrap .msg-item .msg-item-left .avatar img{display:block;width:78px;height:78px;border-radius:50%;}
.message .msg-content .msg-wrap .msg-item .msg-item-left .msg-item .avatar img{display:block;width:38px;height:38px;border-radius:50%;}
.message .msg-content .msg-wrap .msg-item .msg-item-left .msg-item .info{font-size:14px;}
.message .msg-content .msg-wrap .msg-item .msg-item-left .uname{color:rgba(0,0,0,0.6);margin-bottom:12px;}
.message .msg-content .msg-wrap .msg-item .msg-item-left .content{color:rgba(0,0,0,0.6);}
.message .msg-content .msg-wrap .msg-item .msg-item-left .others{display:flex;align-items:center;margin-top:12px;font-size:14px;color:rgba(0,0,0,0.4);}
.message .msg-content .msg-wrap .msg-item .msg-item-left .others .dz{margin-left:32px;}
.message .msg-content .msg-wrap .msg-item .msg-item-left .others img{position:relative;top:3px;}
.message .msg-content .msg-wrap .msg-item .msg-item-left .others .cai{margin-left:18px;}
.message .msg-content .msg-wrap .msg-item .msg-item-left .others .replay{margin-left:39px;}
.message .msg-content .msg-wrap .msg-item .msg-item-left .others .replay a{color:rgba(0,0,0,0.4);}
.message .msg-content .msg-wrap .msg-item .msg-item-left .others .report{margin-left:42px;}
.message .msg-content .msg-send{display:flex;justify-content:flex-end;align-items:center;margin:24px 0}
.message .msg-content .msg-send .check span{display:inline-block;padding:10px;background-color:#ECECEC}
.mac_total{margin-right:0!important}
.message .msg-content .msg-wrap .msg-item .msg-item-left .content{color:#000!important}
.msg-item,.msg-item-left,.info{color:rgba(0,0,0,0.6)}
.msg-item-right{position:absolute;right:0;top:0}
.msg-item{position:relative}#cyEmoji{width:100%;}

