body {color:#333;font-family:"Microsoft Yahei","Hiragino Sans GB","冬青黑体简体中文 w3",STXihei, "华文细黑","微软雅黑", SimSun, "宋体", Heiti, "黑体","Helvetica Neue",Helvetica,Arial,sans-serif;background-color: #f4f4f4;}

a{color: #333;}
a:hover{color: #3da9f7;text-decoration:none;}
a:link{text-decoration:none;}

header {background-color:#1b1b1b;margin-bottom:0!important;border-bottom:none!important;}
header .navbar-brand {padding:5px 15px;}
header a {color:#fff;}
header .nav>li>a:hover,header .nav>li>a:focus {background-color: #20a6f3;color:#fff;}
.modal-header{padding: 15px 30px;}
.modal-header{ background-color: #363636;color: #fff;border-radius: 4px 4px 0 0; font-size: 18px;}
.banner {overflow:hidden;background-size:100% auto;max-height:400px;text-align: center;}
.banner img{width: 100%;}


.f1{font-size:14px}
.f2{font-size:16px}
.f3{font-size:18px}
.f4{font-size:30px}
.f5{font-size:34px}

.c1{color: #333}
.c2{color: #999}
.c3{color: #ffc001}

.icon{display: inline-block;width: 40px; height: 33px; background: url("../img/icon.png?v201508071121") no-repeat;vertical-align:text-bottom;}
.icon-line{position: absolute;width:350px; height: 3px; background: url("../img/line.png") no-repeat;vertical-align:text-bottom;margin: 20px 0 0 0;right: 370px;}
.icon-right{display: inline-block;width:356px;height: 110px; background: url("../img/right.png") no-repeat;vertical-align:text-bottom;background-size: 100%}
.icon-left{display: inline-block;width:515px;height: 115px; background: url("../img/left.png") no-repeat;vertical-align:text-bottom;background-size: 100%;margin-top: -23px;margin-bottom: -3px;z-index: 1;}
.icon-close{background-position: -150px -5px;}
button.close{opacity: 1;}
.icon-top-50{background-position: 0 0;}
.icon-judges{background-position: -50px 0;}
.icon-article{background-position: -110px  0;}
.icon-about{background-position: -151px -59px;}

.about-conference{background-color: #fff;border-top: 1px solid #f4f4f4;}
.about-conference .about-content{margin:20px 0;font-size: 16px;line-height: 26px;}

.content-title{line-height: 30px;margin-top: 50px;height: 80px;}
.content-title span{font-size: 26px;}
.content-title span em{position: relative;font-style: normal;font-size: 16px;color: #999;top: -4px;}
.the-top-box{padding: 10px;background-color: #fff;text-align: center;box-shadow: 0px 1px 1px rgba(0, 0, 0, .175);overflow: hidden;margin-bottom: 30px; }
.the-top-box img{width: 100%}
.the-top-box .the-top-link{line-height: 24px;height: 40px;text-align: left;margin: 5px 0;}
.more-top{height: 50px;text-align: center;line-height: 50px;font-size: 18px;color: #999;background-color: #fff;border: 1px;box-shadow: 0px 1px 1px rgba(0, 0, 0, .175);cursor: pointer;}
.more-top:hover{background-color: #fafafa;}
.judges{background-color: #fff;}
.judges-face{width: 150px;height: 150px;border:4px solid #2093f6;overflow: hidden;border-radius:75px;margin: auto;}
.judges-face img{width: 100%;}
.judges-content{text-align: center;margin-top:20px;margin-bottom: 40px;height: 50px;}
.judges-name{font-size: 16px;font-weight: bold;line-height: 2}
.judges-info{font-size: 12px;color: #999;line-height: 20px;}


.article-box{background-color: #fff;padding: 20px;box-shadow:0px 1px 1px rgba(0, 0, 0, .175);height: 155px;margin-bottom: 20px; }
.article-pic{width: 207px;height: 116px;position: absolute;}
.article-pic img{width: 100%;}
.article-content{margin-left: 230px;}
.article-title{font-size: 16px;line-height: 26px;margin-top: -8px;}
.article-info{font-size: 12px;color: #999;line-height: 22px;margin-top: 10px;}


.span-mark {display:inline-block;background-color:#0d7dda;color:#fff;position:absolute;z-index: 1;font-size:12px;height:20px;line-height:20px;padding:0 9px;left:5px;}
.span-mark:after {content:'';display:inline-block;border:10px solid transparent;border-right:10px solid #0a62ab;position:absolute;z-index:0;clip: rect(10px, 20px, 20px, 0);left:-10px;bottom:-10px;}
.icon-instr{position: absolute;right: 35px;bottom:100px;font-size: 12px; color: #fff;background-color:#000;cursor: pointer;width: 44px;height: 22px;line-height: 20px;}
.icon-instr:hover{background-color:#1e94f6; }


.modal-body-left{padding: 0 30px 0 10px; border-right:1px dashed #dbdbdb;margin-right: -5px;margin-bottom: 30px;}
.modal-body-left img{width: 100%;}
.modal-body-right{padding: 0 15px 0 0}
.modal-top-content{margin-top: 15px;}
.modal-top-content p{line-height: 24px;text-indent:30px;word-break: break-all;}

.modal-body-right ul{margin: 0;padding: 0;border-top: 1px dashed #dbdbdb;}
.modal-body-right ul li{list-style-type: none;padding: 20px 0 0 0; }
.modal-body-right ul li:last-child{padding: 20px 0; }
.modal-body-right textarea{height: 160px;}
.modal-body-right .comment-title{font-size: 20px;margin-bottom: 10px;color: #666;}


.comment-list{margin-top: 75px;}
.user-face{position:absolute;width: 50px;height: 50px;border-radius: 25px;overflow: hidden;}
.user-face img{width: 100%}
.user-info{margin-left: 75px;}
.user-name{color: #666;}
.time{color: #999;}
.comment-content{line-height: 24px;}


/*通用登录*/
.affix-login-wrap {height: 297px;background-color:rgba(0,0,0,.8);padding:20px 0;position:fixed;bottom:0px;left:0;width:100%;color:#fff;font-size:16px;z-index:9;transition: bottom .4s;}
/*.affix-login-wrap:hover {bottom:0;}*/
.affix-login-wrap h4 {font-size:18px;margin-bottom:15px;font-weight:normal;}
.affix-login-box {}
.affix-login-box .box-close {position:absolute;right:10px;top:10px;font-size:24px;width:30px;height:30px;background-color:rgba(0,0,0,.8);text-align:center;line-height:30px;font-family: inherit;cursor:pointer;}
.login-form {width:684px;float:left;margin-left:10px;}
.login-form .ipt-box {overflow:hidden;margin-bottom:10px;}
.login-form label {width:50px;float:left;line-height:2.4;height:40px;font-size:14px;}
.login-form .form-control {height:40px;}
.login-form .form-control:focus {border-color: #38c1ba;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 193, 186, 0.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 193, 186, 0.6);}
.login-form .login-mima {margin-left:10px;}
.ipt-box .btn {width:270px;}
.ipt-box .btn-reg {background-color:#cacaca;color:#fff;margin-left:50px;}
.ipt-box .ipt-btn-info {font-size:12px;color:#555;width:60px;display:inline-block;height:40px;text-align:center;}
.ipt-box .btn-success {background-color:#2abdb5;border-color:#2abdb5;}
.login-form {position:relative;}
.login-form .ipt-box input {width:270px;float:left;border-radius:3px;}
.login-form:after {content:'';display:block;border-left:1px solid #4a4a4a;width:0;height:90px;position:absolute;right:25px;top:43px;}
.form-info {width:230px;float:right;}
.form-info .btn {}
.form-info a {color:#fff;width:207px;height:40px;line-height:2;display:block;padding-left:50px;text-align:center;margin-bottom:10px;position:relative;}
.form-info a:hover {color:#fff;}
.form-info a:after {content:'';display:block;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(0,0,0,.2);position:absolute;height:40px;width:0;left:44px;top:-1px;}
.form-info i {width:40px;height:40px;position:absolute;left:5px;top:5px;display:block;}
.btn-weibo {background-color:#e23c26;}
.btn-weibo:hover {background-color:#d43621;}
.btn-weibo i {background-position:-433px -476px;}
.btn-qq {background-color:#0e71c4;}
.btn-qq i {background-position:-537px -476px;left:8px;}
.btn-qq:hover {background-color:#0968b7;}

.buy-free:hover dt {background-color:#fdb940;}


.btn-blue{width: 100px;font-size: 16px;color: #fff;background: #1589ea;margin: 20px 0;}
.btn-blue:hover{background: #1e94f6;color: #fff;}

.footer {position: relative ;background-color: #3a3e47;margin: 0 auto;overflow: hidden;}

.about-links { height: 31px; line-height: 31px; background-color: #333;  text-align: center; color: #5d5d5d;font-size: 12px;}
.about-links a {margin: 0 10px;color: #fff;}


.go-top {background: url('../img/icon.png') no-repeat;width: 46px;height: 46px;position: fixed;left: 1180px;bottom: 40px;cursor: pointer;display: none;background-position: -5px -51px;}
.go-top:hover {background-position: -79px -51px;}

footer .copy-right {
    margin-top: 25px;
    position: relative;
}
footer .copy-right span {
    border-bottom: 1px solid #31353c;
    line-height: 28px;
    margin-bottom: 20px;
    display: block;
}
footer .copy-right, footer .copy-right span a {
    color: #707682;
    font-size: 12px;
}
footer .copy-right>a { width: 50px; height: 40px;position: absolute;  right: 15px;bottom: 18px; background-color: #3a3e47;}

@media (min-width: 1200px){
    .container{width: 1025px;position: relative;}
    .modal-dialog{width: 875px;}
    .modal-body{max-height: 500px;overflow: auto;}

}
@media (max-width:1200px){
   .dis-hide{display: none;}
}
@media (max-width:480px){
    .icon-bar{background-color: #fff;}
    .article-box{height: auto;}
    .article-pic{position: relative;width: 100%;height: auto;}
    .article-content{margin-left: auto;margin-top: 20px;}
    .content-title{height: 55px;margin-top: 20px;}
    .more-top{margin-bottom: 30px;}
    .go-top{left: auto;right: 20px;}
    .modal-body {display: inline-block;padding: 15px 0;}
    .modal-body-left{border: none;padding: 0;margin: 0;}
}
@media (max-width:325px){
    .judges-face{width: 130px;height: 130px;}
    .content-title span{font-size: 24px;}
}