input:-webkit-autofill{background-color: rgb(250, 255, 189); background-image: none; color: rgb(0, 0, 0);}

select.clearicon{ -webkit-appearance: none; appearance:none; -moz-appearance:none; -ms-appearance:none; -webkit-tap-highlight-color: #fff; outline: 0;}

.bg.login{background: url(../../images/version/login_bg.jpg;vpn_img) no-repeat center top; height: 1004px; overflow: hidden; }
.bg.posting-bg{ background-image: url(../../images/version/posting_system_login_bg.jpg;vpn_img) }
.posting-bg .page-title{ text-align: center; margin-top: 152px; }
.posting-bg .reg-login-frame{  padding-top:52px; overflow: initial; margin-top:85px; }
.posting-bg .tw-logo{ position: absolute; left: 50%; top: -72px; margin-left: -47px; }
.posting-bg .regform{ overflow: hidden;}

.reg-login-frame{ width:545px; padding-left:93px; border-radius: 4px; box-shadow:0px 0px 11px rgba(249, 132, 132, 0.4); overflow: hidden; padding-right:93px; padding-bottom:44px;  margin:227px auto 0 auto; background-color: rgba(255,255,255,.7); position: relative; }
.reg-login-frame h2{ text-align: center; font-size: 22px; color: #fff; padding-top: 30px; padding-bottom: 7px; }
.login-logo{ width: 100%; height: 104px; border-bottom: 4px #d0211c solid; background: #fff url(../../images/version/login_logo.jpg;vpn_img) no-repeat top center; }
.login-logo a{ display: block; width: 100%; height: 100%; }

.bg2.login{ background: url(../../images/version/login_bg2.jpg;vpn_img) no-repeat top center; width: 100%; overflow: hidden; border-top: 4px #d0211c solid;}
.bg2.login .reg-login-frame{ margin-top: 0; width: 447px; float: right; padding-left: 43px; padding-right: 43px; padding-bottom:73px; box-shadow: 0px 5px 11px rgba(249, 132, 132, 0.1);  background-color: #fff;}
.wrap-login .login-title-bar{ width: 100%; border-bottom: 1px #d4d4d4 solid; float: left; margin-bottom: 18px; }
.wrap-login .login-title-bar li{ width:50%; float: left; text-align: center; padding-bottom: 9px; padding-top: 47px;}
.wrap-login .login-title-bar li a{ font-size: 20px; color: #7a7a7a; position: relative; padding: 0 18px; }
.wrap-login .login-title-bar li a.actived{ font-weight: bold; color: #e50915; }
.wrap-login .login-title-bar li a.actived::after{content: ""; position: absolute; width: 100%; height: 2px; background-color: #e50915; left: 0; bottom: -10px; }

.wrap-login{ width: 1100px; margin: 0 auto; }
.wrap-login .group-bar{ width: 100%; padding: 29px 0; overflow: hidden; }
.wrap-login .group-bar ul{ float:right; }
.wrap-login .group-bar li{ float: left; color: #333333; padding-left: 22px; margin-left: 24px; }
.wrap-login .group-bar li.period{ background: url(../../images/version/group_period.png;vpn_img) no-repeat left center;  }
.wrap-login .group-bar li.emblem{ background: url(../../images/version/group_emblem_icon.png;vpn_img) no-repeat left center;  }
.wrap-login .group-bar li.song{ background: url(../../images/version/group_song_icon.png;vpn_img) no-repeat left center;  }
.wrap-login .group-bar li.league{ background: url(../../images/version/league_icon.png;vpn_img) no-repeat left center;  }
.wrap-login .group-bar li.group{ background: url(../../images/version/group_management.png;vpn_img) no-repeat left center;  }

.login-group-bar{ width: 100%; padding: 33px 0; overflow: hidden; }
.login-group-bar li{ width: 20%; text-align: center; float: left; }
.login-group-bar li a{ text-align: center; display: inline-block; width: 153px; height: 153px;}
.login-group-bar li a:hover{ box-shadow:0px 3px 8px rgba(109, 6, 6, 0.1);  }
.login-group-bar li a span{ margin-top: 30px; display: inline-block; color: #404040; width: 100%; font-weight: bold; font-size: 18px; }
.login-group-bar li a img{ margin-top: 28px; }

.form .item{ margin-top: 23px; width: 100%; float: left; }
.form .item.avatar-item{ width: 80px; height: 80px; border-radius: 50%; overflow: hidden; position: relative; float: none; margin: 26px auto 0 auto; border:1px #dbdbdb solid;background-size: 42px 36px; }
.form .item.avatar-item .avatar{ width:80px; height: 80px; border-radius: 50%; left: 0; top: 0; }
.form .item.avatar-item .avatar span{ display: block; width: 80px; height: 80px; background-position: center center; }
.form .item.avatar-item .avatar > div{ width: 80px; height: 80px; background-position: center center; background-size: cover; }
.form .item input.upload{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 0; background-size: cover; filter: alpha(opacity=0); -moz-opacity:0; opacity:0; cursor: pointer;}
.form .item label{ font-weight: normal; float: left; color: #5b5b5b; display: inline-block; line-height:44px; z-index: 10; }
.form input{ width:100%; height: 44px; line-height: 36px; float: left; padding:4px 8px; background-color: #fff; border:1px #dbdbdb solid; border-radius: 4px; }
.form .item.radio-item{ background-color: #fff; height: 52px; }
.form .item.radio-item input.radio{ width:20px; height: 20px; margin-top: 16px; margin-left: 8px; background-color: #fff; float: left; cursor: pointer; margin-right: 20px; }
.form .item.radio-item .wrap-radio{ padding-left:62px;}
.form .item.radio-item .wrap-radio label{ position: static; }
.form .wrap-radio label strong{ font-weight: normal; float: left; }


.form .item.dl{ position: relative;}
.form .item.dl .yzm-num{ cursor: pointer; position: absolute; height:44px; border-radius: 4px; width: 90px; right: 0; top: 0; border: 1px #dbdbdb solid; border-radius: 4px; }
.form .item.dl .yzm-num img{ width: 100%; height: 100%; display: block; }
.form .item.dl label{ display: block; position: absolute;  left: 22px; }
.form .item.dl label.error{ line-height: 22px; width: 100%; left: 0; font-size: 12px; margin-top: 4px; bottom: -20px; }
.form .item.dl input{ padding-left: 67px; background-color: #fff; color: #2b2b2b !important; transition: all 250ms; }
.form .item.dl input:focus{ border-color: #e50915; }
.form .item.dl input.third{ padding-left:80px; }
.form .item.dl input.four{ padding-left: 93px; }
.form .item.dl input.phone{ padding-right: 84px; }
.form .item.yzm input{ padding-right: 17px; padding-left: 77px; width: auto;}
.form .item .area-code{ position: absolute; height: 52px; left:4px; top: 0; }
.form .item .area-code select{ height: 100%; border: 0 none; background: 0 none; }
.form .item.attribution input{ padding-left: 14px; padding-right: 62px; }
.form .item .attribution-box{ position: absolute; right: 1px; top: 1px; width:82px; padding-left: 8px; }
.form .item .attribution-box select{ width: 100%; height:42px; border: 0 none; border-top-right-radius: 4px; border-bottom-right-radius: 4px  }
.form .item.verification input{ padding-left: 14px; }
.form .item.verification .message-code{ padding-right: 100px; padding-left: 23px; }
.form .item.verification .wrap-code{ position: absolute; right: 0; top: 0; color: #38a7c7; padding:8px 10px 8px 0; font-size: 13px; height: 100%; min-width: 72px;}
.form .item.verification .sendbtn{ position: relative; height: 28px; line-height: 28px; border-left: 1px #ccc solid; padding: 0 12px; }
.form .item.verification .sendbtn:after{ content: ""; width: 1px; height: 20px; background-color: #ccc; position: absolute; left: 0;  }
.form .item.verification .sendbtn[disabled]{ color: #ccc !important; }
.form .item .sendbtn span{ display: block; height: 28px; line-height: 28px; border-left: 1px #d4d4d4 solid; font-size: 13px; padding: 0 14px; }
.form .item .select-box{ height: 44px; background-color: #fff; padding-left: 62px; border: 1px #dbdbdb solid; border-radius: 4px; }
.form .item .select-box select{ border: 0 none; width: 100%; height:100%; border-radius: 4px; }
.form .item .select-box select.provice,
.form .item .select-box select.city{ width:100%; float: left; line-height: 42px; text-indent: 3px; position: relative; }
.form .item .select-box select.provice::after{content: ""; position: absolute; width: 2px; height: 2px; background: red;}
.form .item .select-box.four{ padding-left: 92px; }
.form .item .select-box.five{ padding-left: 108px; }
.form .item .select-box button{ width: 100%; border-radius: 0; height: 100%; color: #bcbbbb; background: 0 none; border: 0 none; text-align: left; padding-left: 0; padding-right: 0; }
.form .item .select-box button.selected{ color: #4c4c4c; }
.form .item .select-box .province, .form .item .select-box .city{ float: left; width: 50%; height: 42px;}
.form .item.textarea{ padding-left:94px; background-color: #fff; border: 1px #dbdbdb solid; border-radius: 4px; }
.form .item textarea{ border: 0 none; background: #fff; width: 100%; padding-top: 14px; line-height: 18px; padding-right: 8px; }
.form .item.password-eye{ position: relative; }
.form .item.password-eye .password{ padding-right: 38x; }
.form .item.password-eye .eye{ position: absolute; right: 14px; top:0; width:20px; height:44px; background: url(../../images/version/show_pwd.png;vpn_img) no-repeat center center; cursor: pointer; }
.form .item.password-eye .eye.invisibles{ background-image: url(../../images/version/hide_pwd.png;vpn_img); background-position: center center; }

.form .button{ width: 100%; float: left; margin-top: 16px;}
.form .button .submit{ background-color:#e50915; line-height: normal;  width: 100%; height: 43px; margin-top:32px; border: 0 none; font-size: 18px; color: #fff; border-radius: 4px; }
.form .button label{ display: block; font-weight: normal; color: #5b5b5b; font-size: 12px; }
.form .button span{ display: inline-block; line-height: 20px; color: #5b5b5b; }
.form .button span a{ color: #e50915; }
.form .button p{ display: block; float: left; width: 100%; }
.form .button p.tip{ color: #fff; }
.form .button p.protocol{  position: relative; margin-top: 2px; }
.form .button p.protocol .agreement-content{ cursor: pointer;  font-size: 12px; color: #5b5b5b; float: left; background: 0 none; border: 0 none; line-height: 20px;}



.checkbox-bar{ float: left; padding-left: 21px; }

.checkbox-bar .cbox-icon{ display: block; width: 15px; height: 15px; background: url(../../images/version/check_icon.png;vpn_img) no-repeat; position: absolute; left: 0; top:2px; }
.checkbox-bar.checked .cbox-icon{ background-image: url(../../images/version/checked_icon.png;vpn_img); }
.form .button p.protocol .cbox{ position: absolute; left: 0; width: 15px; height: 15px; top: 2px; opacity: 0.3; filter:Alpha(opacity=30) }
.form .button .link-button{ width: 100%; height: 43px; line-height: 43px; color: #fff; float: left; background-color: #d0211c; border-radius: 4px; text-align: center; margin-top:6px; }
.form .button label.error{ position: absolute; bottom: -14px; left: 0; }
.form .cbox{ width: 15px; height: 15px; cursor: pointer; margin-top: 0; }
.form .button-bar{ margin-top: 22px; overflow: hidden; width: 100%; float: left; }
.form .button-bar span{ display: table; margin: 0 auto; color: #000; }
.form .button-bar a{ color: #5b5b5b; }
.form .button-bar a:hover{ color: #761c19; }
.form .error{  color:#f30101!important;  }
.form .pick-region{ height: 100%; width: 100% !important; }
.form .pick-show{ padding-top: 17px; padding-bottom: 15px; }
.form .pick-show span{ cursor: pointer; }
.form .pick-show span:hover, .form .pick-show span.pressActive{ background: 0 none !important; }
.form .pick-list{ background-color:#fff; width: 100% !important; position: relative; z-index: 100; height: 160px; overflow-y: auto; display: none; }
.form .pick-list li{ cursor: pointer; line-height: 36px; padding:0 8px;}
.form .pick-list li:hover{ background:#eee !important; }

.form-control:focus{ border-color: #d0211c; box-shadow: none; }

em.gt{ margin: 0 5px; }

.title-list{ height: 34px; width: 100%; border-bottom: 2px #ce101a solid; position: relative; }
.title-list:after{ content: ""; width: 157px; height: 36px; background: url("../../images/title_bg.png;vpn_img") no-repeat; position: absolute; left:-20px; bottom: -2px; z-index: 1; }
.title-list strong{ min-width: 134px; text-align: center; line-height: 34px; float: left; background-color: #df361f; color: #fff; font-size: 16px; font-weight: normal; padding: 0 8px; position: absolute; z-index: 2; bottom: 0px;  }

.news-lits-bar{ margin-top: 20px; padding-bottom: 20px;min-height: 500px; }
.news-lits-bar li{ padding:20px 0; overflow: hidden; border-bottom: 1px #dbdbdb dashed; }
.news-lits-bar li strong{ float: left; font-weight: normal; position: relative; padding-left: 15px; height: 20px; line-height: 20px; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 45px; }
.news-lits-bar li strong:after{ content: ""; width: 6px; height: 6px; background-color: #cccccc; position: absolute; left: 0; top: 50%; margin-top: -3px; }
.news-lits-bar li span{ float: right; }
.news-lits-bar li em.fz{ color: #ccc;  font-size: 12px; margin-left: 6px;}
.news-lits-bar li .preview{ font-size: 12px; color: #ce101a; }
.news-lits-bar .layui-badge, .news-lits-bar .layui-badge-dot, .news-lits-bar .layui-badge-rim{ background-color: #d0201c; margin-left: 8px; position: absolute; right: 0; }

.content-center{ background-color: #fff; padding-top: 50px; margin: 12px auto 18px auto; border: 1px #f2f3fd solid; border-radius: 4px; box-shadow:0 2px 8px #f2f3fd; padding-bottom: 52px; }
.content-center .content-box{ width: 1040px; margin: 0 auto; }
.content-center .situation{ float: right; line-height: 34px; color: #808080;}
.content-center .situation a{ color: #808080; }

.articles{ padding-bottom: 57px; }
.articles h2{ text-align: center; font-size: 24px; color: #4c4c4c; margin-top: 56px; }
.articles .title-bar{ overflow: hidden; padding-top: 48px; padding-bottom: 32px; color: #808080; }
.articles .title-bar .date{ float: left; }
.articles .title-bar .clicks{ float: right; }
.articles .title-bar .clicks em{ color: #d0201c; font-weight: bold; margin-left: 6px; }
.articles p{ text-align: justify; line-height: 35px; font-size: 16px;}
.articles p span {font-size: 16px!important;}
.articles p img{ max-width: 100%; }
.articles p.img{ text-align: center; padding: 33px 0; }
.articles img{  display: block; margin:18px auto;  }
.articles video{ width: 560px!important; height: 360px!important;}

.article-bar{ padding: 38px 0; }
.article-bar p{ line-height: 26px; }
.article-bar p strong{ font-weight: normal; }

.modal.in .modal-dialog{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.modal-dialog{position:absolute; width:auto;margin:0 auto 0 auto;left:0;right:0;top:50%}
.select-dialog .modal-content{  box-shadow:none; border-radius: 0; border: 0 none; display: table; margin: 0 auto; border-radius: 4px;}
.select-dialog .league-tree{ padding: 32px 100px; max-height: 520px; overflow-y: auto;}
.select-dialog .modal-title{ text-align: center; font-weight: bold; color: #d0201c; font-size: 16px; }
.select-dialog .modal-header{ border-bottom-color: #dbdbdb; }

.agreement-modal .modal-dialog{ width:800px; }
.agreement-modal .modal-title{ font-weight: bold; font-size: 18px; text-align: center; color: #d0201c; }
.agreement-modal .modal-body{ padding-left: 30px; padding-right: 30px; padding-top: 0; height:400px; overflow: hidden; overflow-y: auto; }
.agreement-modal .modal-body h2{ color: #000; font-size: 18px; font-weight: bold; padding: 25px 0 11px 0; }
.agreement-modal .modal-body p{ color: #4c4c4c; line-height:30px; text-align: left; }

.jstree-default .jstree-closed>.jstree-ocl{ background: url(../../images/version/jiahao123.png;vpn_img) no-repeat 5px 7px!important; }
.jstree-default .jstree-closed>.jstree-anchor>.jstree-themeicon{background: url(../../images/version/wenjiange369.png;vpn_img) no-repeat 5px 7px!important;  }
.jstree-default .jstree-open>.jstree-anchor>.jstree-themeicon{background: url(../../images/version/openwenjian.png;vpn_img) no-repeat 5px 7px!important;   }
.jstree-default .jstree-clicked{ background-color: #d0201c; }
.jstree-default .jstree-open>.jstree-ocl{ background: url(../../images/version/jianhao987.png;vpn_img) no-repeat 5px 7px!important; }
.jstree-default .jstree-anchor>.jstree-themeicon{ background: url(../../images/version/wenben562.png;vpn_img) no-repeat 5px 7px !important;}

.foot{ width: 100%; background-color: #fff; padding: 17px 0; clear: both; }
.foot p{ text-align: center; line-height: 21px; }
.foot p.p1{ font-size: 13px; color: #d0201c; }
.foot p.p2{ font-size: 12px; color: #ff5d5d; }

.detail-message{ margin-top: 38px; position: relative; overflow: hidden; }

.detail-message .images{ float: left; position: relative; width: 349px; height: 262px; overflow: hidden; }
.detail-message .images img{ width: 100%; height: 100%; }
.detail-message .images .status{ position: absolute; right: 22px; top: 0;}

.detail-message .message{ margin-left: 18px; float: left; width: 382px; position: relative; padding-top: 10px; }
.detail-message .message .fun-bar{ padding-bottom: 12px; padding-top: 8px;}
.detail-message .message .fun-bar span{ width: auto; margin-left: 20px;}
.detail-message .message .fun-bar span:nth-child(1){ margin-left: 0;}
.detail-message .message h2{ color: #1c1c1c; font-size: 18px; font-weight: bold; line-height: 20px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 8px; }
.detail-message .message p{ color: #808080; line-height: 25px; }
.detail-message .message p .site{ background: url("../../images/tuanjian/site_icon.png;vpn_img") no-repeat right center !important; padding-right: 21px; padding-left: 0 !important; margin-left: 0 !important; }
.detail-message .message .signup{ cursor: pointer; width: 89px; height: 33px; border-radius: 4px; background-color: #df361f; display: block; position: absolute; color: #fff; text-align: center; line-height: 33px; right: 0; top: 43px;}
.detail-message .message .registered{  background-color: #afafaf; }
.detail-message .message .button{ margin-top: 14px; }

.layui-bg-green{ background-color: #d0201c !important; }

.organizer{border: 1px #e2e2e2 solid; margin-top: 40px; min-width: 206px; float: right; background-color: #fafafa; padding-bottom: 8px;}
.organizer h2{ background-color: #fff; text-align: center; height:30px; line-height:30px; color: #ce101a; }
.organizer dl.dl{ width: 100%; padding: 13px 13px 0 13px;}
.organizer dl dd{ padding-left: 41px; }
.organizer dl dd h3{ font-weight: bold; color: #1c1c1c; font-size: 16px; padding-bottom:6px; }
.organizer dl dd p{ font-size: 12px; color: #1c1c1c; }
.organizer dd li{ float: left; text-align: center; font-size: 12px; margin-top: 8px; margin-left: 24px; }
.organizer dd li:nth-child(1){ margin-left: 0; }
.organizer dd li strong{ font-weight: normal; color: #808080; display: block; width: 100%; }
.organizer dd li span{ display: block; width: 100%; color: #ce101a; font-weight: bold; margin-top: 2px; line-height: 22px; }
/*tj*/

table.course{ width: 100%; }
table.course td, table.course th{ text-align: center; border: 1px #e6e6e6 solid; padding:14px 6px; }
table.course th{ font-weight: normal; color: #fe7e00; font-size: 16px; background-color: #fafafa; }
table.course td{ color: #000; }

.detail-tab{ overflow: hidden; width: 100%; margin-top: 43px; }
.detail-tab .nav-tabs>li>a{ border-radius: 0; color: #808080; margin-right: 0; border: 1px #e2e2e2 solid; }
.detail-tab .nav-tabs li a{ border-left: 0 none; }
.detail-tab .nav-tabs{ border-left: 1px #e2e2e2 solid; }
.nav>li>a{ padding-top: 5px; padding-bottom: 5px; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background-color: #e6e6e6; color: #000000; border-color: #e2e2e2;border-left: 0 none;}
.nav-tabs{ border-bottom-color: #e2e2e2;}
.detail-tab-content{ border: 1px #e2e2e2 solid; border-top: 0 none; padding:0 0 68px 0;}
.detail-tab-content .apply-lists li.dl{ padding-left: 68px; }
.detail-tab-content .apply-lists li.dl .contents{ text-align: left; }
.detail-tab-content .apply-lists li.dl .name-bar{ margin-top: 6px; }

.detail-tab-content .article p{ text-align: justify; color: #4c4c4c; line-height: 28px; }
.detail-tab-content .article p span{ line-height: 28px; font-family: "微软雅黑"; }
.detail-tab-content .article p.mt{ margin-top: 28px; }
.detail-tab-content .article p.red{ color: #df361f; }

.detail-tab-content .page{ padding-bottom: 0; }
.detail-tab-content .tab-pane{ padding-top: 34px; padding-left: 48px; padding-right: 48px; }
.detail-tab-content .tab-pane.clear-pt{ padding-top: 0; }
.detail-tab-content .tab-pane.clear-plr{ padding-left: 0; padding-right: 0; }
.detail-tab-content .comment-bar{ padding-left: 48px; padding-right: 48px; padding-top: 26px; padding-bottom: 30px; background-color: #fafafa; overflow: hidden; }
.detail-tab-content .comment-bar h5{ color: #000000; font-size: 16px; }
.detail-tab-content .comment-bar textarea{ width: 100%; border: 1px #e2e2e2 solid; height: 130px; padding:12px 14px; margin-top: 15px; background-color: #fff; }
.detail-tab-content .comment-bar .button span{ color: #727272; }
.detail-tab-content .comment-bar .button .submit-btn{ width: 89px; height: 33px; border-radius: 4px; margin-top: 10px; color: #fff; background-color: #df361f; border: 0 none; float: right;}
.detail-tab-content .comment .apply-lists{ padding-left: 48px; padding-right: 48px; text-align: center; padding-bottom: 100px; padding-top: 100px; }

.apply-lists li{ line-height: 61px; width: 100%; overflow: hidden; padding: 24px 0; border-bottom: 1px #ebebeb solid; }
.apply-lists li.dl{ position: relative; min-height:113px; padding-left: 90px;  }
.apply-lists li.dl .avatar{ position:absolute; left: 0;}
.apply-lists li.dl .name-bar{overflow: hidden; line-height: 20px;}
.apply-lists li.dl .name-bar strong{ float: left; color: #000000; }
.apply-lists li.dl .name-bar span{ float: right; color: #808080; font-size: 12px; }
.apply-lists li.dl .contents{ line-height: 22px; color: #4c4c4c; margin-top: 6px; }
.apply-lists .avatar{ line-height: 61px; }
.apply-lists .avatar strong{ font-weight: normal; margin-left: 32px; font-size: 16px; color: #000000; }
.apply-lists .date{ line-height: 61px;}

.personal-center .right-bar{ width: 920px; float: right; background-color: #fff; padding: 37px 30px 0 30px; margin-bottom: 49px; }
.personal-center .right-bar .situation{ width: 100%; text-align: right; color: #808080; }
.personal-center .right-bar .situation a{ color: #808080; }
.personal-center .title-bar a{ display: inline-block; width: 89px; height: 33px; color: #df361f; border: 1px #df361f solid; border-radius: 4px; text-align: center; line-height: 33px; margin-right: 30px; }
.personal-center .title-bar a.active{ background-color: #df361f; color: #fff; }
.personal-center .title-tip{ color: #fe7e00; margin-top:36px; padding-bottom: 14px; }
.personal-center .right-bar .img-lists{ padding-left: 0; padding-right: 0; }
.personal-center .right-bar .img-lists li{ width: 280px; height: 334px; margin-right: 9px; position: relative;}
.personal-center .right-bar .layui-tab-content{ padding: 0; }
.personal-center .right-bar .course{ width: 280px; height: 348px; margin-right: 9px; margin-bottom: 14px; }
.personal-center .right-bar .course:nth-child(3n){ margin-right: 0;}
.personal-center .img-lists li .wrap-img{ width: 280px; height: 237px; overflow: hidden; }
.personal-center .img-lists li .wrap-img img{ width: 100%; height: 100%; }
.personal-center .img-lists li .img{ display: block; width: 280px; height: 237px; overflow: hidden; text-align: center; }
.personal-center .img-lists .img img{ width: 100%; }
.personal-center .img-lists .img{ position: relative;}
.personal-center .img-lists .img span{ display:table-cell; position: absolute; width: 100%; left: 0; top:50%; margin-top: -10px; color: #fff; font-size:20px; vertical-align: middle; z-index: 3; display: none; }
.personal-center .img-lists .status-img::after{ display: none; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0;  }
.personal-center .img-lists .status-img:hover span, .personal-center .img-lists .img:hover::after{ display: block; }
.personal-center .img-lists ul{ width: 868px;}
.personal-center .right-bar .page{ padding-bottom: 49px; }
.personal-center .img-lists li .box{ padding-left: 15px; padding-right: 15px; height: auto; overflow: hidden; padding-top: 9px; padding-bottom: 12px;  position: relative; }
.personal-center .img-lists li .box p{ padding: 0; margin-right: 0; height: 22px; text-align: left; }
.personal-center .img-lists li .box p.msg{ margin-top: 2px; }

.select-icon{ position: relative; }
.select-icon::after{ content: ""; position: absolute; top:50%; right: 11px; margin-top: -1px; width: 0; height: 0; border: 5px solid transparent; border-top-color: #b8b8b8;}
.select-icon select{ padding-right: 26px; }


/*date ~*/
.ui-widget.ui-widget-content{ border-color: #dbdbdb; margin-top: -1px; border-radius: 4px; padding: 3px 7px; width: 290px; z-index: 10 !important; }
.ui-widget-header{ border: 0 none; background: 0 none; }
.ui-datepicker .ui-datepicker-title select{ font-weight: normal; font-size: 13px; width: auto; margin: 0 3px; border: 0 none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{ border: 0 none; background: 0 none;}
.ui-icon, .ui-widget-content .ui-icon{ background-image: url(../../images/ui-icons5.png;vpn_img);  }
.ui-state-hover .ui-icon{ background-image: url(../../images/ui-icons5.png;vpn_img); }
.ui-datepicker .ui-datepicker-next{ right: 1px; top: 3px; }
.ui-datepicker .ui-datepicker-prev{ left: 1px; top: 3px; }
.ui-state-default, .ui-widget-content .ui-state-default{ border: 0 none; }
.ui-datepicker td span, .ui-datepicker td a{ padding: 10px; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{ background-color: #d0211c; color: #fff;}
.ui-datepicker th{ font-weight: normal; }

.layui-laypage{ width: 100%; text-align: center; }
.layui-laypage a:hover { color: #ec4238;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{  background-color: #ec4238;  }
.layui-laypage a, .layui-laypage span{ height: 31px; line-height: 31px; margin: 0 3px; border-radius: 4px; }
.layui-laypage>a:last-child, .layui-laypage>a:last-child em{ border-radius: 4px; }
.layui-laydate-header i:hover, .layui-laydate-header span:hover{ color: #ec4238; }
.layui-btn{ background-color: #ec4238; }

.nocontents{ color: #262626; padding: 180px 0; }

.btn-group-sm>.btn, .btn-sm{ border: 0 none;}

.table-bordered>tbody>tr:hover{ background: 0 none !important;}
td.t-c{ text-align: center; }


.layui-form-radio i:hover, .layui-form-radioed i,
.layui-form-checked i, .layui-form-checked:hover i{ color: #df361f !important; }
.layui-form-checked span, .layui-form-checked:hover span{ background-color: #df361f !important; }
.layui-form-checked, .layui-form-checked:hover{ border-color:#df361f !important;}
#signUpDialog{ width: auto !important; }

.news-title-bar{ background-color: #fff; padding-left: 40px; padding-right: 40px; padding-top: 28px; padding-bottom: 18px; margin-top: 10px; }
.news-title-bar h2{ font-size: 20px; color: #b00303; font-size: 28px; display:inline-block; width: 100%; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-weight: bold; padding-bottom: 13px; }
.news-title-bar p{ color: #6e6e6e; line-height: 22px; }
.news-title-bar p a{ color: #006dc0; margin-left: 2px; }

.news-page .news-box{ background-color: #fff; margin-top: 8px; padding-left: 20px; padding-right: 20px; padding-top: 22px; overflow: hidden; padding-bottom:30px; }
.news-page .news-box .banner{ margin-top: 40px; overflow: hidden; width: 100%; float: left; }
.news-page .box2{ width: 100%; margin-top: 35px; float: left; }
.news-page .special-topic-tab{ width: 706px; margin: 0; border-top: 2px #b00303 solid; }
.news-page .special-topic-tab .wrap-tab-title{ overflow: hidden; border-bottom: 1px #e2e2e2 solid;}
.news-page .special-topic-tab .more{ float: right; line-height: 63px; margin-right: 6px; }
.news-page .special-topic-tab .layui-tab-title{ height: 63px; float: left; border-bottom: 0 none; }
.news-page .special-topic-tab .work-dynamic dl{ border-bottom: 1px #e2e2e2 solid; padding: 18px 0; height: 181px;}

.layui-carousel>[carousel-item]>* a{display: block; float: left; width: 100%; height: 100%; }
.layui-carousel>[carousel-item]>* a .title{ text-indent: -9999em; position: relative; z-index: 0; width: 100%; display: block; }

.special-topic-tab .layui-tab-title li{ height: 63px; line-height: 63px; font-size: 24px; color: #909090; font-weight: bold; padding: 0 38px; }
.special-topic-tab .layui-tab-title li::before{ content: ""; width: 1px; height: 20px; background-color: #e2e2e2; display:block; position: absolute; left: 0; top: 50%; margin-top: -10px; }
.special-topic-tab .layui-tab-title li:nth-child(1)::before{ display: none; }
.special-topic-tab .layui-tab-title li::after{ display: none; }
.special-topic-tab .layui-tab-title li.layui-this{ color: #b00303; }
.special-topic-tab>.layui-tab-more li.layui-this:after, .special-topic-tab>.layui-tab-title .layui-this:after{ display: none;}

.news-page .gqnews{ width: 542px; }

.icon-title-bar{ position: relative; border-bottom: 1px #fd6b70 solid; float: left; width: 100%; }
/* .icon-title-bar::after{ position: absolute; content: ""; width: 100%; border-bottom: 1px #ccc solid; } */
.icon-title-bar strong{  font-size:24px;  color: #b00303; font-weight: bold; position: relative; float: left; padding-left: 30px; background-color: #fff; margin-bottom: -1px; padding-right:46px;}
.icon-title-bar strong::after{ content: ""; width: 31px; height: 40px; background: url(../../images/version/icon_title_bar_left.png;vpn_img) center top no-repeat; position: absolute; left: 0; top: 0; }
.icon-title-bar strong::before{ content: ""; width: 42px; height: 20px; display: block; position: absolute;background: url(../../images/version/icon_title_bar_right.png;vpn_img) center top no-repeat; right: -11px; bottom: 0; }
.icon-title-bar .more{ float: right; color: #525050; height: 39px; display: table-cell; vertical-align:bottom; line-height: 50px; } 
.icon-title-bar strong em{ display: table-cell; height: 40px; vertical-align: bottom; }


.date-news-lists{ height: auto!important; padding-top: 0; padding-bottom: 0; }
.date-news-lists ul li{ height: 20px; margin-top: 17px; width: 100%; float: left; }
.date-news-lists ul li a{  color: #000000; position: relative; width: 100%; float: left; padding-left: 12px; }
.date-news-lists ul li a:hover{ color: #cf1219; }
.date-news-lists ul li strong{ font-weight: normal; float: left; position: relative; display: block; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.date-news-lists ul li strong em{    color: #c3110e;}
.date-news-lists ul li a:after{ content: ""; display: block; width: 3px; height: 3px; background-color: #e5e5e5; left: 0; top: 50%; margin-top: -1px; position: absolute; }
.date-news-lists ul li span{ float: right; }
.date-news-lists ul li a div{ border-top: 1px #e1e1e1 dashed; width: 100%; float: left;height: 39px; line-height: 39px; }
.date-news-lists ul li:nth-child(1) a div{ border-top: 0 none; }
.date-news-lists ul li .status{ color: #bb0303; margin-right: 22px;}

.date-news-lists.s1 ul{ padding-top: 9px; width: 100%; float: left; }
.date-news-lists.s1 ul li{ height: auto; margin-top: 0; }
.date-news-lists.s1 ul li a{ background: url(../../images/version/finance_icon.png;vpn_img) no-repeat left center; padding-left: 14px;}
.date-news-lists.s1 ul li a:after{ display: none; }
.infor-center .date-news-lists.s1 ul li a div{ height: 34px; line-height: 34px; }

.gqnews .date-news-lists{ margin-top: 18px; float: left; width: 100%; }
.gqnews .date-news-lists li{ height: auto; margin-top: 0;}

.home-banner{ margin-top: 10px; display: none; }

.search-letter{ background-color: #f5f5f5; margin-top: 3px; }
.search-letter h2{ height: 43px; line-height: 43px; text-indent:16px; background-color: #bb0303; color: #fff; font-size: 16px; }
.search-letter .conts{ padding-left: 11px; padding-top: 15px; padding-bottom: 15px; }
.search-letter dl{height: 43px; width: 100%; background-color: #fff; }
.search-letter dd input{ border: 0 none; height: 43px; width: 100%; padding-left: 10px; }
.search-letter dt{ width: 62px; height: 44px; background-color: #bb0303; color: #fff; right: 0;}
.search-letter dt button{ width: 100%; height: 44px; background: 0 none; border: 0 none; }

.regulation-column{ padding-top: 87px; padding-bottom: 6px; margin-top: 10px; width: 352px; height: 371px; background: url("../../images/regulation_column_bg.png;vpn_img") no-repeat; }
.regulation-column ul{ display: block; width: 100%; height: 100%; }
.regulation-column ul li{ height: 86px; }
.regulation-column ul li a{padding: 0 30px; width: 352px; height: 86px; display: table-cell; vertical-align: middle; color: #fff; font-size: 16px; min-height: 28px; }
.regulation-column ul li a span{ padding-left: 55px; line-height: 28px; background: url("../../images/hammer_icon.png;vpn_img") no-repeat left center; display: block; min-height: 28px; }
.regulation-column ul li a:hover{ background-color: #e12b2b; }

.layui-laydate .layui-this{ background-color: #b92a2a !important; }
.layui-laydate-footer span:hover{ color: #b92a2a; }
.laydate-footer-btns span{ border: 0 none; }

.infor-center{ overflow: hidden; }
.infor-center .box1{ margin-top: 5px; }
.infor-center .contents{ background-color: #fff; width: 100%; float: left; padding: 17px 22px 38px 22px; margin-top: 5px; }
.infor-center .gqnews{ width:100%; }
.infor-center .date-news-lists ul li a div{ height: 46px; line-height: 46px;  }
.infor-center .gqnews .date-news-lists{ margin-top: 10px; }
.infor-center .gqnews .complaint{ float: right; color: #bb0303; line-height:39px; background:url(../../images/version/complaint_icon.png;vpn_img) no-repeat left center; padding-left: 23px;  }

.infor-center .list-table{ width: 100%; }

.interactive-box .lef{ width: 760px; }
.interactive-box .rig{ width: 357px; }
.interactive-box .rig .img-bar li{ margin-top: 13px;}
.interactive-box .rig .img-bar li:nth-child(1){ margin-top: 0; }
.interactive-box .list-table{ margin-top: 19px; float: left;border-collapse:collapse; }
.interactive-box .list-table th{ font-weight: normal; color: #000000; height: 39px; text-align: center; background-color: #fef3f3; }
.interactive-box .list-table td span{ text-align: center; display: inline-block; width: 100%;  overflow: hidden; }
.interactive-box .list-table td{ border-bottom: 1px dashed #e5e5e5; padding: 12px 0; color: #383636;}
.interactive-box .list-table td.oper span{ color: #db0f0f; }
.interactive-box .list-table td.num{ padding-left: 12px; width:200px; }
.interactive-box .list-table td.num span{ text-align: left; position: relative; padding-left: 12px; }
.interactive-box .list-table td.num span::after{ content: ""; display: block; width: 3px; height: 3px; background-color: #e5e5e5; left: 0; top: 50%; margin-top: -1px;
 position: absolute; }
 .interactive-box .list-table td.title{ width: 212px; }
 .interactive-box .list-table td.title span{ width: 212px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .interactive-box .list-table td.date{ width: 190px; }

 .interactive-box .img-lists{ padding: 0; }
 .interactive-box .youth-classroom{ width: 100%; margin-top: 25px; float: left; }
 .interactive-box .youth-classroom li{ width:279px; }
 .interactive-box .youth-classroom li .box{ padding-left: 12px; padding-right: 12px; overflow: hidden;}
 .interactive-box .youth-classroom li p.name a{ font-size: 16px; }
 .interactive-box .youth-classroom li .fun-bar{ width: 100%;}
 .interactive-box .youth-classroom li:nth-child(3n){ margin-right:13px; }
 .interactive-box .youth-classroom li:nth-child(4n){ margin-right:0; }
 .interactive-box .youth-classroom ul{ width: 1157px; }

 .youth-activities.img-lists li{ margin-top: 27px; width: 374px; margin-bottom: 0; }
 .youth-activities.img-lists li img{  width: 187px; height: 141px; float: left; }
 .youth-activities.img-lists li>a{ height: auto;}
 .youth-activities.img-lists li .box{ padding: 0; width: 186px; float: left;}
 .youth-activities.img-lists li p{ padding-left: 11px; }
 .youth-activities.img-lists li p.name{ height: auto; padding-top:10px; }
 .youth-activities.img-lists li p.name a{ font-weight: bold; font-size: 15px; color: #080103;}
 .youth-activities.img-lists li p.msg.p1{ margin-top: 24px; }
 .youth-activities.img-lists li p.msg.p2{ margin-top:0; }
 .youth-activities.img-lists li:nth-child(3n){ margin-right:13px;}
 .youth-activities.img-lists li:nth-child(2n){ margin-right:0;}

.infor-center .box2{ background-color: #fff; width: 100%; float: left; border: 1px #c90d0d solid; padding: 21px 25px 12px 25px; }
.infor-center .box3{ margin-top: 52px; width: 100%; float: left; }
.infor-center .box3 .electronic-journals{ background: 0 none; border: 1px #c90d0d solid; width: 339px; }


.special-box .b1{ overflow: hidden; width: 100%; float: left; }
.special-box .b1 .fl{ width: 794px; height: 341px; overflow:hidden; }
.special-box .b1 .fr ul li{ width: 341px; height: 100px; overflow: hidden; }
.special-box .b2{ width: 100%; overflow: hidden; margin-top: 29px; float: left; }
.special-box .b2 dl{ width: 369px; float: left; background-color: #f9fafb; }
.special-box .b2 dl dt{ width: 369px; height: 215px; overflow: hidden; }
.special-box .b2 .icon-list{ padding-bottom:13px; padding-left: 13px; padding-right: 13px; }


.more-title{ border-bottom: 1px #ccc solid; padding-bottom: 9px; }
.more-title strong{ color: #4a4a4b; font-size: 22px; background: url("../../images/book_icon.png;vpn_img") no-repeat left center; padding-left: 38px; position: relative;}
.more-title .more{ float: right; color: #525050; line-height: 29px; }

.downloads .more-title strong{ background-image: url(../../images/version/download_icon.png;vpn_img) }
.downloads .more-title strong.lock{ background-image: url(../../images/version/download_lock_icon.png;vpn_img) }

.infor-center .file-library{ width: 100%; }
.infor-center .file-library .more-title{ border-bottom: 3px #f3f3f3 solid; }
.infor-center .file-library .more-title strong{ background-image: url("../../images/version/file-library-icon.png;vpn_img"); padding-left: 56px; background-position:4px center; padding-right: 24px; }
.infor-center .file-library .more-title strong::after{ width: 100%; content: ""; border-bottom: 3px #c90d0d solid; position: absolute; left: 0; bottom: -12px;}
.infor-center .file-number{ width: 100%; margin-top: 23px; }
.infor-center .file-number span{ line-height: 36px; float: left;}
.infor-center .file-number input{ border: 1px #d2d2d2 solid; height: 36px; padding: 0 8px; float: left; }
.infor-center .file-number input.file-num{ width:476px; margin: 0 20px; }
.infor-center .file-number input.year{ width:157px; padding-right: 22px; }
.infor-center .file-number .wrap-dropdown{ position: relative; float: left; margin: 0 12px; }
.infor-center .file-number .wrap-dropdown::after{ content: ""; position: absolute; top: 16px; right: 11px; width: 0; height: 0; border: 5px solid transparent; border-top-color: #b8b8b8; }
.infor-center .file-number .search-btn{ width:131px; height: 36px; color: #fff; background-color: #b92a2a; border: 0 none; float: left; margin-left: 11px; }
.file-library-tab{ width: 100%; float: left; margin: 28px 0 0 0; }
.file-library-tab .layui-tab-title{ width: 127px; height: 180px; float: left; border-bottom: 0 none; position: relative; padding: 12px 0;}
.file-library-tab .layui-tab-title::after{ content:""; border-right: 1px #b92a2a solid; height: 100%; width: 1px; position: absolute; right: 3px; top: 0; }
.file-library-tab .layui-tab-title li{ float: left; font-size: 16px; width: 100%; padding-left: 0; line-height: 34px; margin: 5px 0; }
.file-library-tab .layui-tab-title li.layui-this{ }
.file-library-tab .layui-tab-title li.layui-this span{ background-color: #b92a2a; color: #fff; width: 104px; display: block; }
.file-library-tab .layui-tab-title .layui-this::after{ display: none;}
.file-library-tab .layui-tab-title .layui-this::before{content: ""; width: 8px; height: 8px; background-color: #b92a2a; border: 0 none; top: 50%; right:0; margin-top: -4px; position: absolute;} 

.file-library-tab .layui-tab-content{ float: left; padding: 10px 0 10px 32px; width: 643px; }
.file-library-tab .layui-tab-content li{ line-height: 32px; height: 32px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.file-library-tab .layui-tab-content li a{ color: #040404; }
.file-library-tab .layui-tab-content li a:hover{ color: #b92a2a; }
.file-library-tab .layui-tab-content li a strong{ float: left; font-weight: normal; height: 32px; width: 76%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.file-library-tab .layui-tab-content li a strong em{ color: #b92a2a; margin-right: 18px; }
.file-library-tab .layui-tab-content li a span{ float: right; }

.infor-center .file-library-tab .layui-tab-content{ width:977px; }

.finance{ width: 349px; }
.finance .img{ margin-top: 10px; display: block; width: 349px; height: 85px; overflow: hidden; }
.finance.downloads{ margin-left: 55px; }
.icon-list{ width: 100%;}
.icon-list li a{ color: #000000; margin-top: 20px; height: 19px; line-height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; background: url("../../images/version/finance_icon.png;vpn_img") no-repeat left center; padding-left: 14px; }
.icon-list li a:hover{ color: #cf1219; }

.electronic-journals{ background-color: #faeeee; width: 337px;}
.electronic-journals .title-bar{ padding-left: 23px; padding-right: 23px; padding-top: 24px; padding-bottom: 15px; overflow: hidden; border-bottom: 1px #b92a2a solid; }
.electronic-journals .title-bar dd{ padding-left: 72px; }
.electronic-journals .title-bar dd h2{ font-size: 22px; color: #4a4a4b; }
.electronic-journals .title-bar dd a{ display:block; border: 1px #d2d2d2 solid; border-radius: 4px; color: #4a4a4b; float: left; width: 140px; line-height: 28px; text-align: center; height: 28px; margin-top: 12px; }
.electronic-journals .e-books{ padding-left: 18px; padding-right: 18px; overflow: hidden; padding-top: 25px; padding-bottom: 18px; }
.electronic-journals .e-books li{ width: 144px; height: 194px; overflow: hidden; text-align: center; float: left; margin-left:13px;}
.electronic-journals .e-books li:nth-child(1){ margin-left: 0; }
.electronic-journals .e-books p{ height: 40px; line-height: 46px; width: 144px; text-align: center; background:url("../../images//version/e-book-title-bg.png;vpn_img") no-repeat; color: #fff; margin-top: -16px; position: relative; z-index: 2; font-size: 16px; overflow: hidden; }

.work-dynamic dl{ height: 173px; padding:14px 0; }
.work-dynamic dl dt{ width: 226px; height: 145px; overflow: hidden; }
.work-dynamic dl dt img{ max-width: 100%; width: 100%;}
.work-dynamic dd{ padding-left:264px; padding-top: 13px; }
.work-dynamic dd h2{ height: 24px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.work-dynamic .box{ padding: 12px 0;}
.work-dynamic dd h2 a{ font-size: 18px; color: #0f0f0f; }
.work-dynamic dd h2 a:hover{ color: #cf1219; }
.work-dynamic dd .cont{ line-height: 24px; height: 48px; color: #747474; margin-top: 17px; overflow: hidden; }
.work-dynamic dd .date{ margin-top: 14px; color: #4a4a4b; }

.icon-title-more-bar h2{ border-top:2px #b00303 solid; width: 100%; line-height:53px; border-bottom: 1px #e2e2e2 solid; padding-left: 11px; padding-right: 11px; overflow: hidden; }
.icon-title-more-bar h2 strong{ font-size: 24px; color: #b00303; font-weight: bold; float: left; }
.icon-title-more-bar h2 strong.moive-icon{ background: url(../../images/version/news_moive_icon.png;vpn_img) no-repeat left center; padding-left: 40px; }
.icon-title-more-bar h2 strong.media-icon{ background: url(../../images/version/media_focus_icon.png;vpn_img) no-repeat left center; padding-left: 40px; }
.icon-title-more-bar h2 strong.pic-icon{ background: url(../../images/version/pic_title_icon.png;vpn_img) no-repeat left center; padding-left: 40px; }
.icon-title-more-bar h2 .more{ float: right; }

.news-moive{ background-color: #fafafa; width: 408px; max-width: 100%; }
.news-moive.s1{ background-color: #f4f4f4; }
.news-moive.s1 h2 .more{ color: #b3b1b2; }
.news-moive.s1 .wrap-moive{ padding-left: 14px; padding-right: 14px; }
.news-moive.s1 .wrap-moive .moive{ width: 100%; height: 186px; }
.news-moive.s1 dl dt{ font-size: 14px; }
.news-moive .wrap-moive{ padding:11px 18px 11px 18px; overflow: hidden; }
.news-moive .wrap-moive .moive{ width: 372px; height: 241px; overflow: hidden; }
.news-moive .wrap-moive .moive img{ width: 100%; height: 100%; }
.news-moive dl{ margin-top: 8px; }
.news-moive dl dt{ font-size: 16px; color: #191919; height: 22px; line-height: 22px; width: 100%; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal;}
.news-moive dl dd{ text-align: right; color: #767575; margin-top:9px; }

.media-lists li{ padding: 19px 0; overflow: hidden; border-bottom: 1px #e5e5e5 dashed; }
.media-lists li p{ overflow: hidden; }
.media-lists li .name{ width: 100%; text-overflow: ellipsis; white-space: nowrap; height: 21px; line-height: 21px; }
.media-lists li .name a{font-size: 16px; color: #000000; background: url(../../images/version/finance_icon.png;vpn_img) no-repeat left center; padding-left: 14px; }
.media-lists li .bar{ color: #aaa9a9; margin-top:20px; }

.media-focus{ margin-top: 29px; width: 408px; }
.media-focus .lists li{ overflow: hidden; width: 100%; margin-top: 14px; float: left; }
.media-focus .lists li a{  height: 20px; line-height: 20px;}
.media-focus .lists li strong{ font-weight: normal; display: block; width: 78%; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; }
.media-focus .lists li strong em{ color: #c3110e;}
.media-focus .lists li strong .source{ margin-right: 6px; }
.media-focus .lists li span{ float: right; }

.layui-carousel .layui-carousel-ind ul{ background: 0 none;}
.layui-carousel .layui-carousel-ind li{ border-radius: 0; }
.layui-carousel .layui-carousel-ind{ top: auto; bottom:35px; text-align: right; margin-right: 8px; right: 0;font-size:15px  }
.layui-carousel .carousel-title{ position: absolute; width: 100%; padding-left: 16px; height:52px; line-height: 52px; overflow: hidden; color: #fff; background-color: rgba(0,0,0,.4); bottom:52px; bottom: 0; padding-right: 182px; text-overflow: ellipsis; white-space: nowrap; }

.articles .video-js .vjs-big-play-button{ left: 50%; top: 50%; margin-top: -20px; margin-left: -43px; }
.articles .video-js{ margin:16px auto; }

.dl{
    position: relative;
}
.dl dt{
    position: absolute;
}

.wt-header{
    width: 100%;
    height: 120px;
    background: url(../../images/tuanjian/header_bar_bg.jpg;vpn_img) center top no-repeat;
}

.w1 {
    width: 1000px;
    margin: 0px auto;
}

.w2{
    width: 1280px;
    margin: 0px auto;
}

.wt-header .header-bar {
    padding-top: 10px;
    font-size: 13px;
}

.header-bar span {
    color: rgb(219, 46, 30);
    margin-left: 16px;
}

.header-bar span:nth-child(1) {
    margin-left: 0px;
}

.wt-header .logo {
    display: inline-block;
    margin-top: 32px;
}

.tuanjian-banner {
    width: 100%;
    height: 400px;
    background: url(../../images/tuanjian/tj_banner.jpg;vpn_img) center top no-repeat;
}

.tj-search-bar {
    height: 60px;
    width: 100%;
    box-shadow: 0 3px 9px rgba(253,141,101,.3);
}

.tj-search-bar .w1 {
    padding-left: 40px;
    padding-right: 40px;
}

.tj-search-bar .search {
    float: left;
    height: 30px;
    box-shadow: 2px 2px 5px rgba(175, 196, 209,.3);
    margin-top: 15px;
    width: 348px;
    position: relative;
    padding-right: 41px;
    background-color: rgb(255, 255, 255);
    border: 1px #d6d6d6 solid;
}

.tj-search-bar .search input {
    height:28px;
    width: 100%;
    padding-left: 11px;
    border-width: 0px;
    border-style: none;
    border-color: initial;
    border-image: initial;
    font-size: 12px;
}

.tj-search-bar .search .search-btn {
    width: 18px;
    height: 28px;
    position: absolute;
    top: 0px;
    right: 11px;
    padding: 0px;
    background: url(../../images/search_icon.png;vpn_img) center center no-repeat rgb(255, 255, 255);
    border-width: 0px;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.tj-search-bar .keyword {
    float: right;
    height: 60px;
    max-width: 530px;
    overflow: hidden;
}

.tj-search-bar .keyword dt {
    position: absolute;
    font-weight: normal;
    color: rgb(149, 149, 149);
    line-height: 60px;
}

.tj-search-bar .keyword dd {
    padding-left: 52px;
}

.tj-search-bar .keyword dd span {
    color: rgb(149, 149, 149);
    line-height: 60px;
    margin-left: 8px;
}

.img-lists {
    display: table;
    margin: 0px auto;
    padding: 0px 10px;
}

.img-lists ul {
    width: 1001px;
}

.img-lists li {
    width: 325px;
    box-shadow: rgb(224, 224, 224) 0px 2px 5px;
    float: left;
    margin-right: 13px;
    margin-bottom: 14px;
    overflow: hidden;
}

.img-lists li>a{
    display: block;
    height:237px;
    overflow: hidden;
    text-align: center;
    max-width: 100%;
}

.img-lists li>a img{
    width: 100%;
    height: 100%;
}

.img-lists li.un-s::after{
    content: "";
    width: 69px;
    height: 58px;
    background:url(../../images/version/reg_unsuccessful.png;vpn_img) no-repeat;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}

.img-lists li:nth-child(3n) {
    margin-right: 0;
}

.img-lists li .box {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 17px;
}

.img-lists li p {
    line-height: 22px;
    width: 100%;
    overflow: hidden;
}

.img-lists li p.f-bar{
    text-align: left;
    margin-top: 5px;
}

.img-lists li p.f-bar a{
    color: #959595;
    font-size: 12px;
    border: 1px #e6e6e6 solid;
    line-height: 18px;
    padding: 0 5px;
    display: inline-block;
    float: left;
    margin-left: 9px;
    border-radius: 2px;
}

.img-lists li p.f-bar a:hover{
    color: #df361f;
    border-color: #df361f
}

.img-lists li p.f-bar a:nth-child(1){
    margin-left: 0;
}

.img-lists li p.name {
    height: 22px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(38, 38, 38);
    margin-top: 3px;
    overflow: hidden;
}

.img-lists li p.msg {
    font-size: 12px;
    color: rgb(149, 149, 149);
    margin-top: 5px;
}

.fun-bar {
    margin-top: 12px;
    overflow: hidden;
}

.fun-bar span {
    color: rgb(255, 54, 54);
    display: inline-block;
    width: 25%;
    text-align: center;
    float: left;
    font-size: 12px;
}

.fun-bar span a {
    padding-left: 18px;
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    color: #ff3636;
}

.fun-bar .eye-icon a {
    background-image: url(../../images/tuanjian/read_icon.png;vpn_img);
}

.fun-bar .praise-icon a {
    background-image: url(../../images/tuanjian/collect_icon.png;vpn_img);
}

.fun-bar .praise-icon.selected a{
    background-image: url(../../images/tuanjian/collect_icon2.png;vpn_img);
}

.fun-bar .leave-icon a {
    background-image: url(../../images/tuanjian/leave_icon.png;vpn_img);
}

.fun-bar .write-icon a {
    background-image: url(../../images/tuanjian/write_icon.png;vpn_img);
}

.recommend-news {
    background-color: #f5f5f5;
    width: 100%;
    padding-top: 76px;
    padding-bottom: 42px;
}

.recommend-news .zxtitle {
    text-align: center;
    font-size: 18px;
    color: #262626;
    position: relative;
    padding-bottom: 32px;
}

.recommend-news .zxtitle strong {
    font-weight: normal;
    position: relative;
    padding: 0 48px;
    display: table;
    margin: 0 auto;
}

.recommend-news .zxtitle strong em {
    margin-top: -13px;
    float: left;
    background-color: #f5f5f5;
    position: relative;
    z-index: 2;
    padding: 0 30px;
}

.recommend-news .zxtitle strong:after {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
}

.recommend-news .zxtitle .more {
    color: #262626;
    position: absolute;
    right: 0;
    top: -3px;
    font-size: 13px;
}

.recommend-news .zxtitle .more em {
    font-family: Arial;
}

.recommend-news .items {
    position: relative;
    padding: 16px 0;
    min-height: 181px;
}

.recommend-news .items.img {
    padding-right: 278px;
    border-bottom: 1px #d6d6d6 solid;
}

.recommend-news .items .img {
    position: absolute;
    right: 0;
    top: 16px;
}

.recommend-news .items dl {
    float: left;
}

.recommend-news dt {
    left: 0;
    top: 8px;
}

.recommend-news .contents dd {
    padding-left: 28px;
}

.recommend-news dt strong {
    display: block;
    width: 17px;
    height: 17px;
    border: 1px #959595 solid;
    color: #959595;
    text-align: center;
    line-height: 17px;
    font-weight: normal;
    border-radius: 2px;
    font-size: 12px;
}

.recommend-news dt strong.c0, .recommend-news dt strong.c1, .recommend-news dt strong.c2 {
    color: #fff;
    border: 0 none;
}

.recommend-news dt strong.c0 {
    background-color: #e6020e;
}

.recommend-news dt strong.c1 {
    background-color: #ff610a;
}

.recommend-news dt strong.c2 {
    background-color:#fd9400;
}

.recommend-news .contents dd h3 {
    padding-bottom: 7px;
    margin-top: 9px;
    width: 100%;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recommend-news .contents dd h3 a {
    color: #262626;
    font-weight: bold;
}

.recommend-news .contents dd h3 a:hover{
    color: #cf1219;
}

.recommend-news .contents p {
    line-height: 21px;
    text-align: justify;
}

.recommend-news .contents .message {
    font-size: 12px;
    color: #959595;
    height: 44px;
    overflow: hidden;
    width: 100%;
}

.recommend-news .contents dd .detail-link {
    font-size: 12px;
    color: #ff3636;
}

.recommend-news .contents .bar {
    font-size: 12px;
    color: #959595;
    margin-top: 22px;
}

.recommend-news .contents .bar strong {
    font-weight: normal;
}

.recommend-news .contents .bar strong em {
    margin-right: 20px;
}

.recommend-news .contents .bar span {
    float: right;
    padding-left: 20px;
}

.recommend-news .contents .bar span em {
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    color: #ff3636;
}

.eye-icon em {
    background-image: url(../../images/tuanjian/read_icon.png;vpn_img);
}

.recommend-news .items .img {
    position: absolute;
    right: 0;
    top: 16px;
}

.recommend-news .items .half {
    width: 47%;
}

.filter-sort{
    padding-top: 24px;
    padding-bottom: 42px;
}

.filter-sort dl{
    width: 100%;
    padding: 14px 0;
    overflow: hidden;
}

.filter-sort dt{
    color: #262626;
    font-size: 16px;
    height: 29px;
    line-height: 29px;
    font-weight: normal;
}

.filter-sort dd{
    padding-left:48px;
}

.filter-sort dd a{
    color: #828282;
    display: inline-block;
    line-height: 29px;
    min-width: 70px;
    padding: 0 6px;
    border-radius: 4px;
    text-align: center;
    margin: 0 2px;
}

.filter-sort dd a:hover, .filter-sort dd a.selected{
    color: #fff;
    background-color: #ec4238;
}




.content-center-min-height{

 min-height: 580px;

}



.news-lits-bar-tar li {

 width: 80%;

 margin: auto;

}



.news-lits-bar-tar li strong {

  position: inherit;

}



.news-lits-bar-tar img{

 width: 100%;

 height: 100%;

}



.news-lits-bar-tar h1{

 font-size: 20px;

 font-weight: 800;
min-height:46px;

}



.news-lits-bar-tar .text{

 height: 56px;

 display: -webkit-box;

 -webkit-box-orient: vertical;

 -webkit-line-clamp: 3;

 overflow: hidden;

}



.news-lits-top{

 margin-top: 10px;
}