@import url('base.css');
@import url('bootstrap.css');
@import url('layout.css');
@import url('fonticons.css');
@import url('libs/core.css');
@import url('../jedate/skin/jedate.css');
/*============================================================================
主题蓝#2179cc 
亮蓝#03a9f4
湛蓝#1b273d
============================================================================*/
/*
header
footer
channel
*/
/*--------bg btn ----------*/
.white-bg{background: white !important;}
.gray-bg { background: #eee; }
.gray-bg-light { background: #CDCDCD; }
.blue-bg { background: #f2f6fa; }
.sbtn { cursor:pointer;display: block; overflow: hidden; text-align: center; color: #FFF; font-size: 15px; padding: 15px; line-height: 20px; border:none;  transition: all .3s; -webkit-transition:all .3s; opacity: 1;}
.sbtn:hover { opacity: 0.9; color: #FFF; }
.sbtn:focus { color: #FFF; }
.blue-btn { background: #1f3263; }
.yellow-btn { background: #ECBB0B; }
.step-btn {background: #03a9f4;}
.lblue-btn { background: #03a9f4; }
.gray-btn { background: #999; }
.line-btn { color: #03a9f4; border:1px solid #03a9f4; }
.line-btn:hover { background:#03a9f4;  }
.green-bg{background: #6AB457;}
.line-btn:focus{color: #03a9f4;}
.line-btn:hover{color: white;}
/*--------header----------*/
.top-bar { display: block; background: #1b273d; padding: 7px 0px; font-size: 14px; }
.top-bar em {  color: #88a8b2; line-height: 28px; }
.top-bar em img { margin-left: 6px; }
.top-bar .container{padding: 0;}
.top-bar em img{margin-left: 0 !important;}
.top-bar em img:not(:first-child){margin-left: 28px !important;}
.top-menu { display: block; float: right; }
.top-menu li { display: block; height: 28px; float: left; padding: 2px 6px; }
.submenu { position: relative; margin-left: 10px; font-size: 14px; }
.submenu div { position: absolute; display: none; z-index: 66;width: 100px; top:28px; right:5px;padding-top: 7px;}
.submenu div span{ display:block;border:1px solid #e0e0e0; border-top: 2px solid #03a9f4; background: #FFF; }
.submenu:hover div { display: block;  }
.submenu:hover div a { display: block;overflow: hidden; height: 40px; line-height: 30px; text-align: right; color: #888; padding: 5px 15px;  }
.submenu:hover div a:hover { background: #f0f0f0; }
@media (max-width: 991px) {.top-bar { height: 50px; overflow: hidden; }}

.login > a { display: block; overflow: hidden; width: 80px; text-align: center; height: 24px; line-height: 24px; background: #FFF; color: #888; }
.language i { color: #88a8b2; width: 50px; text-align: center; display: block; overflow: hidden; height: 24px; line-height: 24px; }
.language i:after { content: ''; display: inline-block; width: 8px; height: 8px; margin-left: 3px; position: relative; top:2px; overflow: hidden; border:4px solid transparent; border-top-color:#88a8b2; } 
.language div { width: 70px; }

.nav { display: block; padding: 20px 0px; }
.logo { display: block; float: left; width:280px; height: 60px;  }
.nav ul { display: block; float: right; width: 780px; }
.nav ul li { display: block; width: 124px; float: left; height: 60px; padding: 18px 70px 18px 0;}
.nav ul li>a { text-align: center; display: block; line-height: 24px; font-size: 15px; color: #888; position: relative; }
.nav ul li>a:before { content: ''; position: absolute; top:-5px; left: -25px; display: block; overflow: hidden; width: 34px; height: 12px; background: url(http://static.spoorts.cn/images/logo/logo-s.jpg) no-repeat; transition: all .3s; -webkit-transition:all .3s; opacity: 0; }
.nav ul li>a:after { content: ''; display: block; margin: 0 auto; width: 0px; height: 2px; background: #2179cc; transition: all .3s; -webkit-transition:all .3s; }
.nav ul li>a:hover:after,.nav ul li.active a:after { width: 80%; }
.nav ul li>a:hover:before,.nav ul li.active a:before { opacity: 1; }
.nav ul li.search-nav{width:auto;margin-left: 5px;text-align: right;padding: 18px 0;}
.nav ul li.search-nav img{cursor: pointer;width: 18px;margin-top: 3px;}
.nav ul li.search-nav .search-list{box-sizing:border-box;width: 255px;height: 45px;line-height: 45px;padding-top: 52px;right: 0;}
.nav ul li.search-nav .search-list input{box-sizing:border-box;border:none;width: 100%;height: inherit;line-height: 25px;padding: 10px 12px;}
.nav ul li.search-nav .search-list a{display:block;text-align: left;}
.nav ul li.search-nav .search-list a em{float: right;color: #2179CC;}
/*--------footer----------*/

.footer { display: block; overflow: hidden; background: #1b273d; padding: 40px 0px 0px; }
.footer em { display: block; overflow: hidden; line-height: 40px; font-size: 16px; color: #FFF; margin-bottom: 30px; }
.footer em:after { content: ''; display: block; overflow: hidden; width: 80px; height: 2px; background: #03a9f4; }
.footer .col-xs-5 { padding-right: 50px; }
.footer .col-xs-4 { padding-left: 50px; }
.footer .col-xs-5 p { color: #7c7c7c; display: block; overflow: hidden; line-height: 20px; margin-bottom: 12px; padding-top: 12px; font-size: 14px; }
.footer .col-xs-4 p { color: #7c7c7c; line-height: 36px; margin-bottom: 0; font-size: 14px; }
.footer .col-xs-4 p img { margin-right: 3px; }
.footer ul li { display: block; overflow: hidden; float: left; width: 50%;}
.footer ul li a { display: block; overflow: hidden; color: #88a8b2; height: 36px; line-height: 36px; transition: all .5s; -webkit-transition:all .5s; font-size: 14px; }
.footer ul li a:before { content: ''; display: inline-block; overflow: hidden; height: 10px; width: 10px; position: relative; top:1px; margin-right: 8px; background: url(http://static.spoorts.cn/images/icons/icon-arrow.jpg) no-repeat; }
.footer ul li a:hover { color: #c1e0ea }
.copyright { background: #2179cc; padding: 15px 0px; display: block; overflow: hidden; margin-top: 60px; }
.copyright p { text-align: center; color: #FFF; font-size: 14px;font-weight: 100;}


.footer-small { background: #2179cc; display: block; overflow: hidden; padding: 15px 0px; }
.footer-small p { color: #FFF; font-size: 14px; margin: 0; line-height: 35px; font-weight: 100;}
.footer-small a { padding: 0px 5px; }
.footer-small a img { margin-top: 5px; }
.footer-small .flink { text-align: right; }
.footer-small .flink a { color: #fff; line-height: 35px; font-size: 14px; padding-left: 25px; font-weight: 200;}
.footer-small .flink a:before { content: ''; display: inline-block; overflow: hidden; height: 10px; width: 10px; position: relative; top:1px; margin-right: 8px; background: url(http://static.spoorts.cn/images/icons/icon-arrow2.jpg) no-repeat; }

/*--------channel----------*/
.channel-img { display: block; overflow: hidden; position: relative;}
.channel-img img { width: 100%; display: block; overflow: hidden; }
.main { display: block; overflow: hidden; padding: 20px 0px; }
.main.pa60{padding-bottom: 60px;}
.channel-img .search-result{position: absolute;top:0;left: 0;right: 0;z-index:6;text-align: center;height: 100%;}
.channel-img .search-result p{text-align: center;font-size: 30px;color: white;line-height: normal;margin-top: 85px;margin-bottom: 0;}
.channel-img .search-result p span{font-size:37px;color: #D8FF00;}
.channel-img .search-result>span{font-size: 14px;color: white;margin-left: -112px;}
/*--------login----------*/
.login-box { display: block; overflow: hidden; padding: 30px 0px; }
.login-box h5 { font-weight: bold; font-size: 22px;}
.login-form { display: block; overflow: hidden; padding: 40px; margin-right: 50px; background: #FFF; box-shadow: 0px 0px 25px rgba(0,0,0,0.4); }
.login-form li { display: block; padding: 8px 0px; position: relative; }
.login-form em { display: block; overflow: hidden; font-size: 14px; height: 30px; line-height: 30px; }
.login-form ul div { width: 100%; border:2px solid #ecf0f1; display: block; position: relative; height: 40px; }
.login-form ul div input { border:none; height: 36px; line-height: 30px; padding: 3px 10px; width: 100%; font-size: 14px;}
.login-form li a { font-size: 14px; text-decoration: underline; }
.login-form li a.sbtn { font-size: 16px; color: #fff; text-decoration: none; }
.login-form li .error { position: absolute; top:-30px; right:-1px; display: none; padding: 2px 10px; line-height: 24px; background: #666; color: #F4FB00; font-size: 13px;}
.login-form li .error:before { content: ''; float: left; display: block; height: 24px; width: 20px; line-height: 24px; background: url(http://static.spoorts.cn/images/icons/icon-error.jpg) left 3px;;margin-top: 0;margin-right: 10px;}
.login-form li p { color: #888; }
.reg-form li.code input { width: 100px; float: left; }
.reg-form li.code button { border:none;cursor:pointer;display: block; float: right; color: #000; width: 100px; height: 30px; line-height: 30px; text-align: center;  background: #d8d8d8; text-decoration: none; margin:3px 3px 0px 0px;}
.reg-form li.code button:hover { color: #000; }
.reg-form .blue-btn { width: 30%; float: left; }
.reg-form .yellow-btn { width: 50%; float: right; }
.reg-form li.agree { padding: 12px 0px; }
.reg-form li.agree a { color: #1f3263; font-weight: bold; }
.radio-form label { font-weight: normal; cursor: pointer; font-size: 14px; line-height: 22px; padding-right: 8px; color: #1f3263; }
.radio-form label input { display: none; }
.agree.radio-form label:before { content: ''; display: block; float: left; width: 18px; height: 18px; border-radius: 50%; border:1px solid #1F3263; margin-right: 6px;margin-top: 2px; }
.agree.radio-form label.active:before { background: url(http://static.spoorts.cn/images/right.jpg) no-repeat center; background-size: cover; }

.radio-form label:before { content: ''; display: block; float: left; width: 30px; height: 30px; border-radius: 50%; border:2px solid #2179CC; margin-right: 6px; }
.radio-form label.active:before { background: url(http://static.spoorts.cn/images/right.png) no-repeat center; background-size: 10px auto; }
.reg-form .tab-bar { display: block; overflow: hidden; padding: 10px 0px; }
.reg-form .tab-bar li { float: left; width: 50%; padding: 0px 15px; border-bottom: 2px solid #e0e0e0;}
.reg-form .tab-bar li a { display: block; color: inherit; overflow: hidden; text-align: center; height: 32px; line-height: 30px; text-decoration: none; }
.reg-form .tab-bar li.active { border-bottom-color: #2179cc; color: #2179cc; }

.login-quick { padding-top: 50px; }
.login-quick h5,.login-quick em { display: block; overflow: hidden; text-align: center; }
.login-quick em { text-align: center; font-size: 16px; color: #888; }
.login-quick ul { display: block; overflow: hidden; margin-bottom: 20px; }
.login-quick ul li { display: block; overflow: hidden; float: left; padding: 25px 15px; width: 50%; }
.login-quick ul li a { display: block; overflow: hidden; padding: 10px 25px; line-height: 50px; font-size: 18px; color: #FFF; border-bottom: 2px solid #1f3263; }
.login-quick ul li img { float: left; margin-right: 30px; }
.login-quick p { text-align: center; color: #888; font-size: 16px; }
.login-quick p a { color: #333; font-weight: bold; }
.login-quick ul li:nth-child(1) a { background: #fe0000; }
.login-quick ul li:nth-child(2) a { background: #4f80ff; }
.login-quick ul li:nth-child(3) a { background: #008be8; }
.login-quick ul li:nth-child(4) a { background: #92bc6a; }
.word-box { display: block; overflow: hidden; padding: 100px 15px; }
.word-content { display: block; overflow: hidden; padding: 60px 40px; background: #FFF; box-shadow: 0px 0px 25px rgba(0,0,0,0.4); }
.reg-success em { font-size: 24px; color: #000; display: block; overflow: hidden; padding: 30px 20px; }
.reg-success em img { margin-right: 15px; }

/*--------list-------*/
.menu-l li { display: block; overflow: hidden; background: #FFF; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); margin-bottom: 25px; }
.menu-l li a { display: block; overflow: hidden; height: 70px; line-height: 70px; text-align: center; color: #1b273d; font-size: 18px; transition: all 0.3s; -webkit-transition:all 0.3s; }
.menu-l li:hover a,.menu-l li.active a { background: #2179cc; color: #FFF; }
.ss-choose {display: block; overflow: hidden; padding:25px 20px; background: #FFF; box-shadow: 0px 0px 15px rgba(0,0,0,0.3);}
.ss-choose .search-md {}
.ss-choose em { display: block; overflow: hidden; color: #2179cc; font-size: 14px; line-height: 20px; padding: 10px 0px; }
.ss-choose em:before { content: ''; display: block; width: 20px; height: 20px; float: left; background: url(http://static.spoorts.cn/images/icons/icon-site2.jpg) no-repeat; }

.ss-choose div {}
.ss-choose div a { display: inline-block; overflow: hidden; padding: 0px 15px; height: 28px; line-height: 26px; font-size:14px;border:1px solid #e0e0e0; color: #999; transition: all 0.3s; -webkit-transition:all 0.3s; margin:0px 18px 12px 0px;  }
.ss-choose div a:hover,.ss-choose div a.active { background: #2179cc; color: #FFF; border-color: #2179cc; }
.ss-choose div:nth-child(5) a:hover,.ss-choose div:nth-child(5) a.active { background: #5fb455; border-color:#5fb455;}
.ss-choose div:nth-child(7) a:hover,.ss-choose div:nth-child(7) a.active { background: #409ae0; border-color: #409ae0; }

.search-md { display: block; overflow: hidden; margin-bottom: 15px; }
.search-md div { margin-right: 40px; }
.search-md input[type="button"] { display: block; overflow: hidden;float: right; width: 40px; height: 40px; background:#2179cc url(http://static.spoorts.cn/images/icons/icon-search.jpg) no-repeat center center; border:none;}
.search-md input[type="text"] { width: 100%; height:40px; line-height: 24px; font-size:14px;border:solid #e0e0e0; border-width: 1px 0px 1px 1px; padding: 7px 12px; }

.ss-list { display: block; overflow: hidden; padding-top: 10px; margin: 0px -10px; }
.ss-list li { display: block; overflow: hidden; float: left; width: 33.333%; padding: 10px;  }
.ss-list li div { display: block; overflow: hidden;background: #FFF; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); }
.ss-list li span { display: block; overflow: hidden; }
.ss-list li img { width: 100%; transition: all 0.5s; -webkit-transition:all 0.5s; }
.ss-list li span:hover img { transform: scale(1.2); -webkit-transform: scale(1.2);  }
.ss-list li p { border-top: 2px solid #f2f4f6; display: block; overflow: hidden; margin: 0; padding: 10px 10px; }
.ss-list li em { display: block; overflow: hidden; margin: 16px 0px 6px 0; padding: 0px 10px; text-align: center; color: #000; font-size: 15px; line-height: 24px; font-weight: 500;white-space: nowrap;text-overflow: ellipsis;}
.ss-list li i { display: block; overflow: hidden; text-align: center; color:#2179cc; line-height: 20px; height: 30px; font-size: 14px; }
.ss-list li p a { display: block; overflow: hidden;  height: 20px; line-height: 20px; font-size: 14px;text-align: center;color: white;}
/*.ss-list li p a:nth-child(1):before { content: ''; display: block; float: left; width: 30%; height: 20px; width: 20px; background: url(http://static.spoorts.cn/images/icons/icon-up.jpg) no-repeat; margin-right: 6px;}*/
/*.ss-list li p a:nth-child(2):before { content: ''; display: block; float: left; width: 30%; height: 20px; width: 20px; background: url(http://static.spoorts.cn/images/icons/icon-down.jpg) no-repeat; margin-right: 6px;}*/

.search-title { display: block; overflow: hidden; line-height: 30px; font-size: 15px;}
.search-title i { color: #2179cc; padding: 0px 3px; }
.search-title:before { content: ''; display: block; overflow: hidden; height: 30px; float: left;border-left:3px solid #2179cc; padding-left: 12px;}


.news-list { display: block; overflow: hidden; padding-bottom: 25px;}
.news-list li { display: block; overflow: hidden; padding: 20px 0px; border-bottom: 1px solid #e0e0e0; text-align: right; }
.news-list li a { line-height: 34px; color: #999; }
.news-list li div img { width: 100%; }
.news-list li div { display: block; overflow: hidden; position: relative; }
.news-list li div span { position: absolute; left: 25px; top:25px; display: block; overflow: hidden; padding-top: 8px; line-height: 18px; color: #FFF; background: #03a9f4; width: 80px; text-align: center; }
.news-list li div span strong { display: block; overflow: hidden; height: 26px; line-height: 26px; font-size: 22px; text-align: center;  }
.news-list li div span b { background: #FFF; display: block; overflow: hidden; color: #999; padding-bottom: 8px; margin-top: 2px; }

.news-list li em { display: block; overflow: hidden; padding: 20px 0px 15px; line-height: 30px; font-size: 22px; color: #000;  }
.news-list li i { display: block; overflow: hidden; line-height: 20px; padding: 5px 0px 25px; text-align: left; }
.news-list li i a:before { content:''; display: block; overflow: hidden; margin-right: 3px; width: 20px; float: left; height: 20px; background: url(http://static.spoorts.cn/images/icons/icon-gray-edit.jpg) no-repeat; }
.news-list li i a { display: inline-block; margin-right: 25px; line-height: 20px; font-size: 14px; color: #999; }
.news-list li i a:nth-child(2):before { background-image: url(http://static.spoorts.cn/images/icons/icon-gray-bag.jpg); }
.news-list li p { display: block; overflow: hidden; color: #999; height: 72px; line-height: 24px; font-size: 14px; margin-bottom: 20px; }
.news-list li a.read-more { float: left; font-size: 14px; border:2px solid #999; display: block; overflow: hidden; width: 95px; text-align: center; height: 35px; line-height: 31px; color: #999; }
.news-list li a.read-more:hover { background: #00a9ff; color: #FFF; border-color:#00a9ff; }
.news-list li  span.share{ float: right; color: #999; line-height: 30px; }
.news-list li:last-child{border-bottom: none;}

.list-r-title { display: block; overflow: hidden; font-weight: bold; font-size: 15px; line-height: 30px; margin-bottom: 20px; margin-top: 20px;}
.list-r-title:after { content: ''; display: block; overflow: hidden; border-bottom: 2px solid #2179cc; width: 140px; }
.list-r-title.short:after { width: 40px; }

.list-imgfont { display: block; overflow: hidden; padding-bottom: 20px; }
.list-imgfont li { display: block; overflow: hidden; padding: 15px 0px; height: 90px; border-bottom: 1px solid #999; }
.list-imgfont li img { float: left; width: 90px;}
.list-imgfont li div { margin-left: 100px; }
.list-imgfont li em { font-size: 14px; line-height: 20px; display: block; overflow: hidden; height: 60px; }

.list-img { display: block; overflow: hidden; margin: 0px -10px; padding-bottom: 20px; }
.list-img li { display: block; overflow: hidden; position: relative; width: 50%; float: left; padding: 10px; }
.list-img li div {position: relative; display: block; overflow: hidden;}
.list-img li div img { width: 100%;  transition: all 0.3s; -webkit-transition:all 0.3s; }
.list-img li div:before { content: ''; z-index: 11; background: rgba(33,121,244,0.8);  display: block; overflow: hidden; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.3s; -webkit-transition:all 0.3s; opacity: 0; }
.list-img li div:hover:before{ opacity: 1;}
.list-img li div em { position: absolute; padding: 0px 10px; font-size: 14px; display: none; left: 0; top:50%; margin-top: -30px; height: 60px; line-height: 20px; text-align: center; z-index: 22; color: #FFF; }
.list-img li div:hover em { display: block; }
.list-img li div:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); }

.list-tag {}
.list-tag li { float:left;display: inline-block; overflow: hidden; padding: 0px 15px; height: 35px; line-height:33px; font-size:14px;border:1px solid #e0e0e0; color: #999; transition: all 0.3s; -webkit-transition:all 0.3s; margin:0px 10px 10px 0px;  }
.list-tag li:hover,.list-tag li.active { background: #2179cc; color: #FFF; border-color: #2179cc; }
.list-tag li:hover a,.list-tag li.active a { color: #FFF; }

.news-img-list { display: block; overflow: hidden; padding: 0px 0px; }
.news-img-list li { display: block; overflow: hidden; padding: 25px 0px; border-bottom: 1px solid #999; }
.news-img-list li img { float: left; width: 300px;}
.news-img-list li div { margin-left: 336px; }
.news-img-list li em { font-size: 22px; line-height: 36px; display: block; overflow: hidden; height: 36px; margin: 10px 0px; }
.news-img-list li p { color: #999; display: block;  font-size: 14px; overflow: hidden; margin-bottom: 30px; height: 180px; line-height: 24px; }
.news-img-list li div a.read-more { float: left; font-size: 14px; border:2px solid #999; display: block; overflow: hidden; width: 95px; text-align: center; height: 34px; line-height: 30px; color: #999; }
.news-img-list li div a.read-more:hover { background: #00a9ff; color: #FFF; border-color:#00a9ff; }

/*---------news-detail----------*/
.news-detail .news-list li { border-bottom: none; padding-bottom: 0px; }
.news-detail .content p { color: #666; font-size: 14px; }
.news-detail .news-detail-share { font-size:14px;color: #999; display: block; overflow: hidden; padding: 10px 0px; border:solid #e0e0e0; border-width: 1px 0px 1px 0px; margin-top: 20px; }


/*---------pagelist----------*/
.pagelist { display: block; overflow: hidden; padding: 20px 0px 0px; text-align: center; }
.pagelist a,.pagelist span { display: inline-block; width: 32px; height: 32px; line-height: 32px; margin:0 12px;text-align: center; color: #00a9ff; transition: all 0.3s; -webkit-transition:all 0.3s; }
.pagelist a.prev,.pagelist a.next { background: #f1efef;margin: 0;}
.pagelist a:hover,.pagelist a.prev:hover,.pagelist a.next:hover,.pagelist a.pagelist-active{ background: #00a9ff; color: #FFF; }
.pagelist a.prev:before { content: ''; display: inline-block; position: relative; top:3px; left: 5px; height: 15px; width: 15px; border:solid #00a9ff; border-width: 2px 2px 0px 0px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.pagelist a.next:before { content: ''; display: inline-block; position: relative; top:3px; left: 0px; height: 15px; width: 15px; border:solid #00a9ff; border-width: 2px 2px 0px 0px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.pagelist a.prev:hover:before,.pagelist a.next:hover:before{ border-color: #FFF; }
.pagelist a.next-active,.pagelist a.prev-active{background: #00a9ff;}
.pagelist a.next-active:before,.pagelist a.prev-active:before{border-color: #FFF;  }

.pagelist2 {display: block; overflow: hidden; padding: 30px 0px 0px;}
.pagelist2 a { display: inline-block; padding: 0px 3px; color:#666; font-weight: bold; font-size: 14px; }
.pagelist2 a:hover { color: #00a9ff; }
.pagelist2 .active-page{color: #00a9ff;}


/*------------join------------*/
.join-box { display: block; overflow: hidden; position: relative; margin-top:-360px; z-index: 99; padding:15px 15px 35px; }
.join-title { display: block; overflow: hidden; position: relative; padding: 40px 0px; }
.join-title em { display: block; overflow: hidden; padding-right: 400px; line-height: 50px; font-size: 36px; color: #FFF; font-weight: 500;}
.join-title i { color: #FFF; font-size:14px; }
.join-title div { position: absolute; right:0; top:50%; width: 300px; margin-top: -30px; background: #FFF; padding: 8px 5px 5px 5px; white-space: nowrap;}
.join-title div span { border-right:2px solid #e0e0e0; display: block; overflow: hidden; width: 33.333%; float: left;  text-align: center; color: #999;  }
.join-title div span:last-child { border-right: none; }
.join-title div span b { display: block; overflow: hidden; text-align: center; font-size: 30px; line-height: 34px; font-weight: 500; }
.join-title div span:nth-child(1) b { color: #28013B; }
.join-title div span:nth-child(2) b { color: #f00; }
.join-title div span:nth-child(3) b { color: #0e00ff; }
.join-box .join-bar { display: table;  width: 100%; position: relative; z-index: 1; }
.join-box .join-bar li { display: table-cell; background: rgba(27,39,61,0.8); vertical-align: middle; }
.join-box .join-bar li.active { background: #FFF; }
.join-box .join-bar li a { display: block; overflow: hidden; text-align: center; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; color: #fff; }
.join-box .join-bar li.active a { color: #000; }
.join-box .join-content { background: #FFF; box-shadow:0px 0px 15px rgba(0,0,0,0.3); padding: 30px 40px 75px 40px; margin-bottom: 30px; }
.join-box .join-content h6 { display: block; text-align: center; line-height: 30px; padding: 5px 0px; font-weight: bold; color: #053d52; font-size:20px; background: #f2f6fa; margin: 0px -40px 20px; }

.join-box .line-bar { display: block; overflow: hidden; margin-bottom: 30px; }
.join-box .line-bar li { display: block; overflow: hidden; width: 50%; float: left; border-bottom: 2px solid #dbe5ea; }
.join-box .line-bar li:after { content: ''; display: block; width: 245px; margin: 0 auto; height: 8px; background: #fff; }
.join-box .line-bar li.active:after { background: #2179cc; }
.join-box .line-bar li a { display: block; overflow: hidden; text-align: center; height: 50px; line-height: 50px; font-size: 24px; color: #7E7E7E; }
.join-box .line-bar li.active a { color: #2179cc; }

.join-content .content p{font-size: 14px;}

.step .col-xs-4 { text-align: center; font-size: 22px; font-weight: 500; color: #000; line-height: 50px; }
.step { display: block; overflow: hidden; margin: 0px -15px; }
.step a { font-size: 20px;}

/*-----------step-----------*/
.step02 .search-md { width:60%; margin: 40px auto 50px; }
.step02 .search-md div { margin-right: 130px; }
.step02 .search-md div input[type=text] { height: 60px; padding: 17px 30px; font-size: 18px; }
.step02 .search-md input[type="button"] { width: 130px; height: 60px; background-image: none; color: #FFF; font-size: 18px; font-weight: bold;}
.table ul { display: block; overflow: hidden; }
.table li.th em { color: #2179cc;  position: relative; display: block; }
.table li.th em i {background: #FFF; display: inline-block; position: relative; z-index: 22; height: 30px; line-height: 30px; padding: 0px 10px 0px 0px; font-size: 14px;}
.table li.th em:before { content: ''; position: absolute; display: block; width: 100%; border-bottom: 1px solid #dbe5ea; top:50%; left: 0; }

.table li { display: table; overflow: hidden; width: 100%; }
.table li > span { display: table-cell; padding: 10px 0px; font-size: 22px; vertical-align: middle;  }
.table li > span:nth-child(1) { font-weight: 400;  width: 200px; }
.table li > span:nth-child(2) { color: #7E7E7E; text-align: center;}
.table li > span:nth-child(3) { width: 420px; padding: 0px 20px; }
.table li > span:nth-child(4) { width: 160px; text-align: center; padding: 20px 0;}
.table li > span:nth-child(5) { width: 40px;}
.table li > span div.pvalue { display: block; width: 250px; float: left; height: 20px; top:11px; margin-right: 18px; position: relative; background: #d8d8d8; }
.table li > span div.pvalue span { display: block; overflow: hidden; position: absolute; height: 100%; left: 0; background: #084387; }
.table li > span i { color: #7357d3;}
.table li > span em { display: inline-block; background: #785f87; color: #FFF; padding: 0 27px; }
.table li > span label { margin: 0; padding: 0; position: relative; top: 0; }


.table02>ul>li { display: table; width: 100%; border-top: 1px solid #e3ebef; }
.table02 li > span { display: table-cell; padding: 22px 0px; font-size: 22px; vertical-align: middle; }
.table02 li.th{line-height: normal;}
.table02 li.th span { text-align: center; font-weight: bold; padding: 0;}
.table02 li > span:nth-child(1) { font-weight: bold; padding: 19px 10px 19px 0px; position: relative;}
.table02 li > span:nth-child(2) { width: 120px; background: #785f87; color: #fff; text-align: center;}
.table02 li > span:nth-child(3) { width: 120px; background: #74b30f; color: #FFF; text-align: center; }
.table02 li > span:nth-child(4) { width: 220px;  color: #073f54; text-align: center;}
.table02 li > span:nth-child(5) { width: 190px; background: #f2f6fa; color: #073f54; text-align: center; }
.table02 li.count > span:nth-child(2),.table02 li.count > span:nth-child(3) { background: none; }
.table02 li.count > span:nth-child(4) { font-weight: bold; }
.table02 li.count > span.count-num{color: white;background-color: #02A3EF;}
.table02 li span b { display: inline-block; background: #FFF; position: absolute; z-index: 22; top:-13px; height: 16px; padding-right: 6px; color: #2179CC; font-weight: bold; font-size: 14px; }
.table02 li > span em { color: #10465a; font-size: 20px; font-weight: bold;}
.table02 li > span em i { overflow: hidden; height: 18px; line-height: 18px; font-size: 14px; font-weight: normal; }
.table02 .btn-group input[type=text]{ display: inline-block; width: 60px; margin: 0px 10px; float: left; position: relative; text-align: center; border:2px solid rgba(151,151,151,.6); color: #000;}
.table02 .btn-group button {border:none; background:#02a3ef; color: #fff; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; float: left; font-size: 30px; font-weight: bold; margin-top: 10px;}
.table02 .btn-group button:first-child{box-sizing: border-box;padding-bottom: 10px;line-height: 25px;}
.table02 .btn-group button:last-child{font-size: 25px;}

    /*----------modal----------*/
.modal-backdrop { z-index: 100; }
.modal-dialog { width:700px; }
.modal.subscribeModal { top: 25% }
.modal-header { background: #f5f5f5; color: #b4b4b4; font-size: 16px; }
.modal-content { border-radius: 0px; }
.dialog-word { background: #FFF; display: block; overflow: hidden; padding: 50px 120px; }
.dialog-word h5 { text-align: center; font-size: 22px; }
.dialog-word em { display: block; overflow: hidden; position: relative; }
.dialog-word em:before { content: ''; position: absolute; width: 100%; left: 0; top:50%; display: block; border-bottom: 1px solid #e0e0e0; }
.dialog-word em i { display: inline-block; height: 30px; line-height: 30px; background: #FFF; color: #2179cc; padding-right: 6px; position: relative; z-index: 1; font-size: 14px;}
.dialog-word ul { margin: 0px -20px; padding: 30px 0px; display: block; overflow: hidden; }
.dialog-word ul li { display: block; overflow: hidden; float: left; width: 33.333%; padding: 0px 20px; }

.join-success { display: block; padding: 40px 52px 0px;}
.join-success div { display: block; overflow: hidden; padding: 5px 0px 80px 145px; background: url(http://static.spoorts.cn/images/icons/icon-right.jpg) 0 10px no-repeat;}
.join-success em { display: block; overflow: hidden; font-size: 25px;}
.join-success em i { color: #03a9f4; }
.join-success a.sbtn { display: block; overflow: hidden; background: #03a9f4; padding: 20px 0px; text-align: center; color: #FFF; margin: 0px -40px 15px; font-size: 20px;}
.join-success a{display: inline-block;}
.join-success a img {width: 100%; }
.full-dialog { width: 1150px; }
.mls-dialog { width: 640px; }
.mlszs { display: block; overflow: hidden; background: #FFF; }
.mlszs img { max-width: 100%; width: auto !important; display: block; overflow: hidden; margin: 0 auto; }
.d-close { position: absolute; right:-25px; top:15px; text-indent: -9999px; overflow: hidden; background: url(http://static.spoorts.cn/images/img/d-close.jpg) no-repeat; display: block; width: 40px; height: 40px; border:none; }
.modal-body .join-success { background: #FFF; padding: 100px; }
.modal-body .join-success div { padding: 0px 0px 0px 147px; line-height: 1.5;}
.modal-dialog .join-success{background-color: white;padding: 50px 100px;}
.modal-dialog .join-success .edit-layer-btn{margin-top: 0;}

.team { display: block; padding-top: 45px; }
.team h5 { display: block; background: #EAEEF0 ; color: #9A9A9A; padding: 10px 15px; height: 54px; line-height: 34px; margin: 0; font-size: 18px;font-weight: normal;}
.team .dropdown-menu { left: auto; right:0; border:none; border-radius: 0px; width: 240px; }
.team .dropdown-menu li { display: block; overflow: hidden; height: 34px; line-height: 34px; }
.team .dropdown-menu li a { display: block; overflow: hidden; height: 34px; line-height: 28px; font-size: 14px; }
.team .dropdown-menu li a:hover { background: #2179cc; color: #FFF;  }
.team .btn-primary { background: #2179cc; width: 240px; font-size: 18px; text-align: center; border-radius: 0px; border:none; height: 34px; line-height: 22px; }
.team .btn-primary:hover { color: #FFF; }
.team-list { display: block; overflow: hidden; border-left: 1px solid #eaeef0;  }
.team-list li { display: block; overflow: hidden; cursor: pointer; float: left; width: 20%; padding: 15px 10px 15px 20px; border: solid #eaeef0; border-width: 0px 1px 1px 0px; }
.team-list li img { float: left; border-radius: 50%; height: 40px; width: 40px; }
.team-list li div { margin-left: 50px; }
.team-list li em { display: block; overflow: hidden; height: 24px; line-height: 24px; font-size: 14px; font-weight: bold; color: #000; }
.team-list li i { color: #666; font-size: 12px; line-height: 16px; }
.team-list li.active { background: #03a9f4; }
.team-list li.active em,.team li.active i { color: #FFF; }
.team .caret-right{float: right;margin: 9px 8px 0 0;}

/*----------ss-detail----------*/
.ss-detail-top { display: block; overflow: hidden; margin-right: -40px; }
.ss-detail-top a { display: inline-block; padding-right: 30px; line-height: 65px; font-size: 14px;color: #818181;}
.ss-detail-top a.sbtn { display: block; overflow: hidden; float: right; width: 200px; height: 65px; padding: 15px 35px; background: #03a9f4; color: #FFF; line-height: 35px; text-align: left; font-size: 20px;}
.ss-detail-top a.sbtn:before { content: ''; display: block; float: left; height: 35px; width: 35px; background:url(http://static.spoorts.cn/images/icons/icon-score.jpg) center center no-repeat; margin-right: 15px; }
.ss-detail-top a:nth-child(2):before { content: ''; display: block; float: left; margin-right: 6px; height: 65px; width: 20px; background: url(http://static.spoorts.cn/images/icons/icon-up.jpg) center center no-repeat; }
.ss-detail-top a:nth-child(3):before { content: ''; display: block; float: left; margin-right: 6px; height: 65px; width: 20px; background: url(http://static.spoorts.cn/images/icons/icon-down.jpg)  center center no-repeat; }

.ss-detail-top a.sbtn.score{background:#FF0000;}
.ss-detail-top a.sbtn.score:before { background-image: url(http://static.spoorts.cn/images/icons/icon-score.png); background-size: 18px auto;}
.ss-detail-top a.sbtn.edit:before { background-image: url(http://static.spoorts.cn/images/icons/icon-edit.jpg); }
.join-box .join-content.ss-detail { padding-top: 0px; }
.join-box .join-content.ss-detail h6 { text-align: left; font-size: 14px; padding: 5px 40px; margin-bottom: 15px; }
.join-box .join-content.ss-detail .content { display: block; overflow: hidden; margin-bottom: 20px; }
.join-box .join-content.ss-detail .content img { width: auto !important; height: auto !important; max-width: 100%; display: block; margin: 0 auto; }
.join-box .join-content.ss-detail .content p { font-size: 14px; margin: 0; color: #000; }

/*--------user--------------*/
.user-main { padding:40px 0px 0px; position: relative; }
.user-info { display: block; overflow: hidden; position: relative; min-height:200px;  }
.user-info label { position: absolute; cursor: pointer; display: block; width: 80%; height: 40px; line-height: 40px; top:60%; left: 10%; margin-top: -20px; background: #d2ce28; color: #000; font-size: 16px; text-align: center; font-weight: bold; }
.user-info label input { display: none; opacity: 0; }
.user-info label:before { content: ''; position: absolute; top:-70px; left: 50%; margin-left: -30px; display: block; width: 60px; height: 60px; background: url(http://static.spoorts.cn/images/img/set.png) no-repeat; }
.user-info > img { display: block; overflow: hidden; width: 100%; }
.user-info:before { content: ''; display: block; overflow: hidden; position: absolute; z-index: 2; left: 0; bottom:0; width: 100%; height: 100px;  background: -webkit-linear-gradient(rgba(27,39,61,0), rgba(27,39,61,0.8)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(27,39,61,0), rgba(27,39,61,0.8)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(27,39,61,0), rgba(27,39,61,0.8)); /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(27,39,61,0), rgba(27,39,61,0.8)); /* 标准的语法 */ }
.user-info span { display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px 25px; z-index: 3; }
.user-info span em { font-size: 20px; color: #FFF; line-height: 50px; display: block; overflow: hidden; }
.user-info span i { display: block; overflow: hidden; float: left; padding-right: 10%; line-height: 16px; color: #FFF; font-size: 14px; }
.user-info span i img { width: 20px; height: 14px; display: block; float: left; margin-right: 6px; margin-top: 1px; }
.user-info span i:nth-child(3) { width: 60%; }
.user-info span i:nth-child(3):before { content:''; display: block; overflow: hidden; float: left;  margin-right: 6px; width: 14px; height: 16px; background: url(http://static.spoorts.cn/images/icons/icon-date.jpg) no-repeat; }

.user-mennu { display: block; overflow: hidden; background: #1b273d; padding-bottom: 150px; }
.user-mennu:before { content: ''; display: block; overflow: hidden; height: 7px; background: #2179cc url(http://static.spoorts.cn/images/img/color-line.jpg) top right no-repeat;}
.user-mennu li { display: block; overflow: hidden; padding: 10px 20px; border-bottom: 1px solid #485367; transition: all 0.3s; -webkit-transition: all 0.3s;  }
.user-mennu li.active { background: #33415b;}
.user-mennu li:hover { background: #28354f; }
.user-mennu li a { display: block; overflow: hidden; height: 30px; line-height: 30px; color: #FFF; font-size: 14px; }
.user-mennu li a:before { content: ''; display: block; overflow: hidden; float: left; width: 30px; height: 30px;  background: center center no-repeat; margin-right: 20px;background-size: 18px auto;}
.user-mennu li:nth-child(1) a:before { background-image: url(http://static.spoorts.cn/images/icons/icon-menu01.png); }
.user-mennu li:nth-child(2) a:before { background-image: url(http://static.spoorts.cn/images/icons/icon-menu08.png); }
.user-mennu li:nth-child(3) a:before { background-image: url(http://static.spoorts.cn/images/icons/icon-menu02.png); }
.user-mennu li:nth-child(4) a:before { background-image: url(http://static.spoorts.cn/images/icons/icon-menu06.png); background-size: 14px auto;}
.user-mennu li:nth-child(5) a:before { background-image: url(http://static.spoorts.cn/images/icons/icon-menu03.png); }
.user-mennu li:nth-child(6) a:before { background-image: url(http://static.spoorts.cn/images/icons/icon-menu07.png); background-size: 16px auto;}
.user-mennu li:nth-child(7) a:before { background-image: url(http://static.spoorts.cn/images/icons/icon-menu04.png); }
.user-mennu li:nth-child(8) a:before { background-image: url(http://static.spoorts.cn/images/icons/icon-menu05.png); }

/*-------center-r---------*/
.scroll { display: block; overflow: hidden; height: 700px; }
.center-top { display: block; overflow: hidden; padding:20px 0px 0px 30px; margin-left: -30px; background: #FFF; border-bottom: 1px solid #dbe5ea; }
.center-top em { display: block; overflow: hidden; font-size: 18px; color: #000; }
.center-top i { color: #888; }
.line-tab { display: block; overflow: hidden; }
.line-tab li { float: left; width: 130px; margin-right: 10px;}
.line-tab li a { display: block; overflow: hidden; height: 50px; line-height: 56px; text-align: center;  font-size: 18px; color: #999; }
.line-tab li.active a { border-bottom: 3px solid #2179cc; color: #2179cc; }
.line-tab .save-btn { float: right;  margin: 0; padding-top: 10px; width: 100px; }
.line-tab .save-btn a { color: #FFF; display: block; height: 40px; line-height: 40px; text-align: left; overflow: hidden; background: #03a9f4; padding: 0px 15px; font-size: 14px; }
.line-tab .save-btn a:before { content:''; display: block; overflow: hidden; float: left; width: 25px; margin-top: 8px; margin-right: 10px; height: 25px; background: url(http://static.spoorts.cn/images/icons/icon-right2.jpg) no-repeat; }
.line-tab .add-btn { width: 137px; }
.line-tab .add-btn a:before { background-image:url(http://static.spoorts.cn/images/icons/icon-add.jpg);  }
.center-box { display: block; overflow: hidden; padding: 30px 0px; }
.center-content { display: block; overflow: hidden; width: 100%; height: 700px; }

.title { display: block; height: 20px; position: relative; margin-bottom: 15px;}
.title:before { content:''; width: 100%; display: block; position: absolute; left: 90px; top: 50%; border-bottom: 1px solid #dbe5ea; }
.title em { display: inline-block; float: left; padding: 0px 8px 0px 0px; font-weight: bold; background: #f2f6fa; color: #2179cc; position: relative; z-index: 1; }
.title em img { margin-right: 3px; }
.title i { display: inline-block; float: right; line-height: 20px; padding: 0px 5px; background: #f2f6fa; position: relative; z-index: 1; }
.title a.save-btn { position: absolute; top:50%; right:0;  padding: 0px 20px; }
.title a.save-btn { color: #FFF; display: block; height: 40px; line-height: 40px; text-align: left; overflow: hidden; background: #03a9f4; padding: 0px 20px; font-size: 14px; }
.title a.save-btn:before { content:''; display: block; overflow: hidden; float: left; width: 25px; margin-top: 8px; margin-right: 4px; height: 25px; background: url(http://static.spoorts.cn/images/icons/icon-right2.jpg) no-repeat; }

.table03 { display: block; border-left: 1px solid #eaeef0; margin-bottom: 25px; }
.table03:after { content: ''; display: block; overflow: hidden; clear: both; }
.table03 > li { display: table; width: 100%; position: relative; background: #FFF; border: 1px solid #eaeef0; border-width: 0px 1px 1px 0px; }
.table03 > li.th { background: #eaeef0; color: #888; }
.table03 > li span { display: table-cell; vertical-align: middle; width: 80px; text-align: center; padding: 10px 5px; font-size: 14px;}
.table03 > li span:first-child { width: auto; text-align: left; padding: 10px 15px; }
.table03 > li span:first-child .area-txt { float: left; display: block; width: 40px; height: 40px; line-height:40px;margin-right: 22px;font-size: 18px;text-align: center;color: white;background-color: #ff0000;}
.table03 > li span:first-child em { display: block; overflow: hidden; height: 20px; line-height: 22px; font-size: 14px; font-weight: bold; }
.table03 > li span:first-child i { display:inline-block;color: rgba(54,65,70,.8); font-size: 10px;padding-top: 5px;}
.table03 > li:not(:first-child){color: #364146;font-weight: 500;}
.table03 > li:not(:first-child) span:nth-child(4){color: #03A9F4;}
.table03 > li .sbtn { padding: 10px; font-size: 14px; }
.table03 li:hover { background: #fafafa; }
.table03 > li.th:hover { background: #eaeef0; }
.table03 > li.active { border:solid #2179cc;  border-width: 1px 1px 0px 3px; }
.table03 > li.active span:first-child { padding: 10px 13px; }
.table03 > li.active.moreInfo { border:solid #2179cc; border-width: 0px 1px 1px 3px;}
.table03 > li.active.moreInfo span:first-child { padding: 10px 13px 10px 35px; }
.table03 > li.moreInfo { display: none; z-index: 66; width:100%; clear: both;  background: #FFF; }
.table03 > li span.more { font-weight: bold; color: #02a3ef; cursor: pointer; }
.table03 > li span.table03-span03{padding: 0 8px;}
.table03 > li span.table03-span03 em{cursor: pointer;background-color: #03A9F4;color: white;padding: 0 6px 0 0;text-align: center;position: relative;}
.table03 > li span.table03-span03 em i{display: inline-block;position:absolute;right:8px;top:12px;z-index:5;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;padding: 0;}
.table03 > li span:last-child{width: 120px;}
.table04 {display: block; overflow: hidden;width:100%;}
.table04 > li { display: table; width: 100%; position: relative; border-bottom: 1px solid #dbe5ea; }
.table04 > li span { display: table-cell; vertical-align: middle; text-align: center; padding: 10px 5px; width: 110px; font-weight: bold;}
.table04 > li span:first-child { width: auto; }

.table04 > li.th span { width: 80px;}
.table04 > li.th span:first-child { width: auto; text-align: left; padding: 10px 15px; }
.table04 > li.th span:first-child img { float: left; display: block; width: 40px; height: 40px; margin-right: 15px; }
.table04 > li span:first-child em { display: block; overflow: hidden; height: 20px; line-height: 22px; font-size: 14px; font-weight: bold; color: #053D52;}
.table04 > li span:first-child i { color: #666; }
.table04 > li.ths { background: #f2f6fa; color: #000; font-weight: bold;}
.table04 > li.ths img { border-radius: 50%; height: 40px; width: 40px; }

.table04 > li.tr span { color: #053d52; padding: 15px 10px; font-size: 14px; font-weight: 400;}
.table04 > li.tr span:nth-child(2) { background: #785f87; color: #FFF; font-size: 22px;}
.table04 > li.tr span:nth-child(3) { background: #74b30f; color: #FFF; font-size: 22px;}
.table04 > li.tr span:nth-child(4) { color: #000; font-size: 22px;}
.table04 > li.tr span:last-child{color:#073F54;font-size: 22px;background: #F2F6FA;}
.table04 > li.count { border-bottom: none;}
.table04 > li.count span { font-weight: bold; padding: 15px 5px; font-size: 22px; }
.table04 > li.count span:last-child {  background: #02a3ef; color: #FFF; }

.table05 { display: block; border-left: 1px solid #eaeef0; margin-bottom: 25px; }
.table05:after { content: ''; display: block; overflow: hidden; clear: both; }
.table05 > li { display: table; width: 100%; position: relative; background: #FFF; border: 1px solid #eaeef0; border-width: 0px 0px 1px 0px; }
.table05 > li.th { background: #eaeef0; color: #888; }
.table05 > li span { box-sizing:border-box;display: table-cell; vertical-align: middle; text-align: left; padding: 6px 20px; font-size: 14px; border-right: 1px solid #eaeef0;}
.table05 > li:not(.th) span{ color: #364146;font-weight: 500;}
.table05 > li span:nth-child(1) {width: 150px;}
.table05 > li span:nth-child(2) {width:135px;}
.table05 > li span:nth-child(3) { width: 270px;}
.table05 > li span:nth-child(4) { position: relative;}
.table05 > li span input{width: 100%;border: none;}
.table05 > li span:last-child{border: none;}
.table05.form{margin:0 0 25px 0;}
.table05.form .blue-dropdown .btn-primary{width: 135px;border: none !important;box-shadow:none;color: #364146;padding: 0 20px;}
.table05.form .blue-dropdown .btn-primary .caret{background-image: url(http://static.spoorts.cn/images/icons/icon-form08.jpg);top:0;}
.table05.form > li{float:none;height: auto; margin: 0;}
.table05.form >li span:last-child img{position: absolute;right: 10px;top:7px;z-index: 1;}
.mCSB_container{padding-bottom: 30px;}

.table06 > li span:nth-child(1) {width: 160px;}
.table06 > li span:nth-child(2) {width: 400px;}
.table06 > li span:nth-child(3) { width: auto;}

.table07 > li span:nth-child(1) {width: 220px;}
.table07 > li span:nth-child(2) {width: 320px;}
.table07 > li span:nth-child(3) { width: auto;}
.table07 > li span:nth-child(1) img{width: 40px;height: 40px;border-radius: 50%;margin-right: 16px;}
.table07 > li span{border: none;}

.addbtn,.addbtn:hover { box-sizing:border-box;display: block; overflow: hidden; position: relative; top:0; left: 35px; width: 30px; height: 30px; border-radius: 50%; background: #03a9f4; color: #FFF; font-size: 30px; text-align: center; line-height: 25px; padding-bottom:10px;font-weight: bold; }
.save-btn-f { color: #FFF; display: block; height: 40px; line-height: 40px; float: right; overflow: hidden; background: #03a9f4; padding: 0px 20px; font-size: 14px;}
.save-btn-f:hover { color: #FFF; }
.save-btn-f:before { content: ''; display: block; overflow: hidden; float: left;  width: 25px;  margin-top: 8px;  margin-right: 4px;  height: 25px;  background: url(http://static.spoorts.cn/images/icons/icon-right2.jpg) no-repeat;}
.table-color li:first-child:before { display: none; }
.table-color li:before { content: ''; display: block; position: absolute; left: 0; height: 80%; top:10%; border-left:2px solid #77b718;  }
.table-color li:nth-child(even):before { border-color: #3598db }
.table-color li:nth-child(odd):before { border-color: #77b718 }
.table-color li:nth-child(3n+0):before { border-color: #f00 }

.history-top { display: block; overflow: hidden; margin: 0px -15px;}
.history-top>div>div { display: block; overflow: hidden; padding:25px 10px; }
.history-top em { display: block; overflow: hidden; height: 40px; line-height: 40px; color: #FFF; font-size: 14px; }
.history-top em:before { content: ''; display: block; overflow: hidden; float: left; width: 40px; height: 40px; background: center center no-repeat; }
.history-top b { display: block; overflow: hidden; height: 50px; line-height: 50px; color: #FFF; font-size: 36px; text-align: center; }
.history-top > div:nth-child(1) > div { background: url(http://static.spoorts.cn/images/bg/history-bg01.jpg) center center no-repeat; background-size: cover; }
.history-top > div:nth-child(2) > div { background: url(http://static.spoorts.cn/images/bg/history-bg02.jpg) center center no-repeat; background-size: cover; }
.history-top div:nth-child(1) div div:nth-child(1) em:before{ background-image: url(http://static.spoorts.cn/images/icons/icon-history01.jpg); }
.history-top div:nth-child(1) div div:nth-child(2) em:before{ background-image: url(http://static.spoorts.cn/images/icons/icon-history02.jpg); }
.history-top div:nth-child(2) div div:nth-child(1) em:before{ background-image: url(http://static.spoorts.cn/images/icons/icon-history03.jpg); }
.history-top div:nth-child(2) div div:nth-child(2) em:before{ background-image: url(http://static.spoorts.cn/images/icons/icon-history04.jpg); }

/*------------form--------------*/
.form .blue-dropdown .dropdown-menu { left: auto; right:0; border:none; border-radius: 0px; width: 100%; min-width: 50px; max-height: 350px;overflow:hidden;overflow-y: auto;  }
.form .blue-dropdown .dropdown-menu li { display: block; overflow: hidden; width: 100%; height: 34px; line-height: 34px; }
.form .blue-dropdown .dropdown-menu li a { display: block; overflow: hidden; height: 34px; line-height: 28px; font-size: 14px; }
.form .blue-dropdown .dropdown-menu li a:hover { background: #2179cc; color: #FFF;  }
.form .blue-dropdown .btn-primary { background: #fff; position: relative; width: 100%; font-size: 14px; text-align: left; border-radius: 0px; border:none; height: 40px; line-height: 28px; }
.form .blue-dropdown .btn-primary { overflow: hidden;color: #999; border:1px solid #e0e0e0;    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form .blue-dropdown .btn-primary:hover { color: #2179cc; }
.form .blue-dropdown .btn-primary:hover, .form .blue-dropdown .btn-primary:focus, .form .blue-dropdown .btn-primary.focus, .form .blue-dropdown .btn-primary:active, .form .blue-dropdown .btn-primary.active, .form .blue-dropdown .open > .dropdown-toggle.btn-primary { background: #FFF; color: #2179cc; border:1px solid #e0e0e0; }
.form .blue-dropdown .btn-primary .caret { border:none; display: block; overflow: hidden; height: 40px; width: 40px; position: absolute; top:-1px; right:-1px; background:#2179cc url(http://static.spoorts.cn/images/icons/icon-form01.jpg) center center no-repeat; }

.form { display: block; margin: 0px -15px 20px; }
.form:after { content: ''; display: block; overflow: hidden; clear: both; }
.form > li { float: left; display: block; height: 70px; margin-bottom: 15px; }
.form > li > em { display: block; overflow: hidden; height: 30px; line-height: 30px; color: #000; font-size: 14px; }
.form > li > input { display: block; overflow: hidden; font-size: 14px;font-weight: normal!important; width: 100%; height: 40px; padding: 4px 10px; border:1px solid #e0e0e0; line-height: 30px;    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form .radio-form { padding-top: 10px; }
.form .radio-form label { font-weight: normal; display: inline-block; margin-right: 20px; cursor: pointer; font-size: 14px; line-height: 22px; padding-right: 8px; color: #1f3263; }
.form .radio-form label input { display: none; }
.form .radio-form label:before { content: ''; display: block; float: left; width: 20px; height: 20px; border-radius: 50%; border:1px solid #e0e0e0; background: #FFF; margin-right: 6px; }
.form .radio-form label.active:before { border:5px solid #00a9ff; }

.form .date .form-control { border:1px solid #e0e0e0; height: 40px; border-radius: 0; }
.form .input-group.date .input-group-addon { border:1px solid #2179cc; border-radius: 0;  background: #2179cc url(http://static.spoorts.cn/images/icons/icon-form02.jpg) center center no-repeat; }
.form .input-group.date .input-group-addon:before { content: ''; width: 40px; }

.form .city .form-control { border:1px solid #e0e0e0; height: 40px; border-radius: 0; }
.form .input-group.city .input-group-addon { border:1px solid #2179cc; border-radius: 0;  background: #2179cc url(http://static.spoorts.cn/images/icons/icon-form03.jpg) center center no-repeat; }
.form .input-group.city .input-group-addon:before { content: ''; width: 40px; }

.form .area .form-control { border:1px solid #e0e0e0; height: 40px; border-radius: 0; }
.form .input-group.area .input-group-addon { border:1px solid #2179cc; border-radius: 0;  background: #2179cc url(http://static.spoorts.cn/images/icons/icon-form03.jpg) center center no-repeat; }
.form .input-group.area .input-group-addon:before { content: ''; width: 40px; }

.form .glyphicon:before { opacity: 0; visibility: hidden; }
.form > li:nth-child(3) .blue-dropdown .caret { background-image: url(http://static.spoorts.cn/images/icons/icon-form01.jpg); }
.form > li:nth-child(4) .blue-dropdown .caret { background-image: url(http://static.spoorts.cn/images/icons/icon-form02.jpg); }
.form > li:nth-child(5) .blue-dropdown .caret { background-image: url(http://static.spoorts.cn/images/icons/icon-form03.jpg); }
.form > li:nth-child(6) .blue-dropdown .caret { background-image: url(http://static.spoorts.cn/images/icons/icon-form03.jpg); }
.form > li:nth-child(7) .blue-dropdown .caret { background-image: url(http://static.spoorts.cn/images/icons/icon-form04.jpg); }
.form > li:nth-child(8) input { padding-right: 40px; background:#fff url(http://static.spoorts.cn/images/icons/icon-form05.jpg) right center no-repeat; }
.form > li:nth-child(9) input { padding-right: 40px; background:#fff url(http://static.spoorts.cn/images/icons/icon-form06.jpg) right center no-repeat; }
.form > li:nth-child(10) input { padding-right: 40px; background:#fff url(http://static.spoorts.cn/images/icons/icon-form07.jpg) right center no-repeat; }
.form > li:nth-child(11) .blue-dropdown .caret { background-image: url(http://static.spoorts.cn/images/icons/icon-form08.jpg); }

.addteam { padding-bottom: 150px; display: block; overflow: hidden; }
.addteam .sbtn.lblue-btn.right{padding: 10px 48px;font-size: 14px;}

.sendcode { position: relative; }
.sendcode a { position: absolute; top:30px; right:-124px; width: 140px; padding: 0px 8px; }
.sendcode a { color: #FFF; display: block; height: 40px; line-height: 40px; text-align: left; overflow: hidden; background: #2179cc; padding: 0px 20px; font-size: 14px; }
.sendcode a:before { content:''; display: block; overflow: hidden; float: left; width: 25px; margin-top: 8px; margin-right: 4px; height: 25px; background: url(http://static.spoorts.cn/images/icons/icon-message.jpg) no-repeat; }

.dialog-fade { display: none; overflow: hidden; position: fixed; width: 100%; height: 100%; z-index: 998; left: 0; top: 0; }
.area-dialog { display: none; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); overflow: hidden; position: absolute; z-index: 999; border-top: 2px solid #2179cc; width: 580px; height: 100%; top:0; left: 50%; margin-left: -290px; background: #FFF; }
.area-dialog .close-btn { display: block; overflow: hidden; position: absolute; top: 0; right:0; width: 40px; height: 40px; background: url(http://static.spoorts.cn/images/icons/icon-close.jpg) no-repeat; cursor: pointer; }
.area-dialog .title em  { background: #FFF; color: #000; }
.area-dialog .title { clear: both; }
.area-dialog .title:before { border-color: #e0e0e0; }
.area-dialog .mCustomScrollbar { display: block; overflow: hidden; position: absolute; top:50px; bottom:40px; right: 0; left: 25px; }
.area-dialog ul { margin-bottom: 10px; display: block; overflow: hidden; }
.area-dialog ul li { display: block; overflow: hidden; cursor: pointer; float: left; padding:10px 25px; line-height: 14px; }
.area-dialog ul li.active { background: #2179cc; color: #FFF; }
.area-dialog ul li img { width: 20px; height: 14px; display: block; margin-right: 6px; float: left; }

.city-dialog { display: none; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); overflow: hidden;  position: absolute; z-index: 999; border-top: 2px solid #2179cc; width: 420px; height: 700px; top:0; left: 50%; margin-left: -210px; background: #FFF; }
.city-dialog .close-btn { display: block; overflow: hidden; position: absolute; top: 0; right:0; width: 40px; height: 40px; background: url(http://static.spoorts.cn/images/icons/icon-close.jpg) no-repeat; cursor: pointer; }
.city-dialog .title em  { background: #FFF; color: #000; }
.city-dialog .title { clear: both; }
.city-dialog .title:before { border-color: #e0e0e0; }
.city-dialog .mCustomScrollbar { display: block; overflow: hidden; position: absolute; top:50px; bottom:40px; right: 0; left: 25px; }
.city-dialog ul { margin-bottom: 10px; display: block; overflow: hidden; }
.city-dialog ul li { display: block; overflow: hidden; cursor: pointer; float: left; padding:10px 25px; line-height: 14px; }
.city-dialog ul li.active { background: #2179cc;  color: #FFF; }
/*-----------team----------*/
.error { display: block; overflow: hidden; padding: 60px 150px; font-size: 30px;line-height:1.4;color: #000; }
.error:before { content: ''; display: block; overflow: hidden; float: left; margin-right: 40px; width: 120px; height: 120px; margin-top:-20px;background: url(http://static.spoorts.cn/images/icons/icon-error2.jpg) no-repeat; }

.team-manage-list { display: block; overflow: hidden; }
.team-manage-list li { display: block; overflow: hidden; padding: 10px 0px; position: relative; margin-bottom: 30px; background: #FFF; border-left: 2px solid #2179cc; }
.team-manage-list li.sh:before { content: ''; display: block; overflow: hidden; position: absolute; z-index: 66; width: 100%; height: 100%; top:0; left: 0; background: rgba(27,39,61,0.8) url(http://static.spoorts.cn/images/icons/icon-team01.png) center center no-repeat;;}

.team-manage-list li em { display: block; overflow: hidden; font-size: 14px;  padding: 0px 15px;}
.team-manage-list li i { color: #999; display: block; overflow: hidden; padding: 0px 15px;}
.team-manage-list li span { display: block; overflow: hidden; text-align: center; font-size: 24px; line-height: 40px; color: #2179cc; padding: 10px 0px; }
.team-manage-list li span:before { content: ''; display: inline-block; height: 40px; width: 40px; top:10px; position: relative; background: url(http://static.spoorts.cn/images/icons/icon-team02.jpg) no-repeat; }
.team-manage-list li a { position: absolute; right:0; top:0; display: block; overflow: hidden; background: #03a9f4; height:40px; width: 80px; text-align: center; color: #FFF; line-height: 40px; font-size: 14px;  }
.team-manage-list li.sh span,.team-manage-list li.sh a { visibility: hidden; }
.team-manage-list li div { display: block; clear: both; overflow: hidden; border-top: 1px solid #f8fafa; padding: 10px 0px 5px; }
.team-manage-list li div i { display: inline-block; width: 120px; line-height: 30px; font-size: 13px; color: #000; }
.team-manage-list li div i:before { content: ''; display: block; overflow: hidden; height: 30px; width: 30px; float: left; background: url(http://static.spoorts.cn/images/icons/icon-team03.jpg) no-repeat; }
.team-manage-list li div i:nth-child(2):before { background-image: url(http://static.spoorts.cn/images/icons/icon-team04.jpg); margin-right: 3px; }
.team-manage-list li div p { color: #666; float: right; padding-right: 15px; font-size: 14px; line-height: 30px; margin: 0; }

.team-list-info { display: block; overflow: hidden; }
.team-list-info > ul > li { display: block; overflow: hidden; padding: 10px 0; position: relative; margin-bottom: 30px; background: #FFF; border-left: 2px solid #2179cc; }
.team-list-info li em { display: block; overflow: hidden; font-size: 14px;  padding: 0px 30px;color: #364146;font-weight: 500;}
.team-list-info li i { color: #999; display: block; overflow: hidden; padding: 0px 30px;}
.team-list-info li a { position: absolute; right:0; top:0; display: block; overflow: hidden; background: #03a9f4; height:40px; width: 80px; text-align: center; color: #FFF; line-height: 40px; font-size: 14px;  }
.team-list-info li span{padding: 0 15px;}
.team-list-info li div { display: block; clear: both; overflow: hidden; border-top: 1px solid #f8fafa; padding: 10px 0px 5px; }
.team-list-info li div i { display: inline-block; width: auto; line-height: 30px; font-size: 14px; color: #364146; }
.team-list-info li div i:before { content: ''; display: block; overflow: hidden; height: 30px; width: 30px; float: left; background: url(http://static.spoorts.cn/images/icons/icon-team04.jpg) no-repeat; margin-right: 14px;}
.team-list-info li div i:nth-child(2):before { background-image: url(http://static.spoorts.cn/images/icons/icon-team03.jpg); margin-right: 10px; }
.team-list-info li div p { color: #364146; float: right; padding-right: 33px; font-size: 14px; line-height: 30px; margin: 0; }
.team-list-info {}
.team-list-info button { border:none; background: none; display: block; overflow: hidden; padding: 13px 10px 5px; float: left;}
.team-list-info button img { width: 40px; height: 40px; border-radius: 50%; }
.team-list-info b { display: block; overflow: hidden; float: right; border-radius: 50%; width: 40px; height: 40px; font-size: 14px; margin: 15px 32px 15px 0px; text-align: center; line-height: 40px; border:1px solid #2179cc; }
.popover { max-width: 660px; border-radius: 0px; border:none; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); padding: 0;  }
.popover-content { padding: 0; }
.popover.bottom > .arrow { border:none; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); margin-left: -3px; }
.popover .team-list{border-top: 3px solid #2179CC;}
.popover .team-list li{width: 33.3333%;}
.clearfix-span01{display:inline-block;padding: 0 20px;}
.clearfix-span02{display:inline-block;padding: 0 20px 20px 20px;}


.user-info-popover { display: block; overflow: hidden; width: 280px; margin: 0; }
.user-info-popover dt { display: block; overflow: hidden; padding: 15px 15px; }
.user-info-popover dt > img { display: block; float: left; width: 50px; height: 50px; border-radius: 50%; }
.user-info-popover dt div { margin-left: 60px; }
.user-info-popover dt em { display: block; overflow: hidden; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; }
.user-info-popover dt i { display: block; overflow: hidden; float: left; width: 40%; line-height: 16px; font-size: 14px; font-weight: normal; }
.user-info-popover dt i img { width: 20px; height: 14px; display: block; float: left; margin-right: 6px; margin-top: 1px; }
.user-info-popover dt i:nth-child(3) { width: 60%; }
.user-info-popover dt i:nth-child(3):before { content:''; display: block; overflow: hidden; float: left;  margin-right: 6px; width: 14px; height: 18px; background: url(http://static.spoorts.cn/images/icons/icon-team05.jpg) no-repeat; }
.user-info-popover dd { display: block; overflow: hidden; border-top: 1px solid #f8fafa; padding: 10px 20px; }
.user-info-popover dd i { display: block; overflow: hidden; height: 30px; line-height: 20px; color: #999; padding: 5px 0px; }
.user-info-popover dd i:before { content:''; display: block; overflow: hidden; float: left;  margin-right: 6px; width: 20px; height: 20px; background: url(http://static.spoorts.cn/images/icons/icon-team07.jpg) no-repeat; }
.user-info-popover dd i:nth-child(2):before { background: url(http://static.spoorts.cn/images/icons/icon-team06.jpg) no-repeat; }
/*------------index--------------*/

.index-slide { display:block; overflow:hidden; padding-bottom:40%; position:relative; z-index: 2; }
.index-slide .channel-img { position:absolute; left:0; top:0; width:100%; height:100%; display:block; overflow:hidden; }
.index-slide .channel-img li img { width:100%; left:0; }
.index-slide .channel-img:before { height:0; }
.index-slide .flex-control-paging { position:absolute; z-index: 666; left:50%; margin-left: -80px; width: 160px; bottom:30px; z-index:66; text-align: center; }
.index-slide .flex-control-paging li { padding:2px 4px; width:22px; height:18px; display: inline-block; }
.index-slide .flex-control-paging li a { display:block; overflow:hidden; width:14px; height:14px; background:transparent; border:2px solid #FFF; border-radius: 50%; text-indent:-9999px; cursor:pointer; }
.index-slide .flex-control-paging li a.flex-active { background: #fff;  }

.index-slide .flex-prev,.index-slide .flex-next  { position: absolute; display: none; overflow: hidden; z-index: 66; text-indent: -999px; width: 70px; height: 70px; left: 20px; top:50%; margin-top: -40px; background:rgba(255,255,255,0.6) url(http://static.spoorts.cn/images/img/prevnext.png) left center no-repeat; background-size: auto 100%; transition: all .3s; -webkit-transition: all .3s; }
.index-slide .flex-next { right: 20px; left:auto; background-image:url(http://static.spoorts.cn/images/img/prevnext.png); background-position: right center;  }
.index-slide .flex-prev:hover,.index-slide .flex-next:hover { background-color:rgba(33,121,204,0.6);  }
.index-slide:hover .flex-prev,.index-slide:hover .flex-next{display: block;}
.index-slide .flex-prev-img,.index-slide .flex-next-img{position: absolute; display: none; overflow: hidden; z-index: 65; width: 224px; height: 88px; left: 20px; top:50%; margin-top: -49px; background:rgba(0,0,0,0.6); text-align:right;}
.index-slide .flex-next-img{left:auto;right:20px;text-align: left;}
.index-slide .flex-prev-img span,.index-slide .flex-next-img span{display:inline-block;width: 88px;height: 88px;}



.ad { display: block; overflow: hidden; }
.ad img { width: 100%; }

.data { display: block; overflow: hidden; background: #f9f9f9; padding: 60px 0px; }
.data img { display: block; overflow: hidden; margin: 0 auto; width:100px; height: 100px;  }
.data em { display: block; overflow: hidden; text-align: center; line-height: 30px; font-size: 16px;font-weight: bold; margin-bottom: 10px; }
.data em:after { content: ''; display: block; overflow: hidden; width: 80px; margin: 0 auto; border-bottom: 2px solid #2179cc; }
.data p { text-align: center; color: #999; font-size: 14px; }

.inews {display: block; overflow: hidden; padding: 60px 0px;}
.inews .col-xs-4 div { background: #FFF; display: block; overflow: hidden; position: relative; top:-40px; left: 15px; padding: 5px 30px 0px 15px; }
.inews .col-xs-4 img { display: block; overflow: hidden; width: 100%; }
.inews .col-xs-4 em { display: block; overflow: hidden; height: 40px; line-height: 40px; font-weight: bold; font-size: 15px;  }
.inews .col-xs-4 p { color: #999; font-size: 14px; }


.Sports-info-nav{box-sizing: border-box;background-color: #443A78;}
.Sports-info-nav .container .Sports-info{margin-left: -15px;margin-right: -5px;}
.Sports-info-nav .container .Sports-info li{box-sizing:border-box;display:inline-block;float: left;height:66px;font-size:14px;color:white;margin: 32px 0;border-right:1px solid #888;font-weight: 100;}
.Sports-info-nav .container .Sports-info li:nth-child(1){width: 50%;}
.Sports-info-nav .container .Sports-info li:nth-child(1) em{font-size: 22px;font-weight: 300;display: block;}
.Sports-info-nav .container .Sports-info li:not(:first-child){width: 16.66666666%;text-align: center;}
.Sports-info-nav .container .Sports-info li:not(:first-child) em{display: block;text-align: center;font-size: 37px;font-weight: 400;}
.Sports-info-nav .container .Sports-info li:not(:first-child) i{display:inline-block;margin-top: -10px;font-weight: 200;}

.Sports-result{padding-bottom: 30px;}
.Sports-result ul.Sports-search>li{padding-top: 29px;}
.Sports-result ul.Sports-search li:last-child input{box-sizing:border-box;padding-left:26px;margin-left:55px;width:117px;border:none;background: #FF0000 url("http://static.spoorts.cn/images/icons/search-white.png") 11px center no-repeat;background-size:18px auto;color: white;}
.Sports-result ul.Sports-search li:nth-child(2){padding-right: 0;}
.Sports-result ul.Sports-search .blue-dropdown .btn-primary .caret{background: #2179cc url(http://static.spoorts.cn/images/icons/icon-form08.jpg) center center no-repeat;}
.Sports-result ul.Sports-search .blue-dropdown .btn-primary{color: black;}

.Sports-result ul.Sports-checked{width:1140px;margin: 0;background-color: #363F4F;}
.Sports-result ul.Sports-checked>li{padding: 0;height: 60px;line-height: 60px;margin: 0;font-size: 22px;color: white;}
.Sports-result ul.Sports-checked>li .blue-dropdown .btn-primary{border: none;box-shadow: none;background-color: #1B273D;font-size: 22px;color: white;height: 60px;line-height: 48px;padding-left: 38px;}
.Sports-result ul.Sports-checked>li:nth-child(2){padding-left: 35px;}
.Sports-result ul.Sports-checked>li .blue-dropdown .btn-primary .checked-arrow{display: inline-block;float:right;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid white;margin: 22px 20px 0 0;}

.Sports-result ul.Sports-list{width:1140px;margin: 0;background-color: white;}
.Sports-result ul.Sports-list li{width:100%;height: 60px;line-height: 60px;border-bottom: 1px solid #ECF0F1;background-color: white;margin: 0;font-size: 14px;text-align: left;}
.Sports-result ul.Sports-list li.th{background-color: #363F4F;height: 40px;line-height: 40px;color: white;padding-right: 5px;font-weight: 100;}
.Sports-result ul.Sports-list li:not(:first-child){color:#364146; font-weight: 500;}
.Sports-result ul.Sports-list li:not(:first-child):hover{box-shadow: 0 0 20px rgba(0,0,0,.3);border: 1px solid #005AFF;transition: all .3s linear;  transform: translateY(-2px);}
.Sports-result ul.Sports-list li span{box-sizing:border-box;display: inline-block;}
.Sports-result ul.Sports-list li span:nth-child(1){width: 8%;padding: 0 0 0 38px;}
.Sports-result ul.Sports-list li span:nth-child(2){width: 23%;}
.Sports-result ul.Sports-list li span:nth-child(3){width: 13%;}
.Sports-result ul.Sports-list li span:nth-child(4){width: 17%;}
.Sports-result ul.Sports-list li span:nth-child(5){width: 23%;}
.Sports-result ul.Sports-list li span:nth-child(2) img{width: 40px;border-radius: 50%;margin-right: 16px;}
.Sports-result ul.Sports-list li.th span:nth-child(2){padding-left: 56px;}
.Sports-result ul.Sports-list li:not(:first-child) span:last-child{color: #FF0000;}

/*个人报名01*/
.join-box .person-newBar{margin-bottom: 40px;}
.join-box .person-newCtx{padding-bottom: 0;}
.join-box .person-newBar li{background-color: #313131;position: relative;}
.join-box .person-newBar li:nth-child(2){border-left: 1px solid #696969;border-right: 1px solid #696969;}
.join-box .person-newBar li.active i{display: inline-block;position: absolute;bottom:-14px;left:50%;z-index:5;margin-left:-14px;border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 14px solid white;}
.join-box .join-content .newBar-step{padding: 17px 0 0 81px;}
.join-box .join-content .newBar-step li{display: inline-block;float: left;}
.join-box .join-content .newBar-step li p{font-size: 18px;color: #898989;text-align: center;margin-top: 15px;}
.join-box .join-content .newBar-step li:nth-child(1) p{text-align: center;margin-left: -95px;}
.join-box .join-content .newBar-step li:nth-child(4) p{text-align: center;margin-left: 60px;}
.join-box .join-content .newBar-step li:nth-child(1).newBar-step-on p{color: #B2D135;}
.join-box .join-content .newBar-step li:nth-child(2).newBar-step-on p{color: #56BDEA;}
.join-box .join-content .newBar-step li:nth-child(3).newBar-step-on p{color: #FA7F7F;}
.join-box .join-content .newBar-step li:nth-child(4).newBar-step-on p{color: #FF0000;}
.join-box .join-content .newBar-step img{height: 74px;}
.join-box .join-content .newBar-title{background-color: #2179CC;font-size: 18px;color: white;height: 50px;line-height: 50px;padding: 0 0 0 23px;margin-top: 11px;margin-bottom: 0;}
.join-box .join-content .newBar-title .dropdown{margin: 8px 16px 0 0;}
.join-box .join-content .newBar-title .dropdown .btn-primary{background-color: #EBEBEB;color: black;font-weight: 500;}
.join-box .join-content .newBar-title02{background-color: #2179CC;padding: 49px 107px;margin-top: 30px;margin-bottom: 0;}
.join-box .join-content .newBar-title02 input{box-sizing: border-box;width:100%;height: 68px;line-height: 50px;font-size: 23px;padding: 9px 27px;font-weight: 300;}
.join-box .join-content .newBar-ctx{box-sizing:border-box;padding: 15px 23px;border: 1px solid #979797;border-top: none;}
.join-box .join-content .newBar-ctx p{text-align: justify;margin-bottom: 0;}
.join-box .join-content .newBar-signCk{box-sizing:border-box;text-align: center;height: 50px;line-height:50px;border: 1px solid #979797;border-top: none;font-size: 18px;color: black;margin-bottom: 0;}
.join-box .join-content .newBar-signCk span{cursor: pointer;}
.join-box .join-content .next-step{height: 80px;line-height: 50px;margin-bottom: 0;padding-top:6px;}
.join-box .join-content .next-step a{display: inline-block;height:50px;line-height:50px;font-size: 18px;background-color: #DFB40A;color: white;padding: 0 40px;}
.join-box .join-content .next-step a:last-child{background-color: #02A3EF;color: white;}
.step-unchecked{display:inline-block;background: url("http://static.spoorts.cn/images/icons/un-checked@2x.png")left 45% no-repeat;background-size: 24px;padding-left: 35px;}
.step-checked{display:inline-block;background: url("http://static.spoorts.cn/images/img/new-sign01-ck@2x.png")left center no-repeat;background-size: 24px;padding-left: 35px;}


/*02*/
.join-box .person-newCtx .newCtx-table>ul>li{border: 1px solid #979797;margin-top: 18px;padding: 0 30px 0 34px;}
.join-box .person-newCtx .newCtx-table>ul>li>span:nth-child(1){width: 200px;}
.join-box .person-newCtx .newCtx-table>ul>li>span:nth-child(2){width: 300px;}
.join-box .person-newCtx .newCtx-table>ul>li>span:nth-child(3){width: 400px;text-align: center;color: #ff0000;}
.join-box .person-newCtx .newCtx-table>ul>li>span:nth-child(4){width: auto;text-align: right;}
.join-box .person-newCtx .newCtx-table>ul>li.table-unchecked{background-color: #EBEBEB;border: 1px solid #EBEBEB;padding-right: 0;position: relative;}
.join-box .person-newCtx .newCtx-table>ul>li.table-unchecked span{color: #8B8B8B;}
.join-box .person-newCtx .newCtx-table>ul>li.table-unchecked span:nth-child(3){text-align: right; width: 320px;}
.join-box .person-newCtx .newCtx-table>ul>li.table-unchecked span:last-child{text-align: center;}
/*.join-box .person-newCtx .newCtx-table>ul>li.table-unchecked .radio-form label:before{border: none;background-color: #BEBEBE;cursor: not-allowed;}*/

/*03*/
.join-box .person-newCtx .newCtx-team{margin-top: 26px;border-top: 1px solid #eaeef0;}
.join-box .person-newCtx .add-newFriend a{display: inline-block;font-size: 18px;color: #000;margin:20px 0;background: url("http://static.spoorts.cn/images/icons/icon-add2@2x.png")left 40% no-repeat;background-size: 26px auto;padding-left: 40px;}
.join-box .person-newCtx .add-newFriend:last-child{margin-bottom: 100px;}
.join-box .person-newCtx .newCtx-team li{position: relative;}
.join-box .person-newCtx .newCtx-team li a{position:absolute;top:9px;right:9px;z-index:5;display:inline-block;width:15px;height:15px;background: url("http://static.spoorts.cn/images/icons/edit01@2x.png") right top no-repeat;background-size: 15px auto;}
.join-box .person-newCtx .newCtx-team li.active a{position:absolute;top:9px;right:9px;z-index:5;display:inline-block;width:15px;height:15px;background: url("http://static.spoorts.cn/images/icons/edit02@2x.png") right top no-repeat;background-size: 15px auto;}
.join-box .person-newCtx .newCtx-team li.active i{color: white;}

/*edit-layer*/
/*.layer-bg{display:none;position: fixed;top:0;left: 0;z-index: 666;width: 100%;height: 100%;background-color: rgba(0,0,0,.5)}*/
.edit-layer{width: 920px;margin: 0 auto;background-color: white;box-sizing: border-box;padding: 46px 69px 0 69px;}
.edit-layer .center-box .title em{background-color: white;}
.edit-layer-btn{text-align: center;margin: 40px 0 10px 0;}
.edit-layer-btn a{display: inline-block;width: 200px;height: 60px;line-height: 60px;font-size: 20px;color: white;text-align: center;background-color: #2179CC;margin: 0 20px;}
.edit-layer-btn .edit-cancel{background-color: #BBB;}
.edit-layer .form > li:nth-child(2) .blue-dropdown .caret{background: #2179cc url(http://static.spoorts.cn/images/icons/icon-form03.jpg) center center no-repeat;}
.edit-layer .form > li:nth-child(4) .blue-dropdown .caret{background: #2179cc url(http://static.spoorts.cn/images/icons/icon-form08.jpg) center center no-repeat;}
.edit-layer .form > li:nth-child(8) .blue-dropdown .caret{background: #2179cc url(http://static.spoorts.cn/images/icons/icon-form08.jpg) center center no-repeat;}
.modal.subscribeModal2{top:6%;}
/*04*/
.new-sign-pay{margin: 30px 0 20px 0;}
.new-sign-pay .step02 .table02 li.th{border-top: none;}
.new-sign-pay .step02 .table02 li:nth-child(1) > span:nth-child(2),
.new-sign-pay .sign-up-list span:nth-child(2),
.new-sign-pay .sign-up-list span:nth-child(3){ background: #F2F6FA;color: #000;font-weight: bold;}
.new-sign-pay .step02 .table02 li.receive-ways em i{font-size:14px;color:#898989;height: auto;line-height:20px;width: 80%;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.new-sign-pay .step02 .table02 li.receive-ways>span:nth-child(1){padding: 30px 0;}
.new-sign-pay .step02 .table02 li.receive-ways>span:nth-child(1).active{background: url("http://static.spoorts.cn/images/icons/right-arrow@2x.png")92% 90px no-repeat;background-size: auto 30px;}
.new-sign-pay .step02 .table02 li.receive-ways>span:nth-child(1) label{cursor:pointer;display:inline-block;background: url("http://static.spoorts.cn/images/icons/un-checked@2x.png")left center no-repeat;background-size: 30px;padding-left: 40px;margin-bottom: 16px;}
.new-sign-pay .step02 .table02 li.receive-ways>span:nth-child(1) label:nth-child(1){margin-right: 350px;}
.new-sign-pay .step02 .table02 li.receive-ways>span:nth-child(1) label.active{background: url("http://static.spoorts.cn/images/icons/checked@2x.png")left center no-repeat;background-size: 30px;}
.new-sign-pay .step02 .table02 li.receive-ways span{display: block;}
.new-sign-pay .step02 .table02 li.receive-ways .receive-input p{font-size: 12px;font-weight: normal;}
.new-sign-pay .step02 .table02 li.receive-ways .receive-input.form{margin-bottom: 0;display: none;}
.new-sign-pay .step02 .table02 li.receive-ways .active-i span{display: inline-block;font-size: 14px;color: #333;margin-right: 25px;}
.new-sign-pay .step02 .table02 li.receive-ways .active-i span.show-receive{cursor: pointer;color: #03a9f4;}
/*.new-sign-pay .step02 .table02 li.receive-ways .receive-input.form input{cursor: not-allowed;}*/
.new-sign-pay .step02 .table02 li.receive-ways .receive-input.form .changeBtn{color: white;background-color: #02A3EF;}

/*4.7.1/04*/
.team-sign-pay .step02 .table02 li.team-ways span:nth-child(2),
.team-sign-pay .step02 .table02 li.team-ways span:nth-child(3){background: none;}
.download-entry{cursor: pointer;}
.download-layer a{display: block;width: 280px;height: 73px;line-height: 73px;text-align: center;font-size: 25px;color: black;background-color: white;margin: 30px auto;}
.download-layer a:hover{background-color: #FFF288;}
.get-info{display: inline-block;width: 650px;height: 55px;line-height: 55px;text-align: center;color:white;font-size: 22px;background-color: #775ADA;margin-top: 40px;}
.get-info:hover{color: white;}

/*修改*/
.newBar-info li .error { margin-top:10px;padding: 2px 10px; line-height: 28px; background: #666; color: #F4FB00; font-size: 13px;}
.newBar-info li .error:before { content: ''; float: left; display: block; height: 28px; width: 20px; line-height: 28px; background: url(http://static.spoorts.cn/images/icons/icon-error.jpg) left 3px;;margin-top: 0;margin-right: 10px;}
.form li .error { position: absolute; top:0; right:15px; display: none; padding: 2px 10px; line-height: 24px; background: #666; color: #F4FB00; font-size: 13px;}
.form li .error:before { content: ''; float: left; display: block; height: 24px; width: 20px; line-height: 24px; background: url(http://static.spoorts.cn/images/icons/icon-error.jpg) left 3px;;margin-top: 0;margin-right: 10px;}
.join-box .join-content .next-step a.unclick{cursor: not-allowed;background-color: #EBEBEB;color: #666;}

/*0303*/
.test-title{background-color: #2179CC;text-align: center;padding: 35px 0 28px;}
.test-title span{display: inline-block;position: relative;}
.test-title .test-acImg{position: absolute;left: 54px;top:-5px;z-index: 100;width: 26px;transition: all 1s;}
.test-ctx{background-color: white;padding: 0 174px;}
.test-ctx .sub-test{transition: all 1s;}
.test-ctx .sub-test .test-center{width:770px;margin: 0 auto;}
.test-ctx .test-active{background-color: #F2F6FA;margin: 0 -229px;box-shadow: 0 0 16px rgba(0,0,0,.5);position: relative;}
.test-ctx .test-active>button{display: block;position:absolute;right:37px;bottom:31px;border:none;background-color:#03A9F4;color:white;font-size:18px;width: 100px;height: 40px;line-height: 40px;}
.sign-info-ctx{margin-bottom: 90px;}
.sign-info-ctx>div{font-size: 30px;color: #000;text-align: center;margin: 65px 0 44px;}
.sign-info-ctx>div img{width: 77px;margin-right: 42px;}
.sign-info-ctx p{padding-left:300px;height: 50px;line-height: 50px;background-color: #F2F6FA;font-size: 22px;margin-bottom: 16px;}
.sign-info-ctx p img{width: 30px;vertical-align: middle;margin-right: 36px;}
.review-sys-info p{font-size: 14px;color: #000;padding: 14px 0 0 20px;}
.review-sys-info p img{margin-right: 12px;}
.review-sys-info div a{display: inline-block;line-height: 40px;padding: 0 45px;font-size: 14px;color: #fff;background-color: #2179CC;}
.add-list-btn a {display: inline-block;font-size: 14px;color: #000;margin: 10px 20px;background: url(http://static.spoorts.cn/images/icons/icon-add2@2x.png)left  no-repeat;background-size: 26px auto;padding: 2px 40px;  }
.poa-file-span{box-sizing:border-box;display:inline-block;width:100%;padding-left: 12px;line-height:40px;position: absolute;left: 0;top:0;font-size: 14px;color: #898989;box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);}
.problem-text{box-sizing:border-box;display:inline-block;padding:10px;width: 100%;height: 196px;background-color:#fff;border: none;resize: none;box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);font-size: 14px;}
.return-btn { color: #FFF; display: inline-block; width:108px;height: 40px; line-height: 40px; overflow: hidden;margin-right: 27px;text-align: center; background: #929292; font-size: 14px;}
.return-btn:hover{color: #fff;}
.form .input-group.date.file .input-group-addon{border: 1px solid #2179cc;border-radius: 0; background: #2179cc url(http://static.spoorts.cn/images/icons/icon-form09.png) center center no-repeat;}

/*个人中心我的照片*/
.fl{float: left;}
.fr{float: right;}
.album-title{font-size: 14px;color: black;font-weight: bold;margin: 15px auto 10px;}
.album-title .subalbum-t{color: #364146;font-weight: normal;}
.docs-galley .docs-pictures li{width: 10%;float:left;overflow: hidden;}

/*成绩证书*/
.cer-imgList li{position:relative;box-sizing: border-box;width: 70px;height: 70px;float: left;margin: 0 12px 12px 0;overflow: hidden;}
.cer-imgList li:nth-child(4n){margin-right: 0;}
.cer-active:before{content: '';display: inline-block;position:absolute;left:0;top:0;z-index:10;width: 70px;height: 70px;background: url("http://static.spoorts.cn/images/img/certificate-ck.png")center no-repeat;background-size: cover;}

.preview{position: absolute;overflow: hidden;background: white;}
.show-album{height: 240px;margin-top: 12px;}
.show-album button{box-sizing:border-box;width: 320px;height: 66px;font-size:20px;color:#000;background:white;border: 1px solid #979797;margin-top: 45px;}
.download-cer{text-align: center;}
.cer-ctx{display:inline-block;position: relative;}
.cer-headImg{position: absolute;left:49px;top:98px;z-index:10;width: 92px;height: 115px;}
.cer-headImg img{width: 100%;}
.cer-downBtn{text-align: center;margin-top: 19px;}
.cer-downBtn a{display: inline-block;width: 260px;line-height: 50px;text-align: center;font-size: 16px;color: white;background: #775ADA;}
.cer-btn{width: 320px;height: 66px;background: #FF0000;font-size: 20px;color: white;border: none;margin-top: 12px;}


/*摄影大赛*/
.Photo-search{display:block;position:absolute;top:14px;left:0;right:0;z-index:10;margin:0 auto;font-weight:normal;box-sizing:border-box;border:1px solid #D5D5D5;width: 470px;height: 38px;line-height:20px;font-size:14px;padding:9px 42px;border-radius: 30px;background: #F7F8FA url("http://static.spoorts.cn/images/img/Photo-search.png") 15px center no-repeat;background-size: 16px auto;}
.Photography-login.Photo-unlogin-per>a,
.Photography-login.Photo-unlogin-OC>a{display:inline-block;box-sizing:border-box;padding: 0 30px;height: 38px;line-height: 38px;border: 1px solid #D5D5D5;border-radius: 19px;text-align: center;color: rgba(0,0,0,.5);-webkit-transition: all .3s;transition: all .3s;}
.Photography-login.Photo-unlogin-per:hover>a{background: #0596F7;color: white;border: 1px solid #0596F7;border-radius: 0;height:63px;line-height:69px;margin-top: -15px;}
.Photography-login.Photo-unlogin-OC:hover>a{background: #FCC600;color: white;border: 1px solid #FCC600;border-radius: 0;height:63px;line-height:69px;margin-top: -15px;}
.Photography-login.Photo-logged-per>a,
.Photography-login.Photo-logged-OC>a{margin-top: -15px;display:inline-block;box-sizing:border-box;padding: 0 10px;color:#161616;height:63px;line-height:63px;white-space:nowrap;text-align: center;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.Photography-login.Photo-logged-per:hover>a,
.Photography-login.Photo-logged-OC:hover>a{background: #F7F8FA;color: #1182CE;}
.Photography-login.Photo-logged-per>a span{display:inline-block;background: url("http://static.spoorts.cn/images/img/Photo-login-personal.png")left no-repeat;background-size: 40px auto;padding-left: 50px;}
.Photography-login.Photo-logged-OC>a span{display:inline-block;background: url("http://static.spoorts.cn/images/img/Photo-login-OC.png")left no-repeat;background-size: 56px auto;padding-left: 66px;}
.Photography-login div { position: absolute; display: none; z-index: 66;width: calc(100% - 12px); top:37px; right:6px;padding-top: 7px;}
.Photography-login div:before{content:'';display:inline-block;border-width: 0 6px 6px 6px;border-style: none solid solid;border-color: transparent transparent #fff;margin-left: calc(50% - 3px);margin-bottom: -1px;}
.Photography-login div span{ display:block;border:1px solid #e0e0e0; background: #FFF; }
.Photography-login:hover div { display: block;  }
.Photography-login:hover div a { display: block;overflow: hidden; height: 40px; line-height: 30px; text-align: center; color: #888; padding: 5px 15px;  }
.Photography-login:hover div a:hover { background: #f0f0f0; }
.Photo-upload-icon{box-sizing: border-box;height: 37px;line-height: 37px;font-size: 14px;}
.Photo-upload-icon img{width: 30px;vertical-align: middle;margin-right: 6px;}
.Photo-banner .Photography-grid{position: absolute;left: 0;top:0;}
.Photo-banner .Photo-banner-txt{text-align: center;position: absolute;top:50%;left: 0;right: 0;z-index: 10;-webkit-transform: translateY(-70%);-moz-transform: translateY(-70%);-o-transform: translateY(-70%);-ms-transform: translateY(-70%);transform: translateY(-70%);}
.Photo-banner .Photo-banner-txt .Photo-banner-title{display:inline-block;line-height:2;font-size: 46px;color: white;font-weight: 500;border-bottom: 1px solid rgba(255,255,255,.5);padding: 0 100px;}
.Photo-banner .Photo-banner-txt .Photo-banner-Sport{text-align: center;font-size: 20px;color: white;margin-top: 24px;}
.Photo-banner .Photo-banner-txt .Photo-banner-Sport span{margin: 0 20px;}
.Photo-banner .Photo-banner-txt .Photo-banner-support{text-align: center;font-size: 20px;color: white;}
.Photo-banner .Photo-banner-txt .Photo-banner-upload{display: inline-block;font-size: 22px;color: white;width: 250px;line-height: 50px;border-radius: 25px;margin-top:40px;background: #0094F8;text-align: center;}
.join-box .Photography-time{line-height:2.5;font-size: 18px;color: white;font-weight: 300;}
.join-box .Photography-time img{height: 16px;margin-right: 5px;margin-top: -2px;}
.join-box .Photography-bar { display: table;  width: 100%; position: relative; z-index: 1;}
.join-box .Photography-bar li { display: table-cell; background: #fff; vertical-align: middle;border-bottom: 1px solid rgba(233,233,233,.5);}
.join-box .Photography-bar li:nth-child(2){border: 1px solid rgba(233,233,233,.5);border-top: none;}
.join-box .Photography-bar li.active { background: #0094F8;border-bottom: 1px solid #0094F8;}
.join-box .Photography-bar li a { display: block; overflow: hidden; text-align: center; height: 50px; line-height: 50px; font-size: 18px; font-weight: 400; color: rgba(0,0,0,.6);}
.join-box .Photography-bar li.active a { color: #fff; }
.join-box .Photography-bar li:first-child span{background: url("http://static.spoorts.cn/images/img/Photography-tab1-1.png") left center no-repeat;background-size: 22px auto;}
.join-box .Photography-bar li:nth-child(2) span{background: url("http://static.spoorts.cn/images/img/Photography-tab2-1.png") left center no-repeat;background-size: 22px auto;}
.join-box .Photography-bar li:nth-child(3) span{background: url("http://static.spoorts.cn/images/img/Photography-tab3-1.png") left center no-repeat;background-size: 22px auto;}
.join-box .Photography-bar li:first-child.active span{background: url("http://static.spoorts.cn/images/img/Photography-tab1-2.png") left center no-repeat;background-size: 22px auto;}
.join-box .Photography-bar li:nth-child(2).active span{background: url("http://static.spoorts.cn/images/img/Photography-tab2-2.png") left center no-repeat;background-size: 22px auto;}
.join-box .Photography-bar li:nth-child(3).active span{background: url("http://static.spoorts.cn/images/img/Photography-tab3-2.png") left center no-repeat;background-size: 22px auto;}
.join-box .Photography-bar li span{padding-left: 35px;}
.Photography-Sponsor ul li{box-sizing:border-box;float: left;width: 20%;height: 100px;line-height:100px;text-align: center;border: 1px solid rgba(0,0,0,.05);margin-left: -1px;margin-top: -1px;}
.join-box .Photography-Sport { background: #FFF; margin-bottom: 30px; overflow: hidden; }
.join-box .Photography-Sport .Photography-tab-pane{padding: 43px 40px 30px;}
.join-box .Photography-Sport .content {line-height: 40px;color: #000; font-size:16px;margin-top: 20px;}
.join-box .Photography-Sport .Photo-sub-bar li {float:left;box-sizing:border-box;width: 25%; background: #1F3263;}
.join-box .Photography-Sport .Photo-sub-bar li:not(:last-child){border-right: 1px solid rgba(233,233,233,.2);}
.join-box .Photography-Sport .Photo-sub-bar li.active { background: #0094F8;}
.join-box .Photography-Sport .Photo-sub-bar li a { display: block; overflow: hidden; text-align: center; height: 50px; line-height: 50px; font-size: 18px; font-weight: 400; color: white;}  .Photo-sub-txt{padding: 43px 40px 50px;border-bottom: 1px solid rgba(151,151,151,.6);}
.Photo-sub-txt p{position: relative;}
.Photo-sub-txt .Photo-txt-f20{color: black;font-size: 20px;}
.Photo-sub-txt .Photo-txt-f20 em{display:inline-block;margin:-2px 10px 0 0;font-style: normal;font-size: 30px;vertical-align: middle;}
.Photo-sub-txt .Photo-txt-f22{color:#0094F8;font-size:22px;}
.Photo-sub-txt .Photo-txt-f16{color: #0F0F0F;font-size: 16px;}
.Photo-sub-txt .Photo-txt-f18{color: rgba(0,0,0,.8);font-size: 18px;}
.Photo-sub-txt .Photo-txt-f16-1{padding-left:25px;font-size: 16px;}
.Photo-sub-txt .Photo-txt-f16-2{padding-left:25px;color: rgba(0,0,0,.7);font-size: 16px;}
.Photo-sub-txt .Photo-txt-f16-3{margin-top:15px;color: rgba(0,0,0,.7);font-size: 16px;}
.Photo-sub-txt .Photo-upload{cursor:pointer;display: inline-block;width: 160px;line-height: 40px;text-align: center;border-radius: 17px;color: white;font-size: 16px;background: #FEBA0E;margin: 21px 0 0 25px;}
.Photo-sub-txt .Photo-download{width: 50%;text-align: center;float: left;}
.Photo-sub-txt .Photo-download p{text-align: center;margin-top: 40px;}
.Photo-sub-txt .Photo-download p img{width: 108px;}
.Photo-sub-txt .Photo-download span{display: inline-block;text-align: left;margin-top: 50px;margin-bottom: 30px;}
.Photo-sub-txt .Photo-download:first-child span{font-size: 16px;color: #E70909;}
.Photo-sub-txt .Photo-download:last-child span{font-size: 18px;color: #000;}
.Photo-sub-txt:last-child{border: none;}
.Photo-sub-txt span{display: inline-block;}
.Photo-sub-txt span:first-child{position: absolute;top:0;left: 0;}
.Photo-sub-txt span:last-child{margin-left:20px;padding-left: 5px;}
.Photography-list ul li>div{position:relative;height: 366px;overflow:hidden;float: left;margin-top:20px;background-position:center;background-repeat: no-repeat;background-size: cover;}
.Photography-list ul li:first-child>div{width: 550px;}
.Photography-list ul li:first-child>div:last-child{margin-left: 20px;}
.Photography-list ul li:nth-child(2)>div:first-child,
.Photography-list ul li:nth-child(5)>div:first-child{width: 500px;}
.Photography-list ul li:nth-child(2)>div:nth-child(2),
.Photography-list ul li:nth-child(5)>div:nth-child(2){width: 320px;margin-left: 20px;}
.Photography-list ul li:nth-child(2)>div:nth-child(3),
.Photography-list ul li:nth-child(5)>div:nth-child(3) {width: 260px;margin-left: 20px;}
.Photography-list ul li:nth-child(3)>div:first-child{width: 500px;}
.Photography-list ul li:nth-child(3)>div:last-child{width:600px;margin-left: 20px;}
.Photography-list ul li:nth-child(4)>div:first-child{width: 650px;}
.Photography-list ul li:nth-child(4)>div:last-child{width:450px;margin-left: 20px;}
.Photography-list ul li>div .Photo-info{box-sizing:border-box;position:absolute;left:0;bottom:0;color:white;font-size:14px;padding:20px;line-height:48px;width: 100%;text-align:right;background: rgba(0,0,0,.6);margin-bottom: 0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-o-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);}
.Photography-list ul li>div .Photo-info span{position:absolute;top:50%;left:20px;right:110px;z-index:20;display:inline-block;line-height: 2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.Photography-list ul li>div:hover .Photo-info{-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.Photography-list ul li>div .Photo-info em{vertical-align:middle;cursor:pointer;font-style:normal;display:inline-block;width:30px;height: 30px;margin:0 0 0 16px;max-width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Photography-list ul li>div .Photo-info em.Photo-enlarge{background: url("http://static.spoorts.cn/images/img/Photo-enlarge.png")center no-repeat;background-size: contain;}
.Photography-list ul li>div .Photo-info em.Photo-like{background: url("http://static.spoorts.cn/images/img/Photo-like.png")center no-repeat;background-size: contain;}
.Photography-list ul li>div .Photo-info em.Photo-like.active{background: url("http://static.spoorts.cn/images/img/Photo-liked.png")center no-repeat;background-size: contain;}
.Photography-Sport .Photo-none{text-align: center;padding: 128px 0 200px;}
.Photography-Sport .Photo-none img{width: 178px;}
.Photo-upload-txt{text-align: center;padding: 90px 0 200px;}
.Photo-upload-txt>div{display:inline-block;cursor:pointer;}
.Photo-upload-txt img{width: 413px;}
.Photo-upload-txt p{text-align:center;margin-top:30px;font-size: 16px;color: #656565;}

/*页码导航*/
.page_nav { line-height: 127px; text-align: center;}
.page_nav span, .page_nav a {display: inline-block;color: #767676;font-size: 14px;margin: 0 4px;cursor: pointer;}
.page_nav span img, .page_nav a img {width: 52px;vertical-align: middle;max-width: none;}
.page_nav a {height: 37px;width: 37px;line-height: 37px;}
.page_nav a.active {color: #202020;}
.page_nav .opacity {opacity: 0.6;cursor: not-allowed;}
.page_nav a:hover {color: #202020;}


/*摄影大赛登录注册*/
.Photo-login-bg01{height:100%;min-height:640px;background: url('http://static.spoorts.cn/images/img/Photo-login-bg01.png')left bottom no-repeat;background-size: cover;}
.Photo-login-bg02{height:100%;min-height:640px;background: url('http://static.spoorts.cn/images/img/Photo-login-bg02.png')left bottom no-repeat;background-size: cover}
.Photo-relative{position: relative;height: 100%;}
.Photo-form-center{position: absolute;top:50%;left:0;right:0;height:640px;transform: translateY(-50%);}
.Photo-form{height: 580px;border-radius: 6px;box-shadow: 0 0 6px rgba(0,0,0,.24);}
.Photo-form h5{font-weight: normal;font-size: 20px;margin-bottom: 30px;}
.Photo-form h5 span{font-size: 16px;padding-top: 4px;}
.Photo-form h5 span a{color: #1182CE;}
.Photo-form .Photo-login-line{margin: 0 -40px;padding: 0 40px;border-bottom: 1px solid rgba(151,151,151,.3);}
.Photo-form .tab-content{margin-top: 10px;}
.Photo-form .tab-content ul li{padding: 0;}
.Photo-form .tab-content ul li em{height: 32px;}
.Photo-form .tab-content ul li div{border: none;height: 46px;}
.Photo-form .tab-content ul li div input{box-sizing:border-box;height:46px;border:1px solid #C8C8C8;border-radius: 5px;padding: 8px 21px;}
.Photo-form .tab-content ul li div input:focus{border: 1px solid #1182CE;box-shadow: 0 0 6px rgba(108,108,108,.38);}
.Photo-form .tab-content ul li.code input{width: 60%;}
.Photo-form .tab-content ul li.code .sendCode{float:right;height: 46px;width: 36%;border: none;border-radius: 5px;font-size: 15px;background: #414654;color: white;}
.Photo-form .tab-content ul li.code .sendCode.disabled{background: #A4A2A2;cursor: not-allowed;}
.Photo-form .tab-bar { display: block; overflow: hidden; padding: 10px 0px; margin: 0 -40px;background: rgba(223,223,233,.3);}
.Photo-form .tab-bar li { float: left; width: 50%; padding: 0px 15px; }
.Photo-form .tab-bar li a { display: block; color: inherit; overflow: hidden; text-align: center; height: 32px; line-height: 30px; text-decoration: none; font-size: 16px;}
.Photo-form .tab-bar li.active { border-bottom-color: #2179cc; color: #2179cc; }
.Photo-form02{padding: 20px 40px;}
.Photo-form02 h5 span a{color: #FEBA0E;}
.Photo-form02 .tab-content ul li div input:focus{border: 1px solid #FEBA0E;box-shadow: 0 0 6px rgba(108,108,108,.38);}

/*摄影大赛-城市*/
.gray {cursor:not-allowed;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.Photo-gradient{
    background-image:-webkit-linear-gradient(to bottom, #C2CBDA, #F5F8FD);
    background-image:-moz-linear-gradient(to bottom, #C2CBDA, #F5F8FD);
    background-image:-o-linear-gradient(to bottom, #C2CBDA, #F5F8FD);
    background-image:linear-gradient(to bottom,#C2CBDA, #F5F8FD);
}
.Photo-city-title{font-size: 32px;color: white;}
.Photo-city-list .swiper-container{margin: 0 40px;height: 116px;}
.Photo-city-list{position: relative;}
.Photo-city-list:after{content: '';display: block;height: 1px;background: #cbcbcb;position: absolute;left: 0;right:0;bottom: 6px;}
.Photo-city-list{box-sizing:border-box;margin: -15px -30px 0;position: relative;}
.Photo-city-list ul{box-sizing:border-box;text-align:center;height:110px;line-height: 116px;}
.Photo-city-list ul li{position:relative;height:38px;line-height:38px;width:auto;box-sizing:border-box;display: inline-block;font-size: 16px;color: black;text-align: center;margin-top: 36px;}
.Photo-city-list ul li.swiper-slide-active{background: #0094F8;color: white;border-radius: 30px;}
.Photo-city-list ul li.swiper-slide-active:after{content: '';display:inline-block;position:absolute;bottom:-24px;left:50%;width: 1px;height: 18px;border: 1px dashed rgba(151,151,151,.6);}
.Photo-city-list ul li.swiper-slide-active:before{content: '';display:inline-block;position:absolute;bottom:-42px;left:50%;margin-left:-6px;width: 14px;height: 14px;background: url("http://static.spoorts.cn/images/img/Photo-city-active.png")center no-repeat;background-size: contain;}
.Photo-city-list .Photo-city-btn{background:white;width:40px;height:70px;background-repeat:no-repeat;background-size: contain;}
.Photo-city-list .Photo-city-btn.swiper-button-disabled{cursor:not-allowed;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
/*摄影大赛-个人中心*/
.Photo-per-tab{overflow: hidden;}
.Photo-banner .Photo-per-txt{-webkit-transform: translateY(-40%);-moz-transform: translateY(-40%);-o-transform: translateY(-40%);-ms-transform: translateY(-40%);transform: translateY(-40%);}
.Photo-per-head{display:inline-block;width:100px;height:100px;border-radius:50%;border: 10px solid rgba(255,255,255,.5);background-position: center;background-repeat:  no-repeat;background-size: cover;}
.Photo-per-name{font-size: 20px;color: #161616;text-align: center;margin: 14px auto;}
.Photo-per-nav{text-align: center;}
.Photo-per-nav a{display: inline-block;font-size: 18px;color: #333;margin: 0 40px;}
.Photo-per-nav a.active{color: #1182CE;border-bottom: 1px solid #1182CE;}
.Photo-per-nav.Photo-per-nav-OC a.active{color: #F2AE03;border-bottom: 1px solid #F2AE03;}
.Photo-for-me{margin-bottom: 50px;}
.Photo-for-me ul li span{box-sizing:border-box;display: inline-block;float:left;width: 15%;text-align: center;font-size: 16px;color: #333;}
.Photo-for-me ul li span em{font-style: normal;display:inline-block;width:200px;height:120px;margin: 20px 0;background-position: center;background-repeat:  no-repeat;background-size: cover;}
.Photo-for-me ul li:not(:first-child){line-height: 160px;}
.Photo-for-me ul li:nth-child(even){background: rgba(255,255,255,1);}
.Photo-for-me ul li:nth-child(odd){background: rgba(255,255,255,.5);}
.Photo-for-me ul li.th{line-height: 60px;background: #F1F1F1;}
.Photo-for-me ul li span i{font-style: normal;display: inline-block;height: 35px;line-height: 35px;width: 95px;text-align: center;color: white;background: #CACACA;border-radius: 5px;margin-top: 60px;}
.Photo-for-me ul li span i.active{background: #FCC600;}
.Photo-for-me ul li span:first-child{width: 25%;}
.Photo-for-me ul li span:nth-child(2){box-sizing:border-box;width: 30%;padding: 0 0 0 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Photo-for-me ul li:not(:first-child) span:first-child{text-align:left;padding-left: calc(12.5% - 24px);}
.Photo-upload-ctx{width:1200px;margin: 22px auto 0;padding-bottom: 60px;}
.Photo-upload-ctx .Photo-upload-l{width: 750px;min-height:700px;box-sizing: border-box;background: white;padding: 22px 22px 0;}
.Photo-upload-ctx .Photo-upload-r{width: 440px;box-sizing: border-box;background:white;padding: 0 16px;}
.Photo-upload-ctx .Photo-upload-r p{font-size: 16px;color: #333;margin: 18px auto 14px;}
.Photo-upload-ctx .Photo-upload-r .Photo-upload-label{width: 100%;margin-bottom: 0;}
.Photo-upload-ctx .Photo-upload-r .Photo-upload-label input,
.Photo-upload-ctx .Photo-upload-r .Photo-upload-label textarea{box-sizing:border-box;width:100%;height:46px;border:1px solid #C8C8C8;border-radius: 5px;padding: 8px 21px;font-size: 14px;font-weight: normal;}
.Photo-upload-ctx .Photo-upload-r .Photo-upload-label input:focus,
.Photo-upload-ctx .Photo-upload-r .Photo-upload-label textarea:focus {border: 1px solid #1182CE;box-shadow: 0 0 6px rgba(108,108,108,.38);}
.Photo-upload-theme li{cursor:pointer;display: inline-block;float: left;height: 46px;line-height: 46px;border: 1px solid #CACACA;border-radius: 5px;padding: 0 20px;font-size: 14px;color: rgba(0,0,0,.56);margin-right: 27px;}
.Photo-upload-theme li.active{background: #1182CE;border: 1px solid #1182CE;color: white;}
.Photo-upload-ctx .Photo-upload-r .Photo-upload-label textarea{height: 100px;resize: none;text-align: justify;}
.Photo-upload-ctx .Photo-upload-r .sbtn{margin:20px auto 36px;width: 100%;background: #1182CE;border-radius: 5px;}

.Photo-per-data{box-sizing: border-box;width: 1200px;margin: 22px auto 37px;background: white;padding-bottom: 51px;}
.Photo-per-data .Photo-data-ctx .Photo-per-data-l{border-right: 1px solid rgba(95,95,95,.1);}
.Photo-per-data .Photo-data-ctx>div{box-sizing: border-box;width: 50%;padding: 0 60px;margin: 50px auto;float: left;}
.Photo-per-data .Photo-data-ctx>div p{font-size: 16px;color: #333;margin: 18px auto 5px;}
.Photo-per-data .Photo-data-ctx>div p:first-child{margin-top: 0;}
.Photo-per-data .Photo-data-ctx>div .Photo-upload-label{width: 100%;margin-bottom: 0;}
.Photo-per-data .Photo-data-ctx>div .Photo-upload-label input{box-sizing:border-box;width:100%;height:46px;border:1px solid #C8C8C8;border-radius: 5px;padding: 8px 21px;font-size: 14px;font-weight: normal;}
.Photo-per-data .Photo-data-ctx>div .Photo-upload-label input:focus{border: 1px solid #1182CE;box-shadow: 0 0 6px rgba(108,108,108,.38);}
.Photo-per-data-r .Photo-check-label span{cursor:pointer;float:left;box-sizing:border-box;white-space:nowrap;width:160px;padding-left:30px;margin:12px 0;font-size:14px;color:rgba(0,0,0,.7);display: inline-block;background: url("http://static.spoorts.cn/images/img/Photo-per-unchecked.png")left center no-repeat;background-size: 16px;}
.Photo-per-data-r .Photo-check-label:last-child span{float: none;}
.Photo-per-data-r .Photo-check-label span.active{background: url("http://static.spoorts.cn/images/img/Photo-per-checked.png")left center no-repeat;background-size: 16px;}
.Photo-data-submit{width: 100%;margin: 0 auto;text-align: center;}
.Photo-data-submit a{display:inline-block;width:217px;line-height:48px;text-align:center;background:#1182CE;border-radius:20px;font-size: 16px;color: white;}

.Photo-upload-paper{width: 1050px;margin: 34px auto;}
.Photo-upload-paper .Photo-upload-info{font-size: 16px;line-height:2.5;color: black;margin-bottom: 50px;}
.Photo-upload-paper .row,.Photo-upload-paper .form{margin: 0;position: relative;}
.Photo-upload-paper .row{background:white;box-shadow: 0 0 6px rgba(0,0,0,.13);border-radius: 5px;margin-bottom:44px;}
.Photo-upload-paper .form{padding: 22px 0 22px 18px;background: #2D3D68;border-top-left-radius: 5px;border-top-right-radius: 6px;}
.Photo-upload-paper .form li{margin-bottom:0;height: auto;}
.Photo-upload-paper .form .blue-dropdown .btn-primary{background: #2D3D68;color: white;border: 1px solid rgba(238,238,238,.6);border-radius: 5px;}
.Photo-upload-paper .form .blue-dropdown .btn-primary .checked-arrow{display: inline-block;float:right;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid rgba(255,255,255,.6);margin: 10px 0 0 0;}
.Photo-delete{cursor:pointer;box-sizing:border-box;display:inline-block;width:100px;text-align:center;height: 84px;border-bottom:1px solid rgba(151,151,151,.2);font-size: 14px;color: #7C7C7C;background: #fff url("http://static.spoorts.cn/images/img/Photo-delete.png")center 13px no-repeat;background-size: 30px; padding-top: 50px;position: absolute;right: 0;top:0;z-index: 10;border-top-right-radius: 5px;}
.Photo-delete:hover{background: #fff url("http://static.spoorts.cn/images/img/Photo-delete-hover.png")center 13px no-repeat;background-size: 30px;}
.Photo-upload-list li{font-size: 16px;color: rgba(0,0,0,.6);border-bottom: 1px solid rgba(151,151,151,.2);}
.Photo-upload-list li span{height:100px;line-height: 100px;box-sizing:border-box;display: inline-block;float: left;}
.Photo-upload-list li span img{height: 52px;margin: 24px 20px auto 33px;}
.Photo-upload-list li span:nth-child(2){width: 550px;padding-right: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Photo-upload-list li span.Photo-download-btn{width: 140px;margin-right:50px;overflow: hidden;position: relative;}
.Photo-upload-list li span.Photo-download-btn input{opacity:0;-webkit-appearance:none;appearance:none;outline:none;position: absolute;left: 0;top:0;z-index: 10;}
.Photo-upload-list li span.Photo-download-btn a,
.Photo-upload-list li span.Photo-download-btn em,
.Photo-upload-list li span.Photo-download-btn input{cursor:pointer;font-style:normal;display:inline-block;height:44px;line-height: 44px;width: 140px;text-align:center;color:rgba(0,0,0,.6);border: 1px solid rgba(151,151,151,.43);border-radius: 5px;margin: 28px auto 0;}
.Photo-upload-list li span.Photo-download-btn a:hover{background: #1182CE;color: white;border: 1px solid #1182CE;}
.Photo-upload-list li span.Photo-download-btn:hover em{background: #1182CE;color: white;border: 1px solid #1182CE;}
.Photo-game-add{position: relative;margin-bottom: 85px;text-align: center;}
.Photo-game-add>div{height: 20px;border-bottom: 1px solid #D2D2D2;}
.Photo-game-add span{cursor:pointer;box-sizing:border-box;display: inline-block;width:165px;height: 40px;line-height:40px;margin-top: -20px;font-size: 16px;color: #7C7C7C;border: 1px solid #D2D2D2;border-radius: 5px;background: #fafafa url("http://static.spoorts.cn/images/img/Photo-add-icon.png")22px center no-repeat;background-size: 27px; padding-left: 70px;}

/*审核状态*/
.Photo-sk-ctx{cursor:pointer;text-align: center;position: absolute;top:50%;left:0;right:0;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.Photo-sk-ctx img{width: 145px;}
.Photo-sk-ctx p{text-align:center;font-size: 30px;color: black;margin: 40px auto 10px;}
.Photo-sk-ctx span{margin-top:30px;font-size: 16px;color: #656565;}
.Photo-sk-ctx div{text-align: center;margin-top: 30px;}
.Photo-sk-ctx a{display: inline-block;width: 284px;line-height: 48px;text-align: center;background: #33446E;font-size:16px;border-radius:5px;color: white;}

/*回执函*/
.Photo-banner-txt p{text-align: center;font-size: 16px;color: white;}
.Photo-banner-txt.Receipt-letter{-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}

/*作品详情*/
.Photo-detail{width: 1200px;margin: 64px auto;}
.Photo-detail .Photo-detail-ctx>div{box-sizing:border-box;float: left;}
.Photo-detail .Photo-detail-ctx .Photo-detail-l{width: 860px;height: 564px;margin-right: 20px;position: relative;}
.Photo-detail .Photo-detail-ctx .Photo-detail-r{width: 320px;height: 564px;border: 1px solid rgba(151,151,151,.3);}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li{box-sizing:border-box;font-size:16px;color:#484848;padding:0 22px;border-bottom: 1px solid rgba(151,151,151,.3);}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li:last-child{border: none;}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li.Photo-detail-per{height: 90px;}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li.Photo-detail-per span{display:inline-block;float:left;margin-top: 17px;line-height: normal;}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li.Photo-detail-per span.Photo-detail-head{width: 57px;height: 57px;margin-right:24px;background-position:center;background-repeat: no-repeat;background-size: cover;}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li.Photo-detail-per span.Photo-detail-name{font-size: 20px;color: #000;}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li.Photo-detail-per span.Photo-detail-name em{display:inline-block;font-style: normal;font-size: 16px;color: rgba(0,0,0,.5);margin-top: 5px;}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li.Photo-detail-theme{line-height: 70px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li.Photo-detail-txt{height: 230px;padding: 10px 22px;overflow: auto;}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li.Photo-detail-btn{padding: 0;text-align: center;}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li.Photo-detail-btn span{cursor:pointer;display: inline-block;vertical-align:middle;width: 132px;height:40px;line-height: 40px;margin:32px 5px 0;color:white;text-align: center;background: #BFBFBF;border-radius: 6px;}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li.Photo-detail-btn span img{margin-right:8px;vertical-align: middle;margin-top: -4px;}
.Photo-detail .Photo-detail-ctx .Photo-detail-r ul li.Photo-detail-btn span.active{background: #FE4A46;}
.Photo-Copyright-txt{font-size: 16px;height: 70px;margin: 16px auto 40px;}
.Photo-Copyright-txt span{box-sizing:border-box;display: inline-block;float: left;}
.Photo-Copyright-txt span:first-child{line-height: 70px;color:black;}
.Photo-Copyright-txt span:last-child{color: #636262;padding-top: 5px;}
.Photo-detail-l .swiper-container { width: 100%; height: 100%;}
.Photo-detail-l .swiper-slide { overflow: hidden;}
.Photo-detail-l .swiper-container .swiper-button-prev{background-image: url('../images/img/Photo-detail-prev.png');left: 0;}
.Photo-detail-l .swiper-container .swiper-button-next{background-image: url('../images/img/Photo-detail-next.png');right: 0;}
.Photo-detail-l .swiper-container .swiper-button-next, .Photo-detail-l .swiper-container .swiper-button-prev{width: 48px;height: 52px;margin-top: -26px;background-size: 48px 52px;}


/*0808执函上传示例*/
.upload-exp{box-sizing:border-box;background:white;border: 1px solid #EBEBEB;box-shadow: 0 0 6px rgba(0,0,0,.08);}
.upload-exp p{height:68px;line-height:68px;text-align: center;font-size: 16px;color: black;border-bottom: 1px solid rgba(151,151,151,.2);}
.upload-exp p img{width: 36px;margin-right: 17px;}
.upload-exp ul.docs-pictures li{box-sizing:border-box;width: 33%;text-align: center;padding: 15px;}
.upload-exp ul.docs-pictures li img{width: 100%;}
.upload-exp ul.docs-pictures li:nth-child(2){width: 34%;padding: 15px 5px;}
.upload-exp.upload-jpg-exp ul.docs-pictures li{width:100%;padding: 15px 100px;}


/*新版首页*/
.new-index-nav{box-sizing:border-box;width:100%;height:76px;min-width: 1200px;background: #071F3D;border-bottom: 1px solid rgba(255,255,255,.1);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.new-index-nav .new-nav-ctx{position:relative;width: 1240px;height:100%;margin: 0 auto;}
.new-index-nav .new-nav-ctx .new-index-logo{position:absolute;top:26px;left:0;z-index:10;height: 25px;}
.new-index-nav .new-nav-ctx .new-nav-ul{margin-left: 257px;}
.new-index-nav .new-nav-ctx .new-nav-ul>li{position:relative;float: left;height: 75px;line-height: 75px;font-size: 16px;margin: 0 28px;}
.new-index-nav .new-nav-ctx .new-nav-ul>li>a{position:relative;display:block;color: #fff;font-weight: 300;padding: 0 10px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.new-index-nav .new-nav-ctx .new-nav-ul>li:not(:last-child)>a:after{content: '';display: block;width: 0;height: 4px;background: #FFFF00;position: absolute;left:50%;bottom: -1px;z-index: 10;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.new-index-nav .new-nav-ctx .new-nav-ul>li:hover>a,
.new-index-nav .new-nav-ctx .new-nav-ul>li.active>a{color: #F8E71C;}
.new-index-nav .new-nav-ctx .new-nav-ul>li:hover>a:after,
.new-index-nav .new-nav-ctx .new-nav-ul>li.active>a:after{width: 80px;}
.new-index-nav .new-nav-ctx .new-nav-ul>li .new-nav-subUl{display:none;box-sizing:border-box;position:absolute;top:75px;left:-14px;z-index:9;background: rgba(7,31,61,.9);padding: 20px 24px 28px;border-top: 1px solid rgba(255,255,255,.1);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-animation: slideIn .5s ease-out;-moz-animation: slideIn .5s ease-out;-o-animation: slideIn .5s ease-out;animation: slideIn .5s ease-out;}
.new-index-nav .new-nav-ctx .new-nav-ul>li .new-nav-subUl li a{font-size: 16px;color: #fff;font-weight: 300;white-space: nowrap;line-height: 2.5;}
.new-index-nav .new-nav-ctx .new-nav-ul>li:hover .new-nav-subUl{display: block;}
.new-index-nav:hover{background: #071F3D !important;border-bottom: 1px solid #071F3D;}
.new-index-nav .new-nav-ctx .new-nav-ul>li .new-nav-subUl li a:hover{color: #F8E71C;}
.new-index-nav .new-nav-ctx .new-nav-ul>li .new-nav-search{display: inline-block;vertical-align: middle;}
.new-index-nav .new-nav-ctx .new-nav-ul>li .new-nav-search img{height: 18px;}
.new-index-nav .new-nav-ctx .new-nav-ul>li:last-child{position: static;margin: 0;padding: 0 28px;}
.new-login-ctx{position: absolute;top:0;right: 0;height: 76px;line-height: 76px;font-size:16px;font-weight:lighter;}
.new-login-ctx>div{position: relative;}
.new-login-ctx>div.new-unlogin a:first-child{color: #F9FF00;}
.new-login-ctx>div.new-unlogin a:last-child{display:inline-block;height:36px;line-height:36px;padding: 0 24px;background:#FEC900;color:black;margin-left: 26px;}
.new-login-ctx>div.new-logined{width: 151px;}
.new-login-ctx>div.new-logined>a{position:relative;display:inline-block;box-sizing:border-box;width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: white;padding-right: 26px;}
.new-login-ctx>div.new-logined>a:after{content: '';display: inline-block;position: absolute;top:50%;right: 8px;z-index: 10;width: 10px;height: 6px;background: url("../images/img/new-personal-arrow.png")center no-repeat;background-size: contain;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.new-login-ctx>div.new-logined .new-nav-subUl{display:none;box-sizing:border-box;position:absolute;top:75px;left:-14px;z-index:9;background: rgba(7,31,61,.9);width:151px;padding: 20px 24px 28px;border-top: 1px solid rgba(255,255,255,.1);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-animation: slideIn .5s ease-out;-moz-animation: slideIn .5s ease-out;-o-animation: slideIn .5s ease-out;animation: slideIn .5s ease-out;}
.new-login-ctx>div.new-logined .new-nav-subUl li a{font-size: 16px;color: #fff;font-weight: 300;white-space: nowrap;line-height: 2.5;}
.new-login-ctx>div.new-logined .new-nav-subUl li a:hover{color: #F8E71C;}
.new-login-ctx>div.new-logined:hover .new-nav-subUl{display: block;}
.new-search-ctx{display:none;box-sizing:border-box;position:absolute;top:75px;left:-1000%;right:-1000%;z-index:9;background: rgba(7,31,61,.9);height:75px;line-height:75px;text-align:center;border-top: 1px solid rgba(255,255,255,.1);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-animation: slideIn .5s ease-out;-moz-animation: slideIn .5s ease-out;-o-animation: slideIn .5s ease-out;animation: slideIn .5s ease-out;}
.new-search-ctx label{vertical-align: middle;}
.new-search-ctx label input{box-sizing:border-box;border:none;width: 800px;height: 38px;line-height: 38px;padding: 9px 17px;background:#fff;font-size: 16px;font-weight: 300;}
.new-search-ctx a{cursor:pointer;display: inline-block;background: url("../images/img/new-search-iconw.png")left center no-repeat;background-size: 24px;padding-left: 46px;margin-left:38px;font-size: 24px;color: #fff;font-weight: 300;}
.new-search-ctx.active{display:block;-webkit-animation: slideIn .5s ease-out;-moz-animation: slideIn .5s ease-out;-o-animation: slideIn .5s ease-out;animation: slideIn .5s ease-out;}
.new-index-nav .new-nav-ctx .new-nav-ul>li:last-child:hover .new-search-ctx{display: block;}

@-webkit-keyframes slideIn{
    0% {-webkit-transform: translateY(-10%);transform: translateY(-10%);opacity: 0;}
    100%{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
}
@-o-keyframes slideIn{
    0% {-webkit-transform: translateY(-10%);transform: translateY(-10%);opacity: 0;}
    100%{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
}
@-moz-keyframes slideIn{
    0% {-webkit-transform: translateY(-10%);transform: translateY(-10%);opacity: 0;}
    100%{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
}
@keyframes slideIn{
    0% {-webkit-transform: translateY(-10%);transform: translateY(-10%);opacity: 0;}
    100%{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
}

/*轮播组图样式*/
.new-index-swiper .new-index-image{width: 100%;position: relative;}
.new-index-swiper .new-index-image img{width: 100%;}
.new-index-swiper .swiper-container{width: 100%;}
.new-index-swiper .swiper-container .swiper-slide{position: relative;}
.new-index-swiper .swiper-container .swiper-slide img{width: 100%;}
.new-index-swiper .swiper-container .swiper-slide .swiper-ctrl-btn{position: absolute;left: 0;right: 0;bottom: 12%;z-index: 10;text-align: center;}
.new-index-swiper .swiper-container .swiper-slide .swiper-ctrl-btn a{display: inline-block;width: 164px;height: 52px;line-height:52px;border-radius: 5px;background: #32C424;color: white;text-align: center;font-size: 18px;font-weight: 300;margin: 0 12px;}
.new-index-swiper .swiper-container .swiper-slide .swiper-ctrl-btn a:nth-child(2){background: #0168FF;}
.new-index-swiper .swiper-container .swiper-pagination{bottom: 5%;}
.new-index-swiper .swiper-pagination-bullet{background: rgba(255,255,255,.6);}
.new-index-swiper .swiper-pagination-bullet-active{background:  rgba(255,255,255,1);}

/*赛事查询，数据显示*/
.new-ctx-width{position:relative;width: 1240px;margin: 0 auto;}
.new-game-ctx ul li{float: left;}
.new-game-ctx .new-game-search{background: #FF134D;position: relative;}
.new-game-ctx .new-game-search:before{content: '';display: inline-block;position: absolute;left: 0;top:0;bottom: 0;right:50%;background: #003860;}
.new-game-ctx .new-game-search>ul>li{position:relative;box-sizing:border-box;height: 120px;padding-top: 26px;background: #FF134D;}
.new-game-ctx .new-game-search>ul>li p{font-size: 14px;color: white;font-weight: 300;line-height: 1.4;margin-bottom: 9px;padding-left: 10px;}
.new-game-ctx .new-game-search>ul>li:first-child{width: 234px;background:#003860;text-align: center;font-size: 20px;color: white;font-weight: 300;padding-top: 33px;line-height: 1.4;}
.new-game-ctx .new-game-search>ul>li:first-child p{text-align: center;margin-top: 9px;padding-left: 0;}
.new-game-ctx .new-game-search>ul>li:first-child:after{content: '';display: inline-block;position:absolute;top:41px;right:-17px;z-index:10;width: 34px;height: 34px;background: url("../images/img/new-search-right.png")center no-repeat;background-size: contain;}
.new-game-ctx .new-game-search>ul>li input{box-sizing:border-box;border:none;height: 38px;line-height: 38px;font-size: 14px;padding: 0 10px;font-weight: 300;}
.new-game-ctx .new-game-search>ul>li:nth-child(2){width: 187px;padding-left: 46px;}
.new-game-ctx .new-game-search>ul>li:nth-child(2)>.new-type-ctx{position:relative;box-sizing:border-box;width: 120px;height: 38px;line-height: 38px;background: white;padding: 0 12px;}
.new-game-ctx .new-game-search>ul>li:nth-child(2)>.new-type-ctx .new-type-txt{box-sizing:border-box;display: inline-block;width: 100%;height: 100%;font-size:14px;background: url("../images/img/new-type-icon.png")right center no-repeat;background-size: 8px auto;}
.new-game-ctx .new-game-search>ul>li:nth-child(2)>.new-type-ctx .new-type-ul{display:none;position: absolute;left: 0;top:38px;right: 0;z-index:100;background: white;box-shadow: 0 0 5px rgba(0,0,0,.1);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-animation: slideIn .5s ease-out;-moz-animation: slideIn .5s ease-out;-o-animation: slideIn .5s ease-out;animation: slideIn .5s ease-out;}
.new-game-ctx .new-game-search>ul>li:nth-child(2)>.new-type-ctx .new-type-ul li{cursor:pointer;box-sizing:border-box;width: 100%;line-height: 38px;font-size:14px;padding: 0 12px;}
.new-game-ctx .new-game-search>ul>li:nth-child(2)>.new-type-ctx .new-type-ul li:hover{background: rgba(0,0,0,.05);}
.new-game-ctx .new-game-search>ul>li:nth-child(2)>.new-type-ctx:hover .new-type-ul{display: block !important;}
.new-game-ctx .new-game-search>ul>li:nth-child(3) input{width: 322px;margin-right: 21px;}
.new-game-ctx .new-game-search>ul>li:nth-child(4) input{width: 240px;margin-right: 21px;}
.new-game-ctx .new-game-search>ul>li:last-child{width:215px;background:#E90039;text-align: center;line-height: 120px;font-size: 24px;color: white;font-weight: 300;padding: 0;}
.new-game-ctx .new-game-search>ul>li:last-child span{cursor:pointer;display: inline-block;background: url("../images/img/new-search-iconw.png")left center no-repeat;background-size: 24px;padding-left: 46px;}
.new-game-ctx .new-game-data{background: #F6F8FC;}
.new-game-ctx .new-game-data ul{padding: 48px 0 34px;}
.new-game-ctx .new-game-data ul li{box-sizing: border-box;width: 33.333333%;text-align: center;}
.new-game-ctx .new-game-data ul li p{text-align: center;color: #1C0296;font-size: 18px;line-height: 1.4;}
.new-game-ctx .new-game-data ul li:nth-child(2){border-left: 1px solid rgba(151,151,151,.5);border-right: 1px solid rgba(151,151,151,.5);}
.new-game-ctx .new-game-data ul li span{font-size: 64px;line-height:1.4;color: black;font-weight: bold;font-family: "Avenir Next Condensed";}

/*热门赛事*/
.new-game-list .game-list-ctx .game-host-title{margin:53px auto 38px;}
.new-game-list .game-list-ctx .game-host-title span{font-size: 20px;color: #000;font-weight: 300;}
.new-game-list .game-list-ctx .game-host-title .game-type-nav{color:#002147;font-size:20px;font-weight: 300;}
.new-game-list .game-list-ctx .game-host-title .game-type-nav a{color:#002147;padding: 0 10px;}
.new-game-list ul.game-host-ctx{margin-bottom: 61px;}
.new-game-list ul.game-host-ctx li{box-sizing:border-box;padding: 0 26px;position:relative;float: left;width: 295px;height: 460px;margin-right: 20px;background-position:center;background-repeat:no-repeat;background-size: cover;}
.new-game-list ul.game-host-ctx li:before{content: '';display: inline-block;position: absolute;top:0;left: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* 标准的语法 */ }
.new-game-list ul.game-host-ctx li:last-child{margin-right: 0;}
.new-game-list ul.game-host-ctx li .game-list-txt{position: absolute;bottom: 27px;left: 0;right:0;z-index: 1;padding: 0 26px;color: white;}
.new-game-list ul.game-host-ctx li .game-list-txt .game-list-date p{font-size: 48px;font-weight: bold;color: white;line-height: 1;margin-bottom: 0;}
.new-game-list ul.game-host-ctx li .game-list-txt .game-list-date span{font-size: 14px;}
.new-game-list ul.game-host-ctx li .game-list-txt .game-list-title{position: relative;margin-top: 26px;min-height: 52px;}
.new-game-list ul.game-host-ctx li .game-list-txt .game-list-title p{font-size: 19px;text-align: justify;color: white;line-height: 1.4;}
.new-game-list ul.game-host-ctx li .game-list-txt .game-list-title span{display: inline-block;position:absolute;right:0;top:-26px;z-index:1;height: 20px;line-height: 20px;color: #000;font-size:12px;padding: 0 10px 0 18px;background: url("../images/img/new-game-tips.png")bottom left no-repeat;background-size: cover;}
.new-game-list ul.game-host-ctx li .game-list-href{text-align: right;}
.new-game-list ul.game-host-ctx li .game-list-href a{color: #FFFF00;}
.new-game-list ul.game-host-ctx li .game-list-layer{opacity:0;box-sizing:border-box;position: absolute;top:0;left: 0;z-index: 10;width: 100%;height: 100%;background: rgba(243,255,0,.84);padding: 56px 26px 26px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.new-game-list ul.game-host-ctx li .game-list-layer .game-layer-ctx{position: relative;width: 100%;height: 100%;}
.new-game-list ul.game-host-ctx li .game-list-layer .game-layer-ctx span{display:inline-block;font-size: 12px;color: black;}
.new-game-list ul.game-host-ctx li .game-list-layer .game-layer-ctx span:first-child{margin-top: -22px;}
.new-game-list ul.game-host-ctx li .game-list-layer .game-layer-ctx .game-list-title{font-size: 19px;color:black;text-align: justify;line-height: 1.4;margin-bottom: 11px;min-height: 52px;}
.new-game-list ul.game-host-ctx li .game-list-layer .game-layer-ctx .game-list-date{margin-bottom: 12px;}
.new-game-list ul.game-host-ctx li .game-list-layer .game-layer-ctx .game-list-info{font-size:14px;color:black;text-align: justify;}
.new-game-list ul.game-host-ctx li .game-list-layer .game-layer-ctx .game-search-signUp{position: absolute;left: 0;right: 0;bottom: 0;}
.new-game-list ul.game-host-ctx li .game-list-layer .game-layer-ctx .game-search-signUp a{display: block;width: 100%;height: 40px;line-height: 40px;color: black;text-align: center;font-size: 14px;margin-top: 8px;background: white;}
.new-game-list ul.game-host-ctx li .game-list-layer:hover{opacity: 1;}
.new-more-game{text-align: center;}
.new-more-game a{box-sizing:border-box;display: inline-block;width: 200px;line-height: 45px;text-align: center;font-size: 18px;color: black;font-weight: 300;border:1px solid #979797;border-radius: 2px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.new-more-game a:hover{background: rgba(243,255,0,.84);border: 1px solid rgba(243,255,0,.84);}
.new-more-game.active{-webkit-animation: gfadeIn 1s both;
  -moz-animation: gfadeIn 1s both;
  -o-animation: gfadeIn 1s both;
  animation: gfadeIn 1s both;}
.new-more-game.active a{animation-delay: .4s;}
/*公司简介*/
.new-company-profile{box-sizing:border-box;height:910px;padding-top: 84px;background: url("../images/img/new-company-line.png")center bottom no-repeat;background-size: auto 403px;}
.new-company-profile .company-profile-l{width: 490px; }
.new-company-profile .company-profile-l .new-company-logo img{width: 428px;margin-bottom: 66px;}
.new-company-profile .company-profile-l .company-profile-txt p{font-size: 14px;line-height:1.4;color: black;font-weight: 300;margin-bottom: 40px;}
.new-company-profile .company-profile-r{ position: absolute;top:10px;left: 460px;z-index: 1;}
.new-company-profile .company-profile-r img{width: 1101px;}
.new-company-profile .new-ctx-width.active>div{-webkit-animation: gfadeIn 1s both;
  -moz-animation: gfadeIn 1s both;
  -o-animation: gfadeIn 1s both;
  animation: gfadeIn 1s both;}
.new-company-profile .new-ctx-width.active>div:first-child{animation-delay: .2s;}
.new-company-profile .new-ctx-width.active>div:nth-child(2){animation-delay: .5s;}

/*合作伙伴*/
.new-partner .new-partner-ctx{height: 868px;background: url("../images/img/new-partner-bg.png")center no-repeat;background-size: cover;}
.new-partner .new-partner-ctx .new-partner-color{position:relative;width:100%;height: 100%;background: rgba(97,14,171,.8);}
.new-partner .new-partner-title{font-size: 36px;color: white;font-weight: 300;line-height: 1.4;text-align: center;padding: 117px 0 96px;}
.new-partner .new-partner-title.active{ -webkit-animation: gfadeIn 1s both;
  -moz-animation: gfadeIn 1s both;
  -o-animation: gfadeIn 1s both;
  animation: gfadeIn 1s both;}
.new-partner ul li{box-sizing:border-box;width: 25%;float: left;text-align: center;}
.new-partner ul li img{width: 100px;}
.new-partner ul li p{font-size: 18px;color: white;text-align: center;line-height: 1.4;margin: 22px auto 16px;font-weight: 300;}
.new-partner ul li span{font-size: 16px;color: white;line-height: 1.4;font-weight: 300;}
.new-partner .new-partner-ctx .new-partner-model{position:relative;width: 905px;opacity: 0;margin: 34px auto 0;}
.new-partner .new-partner-ctx .new-partner-model img.partner-model-pc{width: 736px;border-radius:16px;box-shadow: 0 0 60px rgba(0,0,0,.15);}
.new-partner .new-partner-ctx .new-partner-model img.partner-model-app{position:absolute;right:0;bottom:-24px;z-index:10;width: 241px;}
.new-partner .new-partner-ctx .new-partner-model.active{-webkit-animation: gfadeIn 1s both;
  -moz-animation: gfadeIn 1s both;
  -o-animation: gfadeIn 1s both;
  animation: gfadeIn 1s both;}
.new-partner .new-partner-txt{margin-top:346px;margin-bottom: 61px;font-size: 18px;text-align: center;color:black;font-weight: 300;line-height: 1.4;}
.new-partner .new-partner-txt.active{
    -webkit-animation: gfadeIn 1s both;
  -moz-animation: gfadeIn 1s both;
  -o-animation: gfadeIn 1s both;
  animation: gfadeIn 1s both;
}
.new-partner .new-more-game a{color:white;background:#28CDEC;border-color: #28CDEC;margin-bottom: 73px;}
.new-logo-list{background: #F6F8FC;}
.new-logo-list img{width: 100%;margin: 98px 0;}
.client-model.active ul li {
  -webkit-animation: gfadeIn 1s both;
  -moz-animation: gfadeIn 1s both;
  -o-animation: gfadeIn 1s both;
  animation: gfadeIn 1s both;
}
.client-model.active ul li:nth-child(1) {
  animation-delay: .4s;
}
.client-model.active ul li:nth-child(2) {
  animation-delay: .6s;
}
.client-model.active ul li:nth-child(3) {
  animation-delay: .8s;
}
.client-model.active ul li:nth-child(4) {
  animation-delay: 1s;
}

@-moz-keyframes gfadeIn {
  0% {
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes gfadeIn {
  0% {
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-o-keyframes gfadeIn {
  0% {
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes gfadeIn {
  0% {
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/*new-footer*/
.new-footer { display: block; overflow: hidden; background: #262B3A; padding: 84px 0 0; }
.new-footer .new-footer-logo img{width: 221px;}
.new-footer .new-footer-logo p{font-size: 14px;color: #737999;font-weight: 300;line-height: 1.4;margin-top: 21px;}
.new-footer .new-footer-logo p:last-child{margin-top: 0;color: white;}
.new-footer .new-footer-nav ul li{float: left;margin-right: 87px;font-size: 15px;font-weight: 300;}
.new-footer .new-footer-nav ul li:last-child{margin-right: 0;}
.new-footer .new-footer-nav ul li dt{color: white;line-height: 30px;font-weight: 300;}
.new-footer .new-footer-nav ul li dd a{color: #737999;line-height: 30px;}
.new-footer .new-footer-nav ul li dd a:hover{color: white;}

.new-footer .copyright { background: #262B3A; padding-bottom: 47px; display: block; overflow: hidden; margin-top: 60px; }
.new-footer .copyright span {text-align: left;color: #737999; font-size: 14px;font-weight: 100;}
.new-footer .copyright a{display: inline-block;margin: 0 12px;}
.new-footer .copyright img{width: 20px;}

/*网站建设中*/
.Website-construction{position:absolute;top:75px;left:0;right:0;bottom:0;background: -webkit-linear-gradient(#387AE0, #1F57AF); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#387AE0, #1F57AF); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#387AE0, #1F57AF); /* Firefox 3.6 - 15 */
  background: linear-gradient(#387AE0, #1F57AF); /* 标准的语法 */ }
.Website-info{position: absolute;top:50%;left:0;right:0;width: 500px;height:500px;margin:0 auto;text-align:center;background:url("../images/img/Website-construction.png")center no-repeat;background-size:contain;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.Website-info p{text-align: center;font-size: 20px;color: white;margin-top: 360px;line-height: 1.4;}
.Website-info span{font-size: 30px;color: white;}


/*0825*/
.modal.fade .rule-layer{-webkit-transition: top .3s ease-out;-o-transition: top .3s ease-out; transition: top .3s ease-out; top:0;}
.modal.in .rule-layer{top:6%;}
.rule-layer{box-sizing:border-box;width: 1100px;background: white;position: absolute;bottom: 6%;right:0;left: 0;margin: 0 auto;border-radius: 8px;overflow: hidden;}
.rule-layer .rule-layer-scroll{height:100%;width: 1150px;overflow-x: hidden;overflow-y: auto;}
.rule-layer .rule-layer-title{box-sizing: border-box;position:fixed;top:6%;left:0;right:0;z-index:10;width:1100px;margin:0 auto;height: 100px;line-height: 100px;background:white;text-align: center;font-size: 20px;color: black;border-bottom: 1px solid rgba(151,151,151,.2);border-top-left-radius: 8px;border-top-right-radius: 8px;}
.rule-layer .Photo-sub-txt{padding: 22px 56px 122px;margin-top: 100px;}
.rule-layer .Photo-sub-txt .Photo-txt-f20 em{display:inline-block;font-size: 50px;line-height: 38px;margin-left: -35px;}
.rule-layer .rule-countDown{position:fixed;bottom:6%;left:0;right:0;z-index:10;width:1100px;margin:0 auto;height: 100px;line-height: 100px;background: rgba(17,130,206,.9);border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;text-align: center;}
.rule-layer .rule-countDown>div{display: inline-block;background: white;height: 40px;line-height: 40px;border-radius: 20px;font-size: 16px;color: black;overflow: hidden;margin: 0 16px;vertical-align: middle;}
.rule-layer .rule-countDown>div:first-child{min-width: 240px;}
.rule-layer .rule-countDown>div.countDown-ctx span{display: inline-block;float: left;}
.rule-layer .rule-countDown>div.countDown-ctx .countDown-time{box-sizing:border-box;min-width:145px;text-align:center;padding: 0 17px 0 30px;border-right: 1px solid rgba(1550,150,150,.2);font-size: 20px;}
.rule-layer .rule-countDown>div.countDown-ctx .rule-acceptBtn{padding: 0 30px 0 17px;cursor:pointer;color: rgba(0,0,0,.4);}
.rule-layer .rule-countDown>div.countDown-ctx .rule-acceptBtn.active,
.rule-layer .rule-countDown>div.countDown-ctx .rule-acceptBtn:hover{background: #EBAD10;color: black;}
.rule-layer .rule-countDown>div.rule-refuseBtn{cursor:pointer;padding: 0 43px;}

/*马拉松大数据智能分析*/
.new-dataBannerTxt{font-weight:300;position:absolute;top:50%;left:0;right:0;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align: center;color: white;}
.new-dataBannerTxt p{font-size: 50px;color: white;text-align: center;}
.new-dataBannerTxt span{font-size: 18px;}
.new-dataBannerTxt span em{font-style: normal;font-size: 18px;}
.new-dataBannerTxt ul{width: 1240px;margin: 0 auto;}
.new-dataBannerTxt ul li{box-sizing:border-box;float: left;width: 33.3333333%;text-align: center;color: white;font-size: 14px;padding-top: 50px;margin-top: 30px;}
.new-dataBannerTxt ul li:first-child{background: url("../images/img/new-marathon-txt-icon01.png") center top no-repeat;background-size: 30px auto;}
.new-dataBannerTxt ul li:nth-child(2){background: url("../images/img/new-marathon-txt-icon02.png") center top no-repeat;background-size: 30px auto;border-left: 1px solid rgba(255,255,255,.2);border-right: 1px solid rgba(255,255,255,.2);}
.new-dataBannerTxt ul li:last-child{background: url("../images/img/new-marathon-txt-icon03.png") center top no-repeat;background-size: 30px auto;}
.new-dataCtx-list{width: 1200px;margin: 52px auto 45px;}
.new-dataCtx-list li{float: left;width:380px;height:300px;margin-bottom:30px;text-align:center;background: white;box-shadow: 0 2px 19px rgba(68,68,68,.08);-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.new-dataCtx-list li img{height: 94px;margin: 30px auto 25px;}
.new-dataCtx-list li p{color: #323232;font-size: 22px;text-align: center;}
.new-dataCtx-list li .new-dataList-ctr{background: #F7F7F7;padding: 20px 0;text-align: center;margin-top: 20px;}
.new-dataCtx-list li .new-dataList-ctr a{box-sizing:border-box;display: inline-block;width: 156px;line-height: 48px;font-size:16px;color:#323232;text-align: center;border: 1px solid rgba(57,57,57,.23);border-radius: 6px;margin: 0 10px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.new-dataCtx-list li:nth-child(3n+2){margin: 0 30px;}
.new-dataCtx-list li .new-dataList-ctr a:hover{background: #28CDEC;border: 1px solid #28CDEC;color: white;}

.client-model.active ul li:nth-child(1) {
  animation-delay: .4s;
}
.client-model.active ul li:nth-child(2) {
  animation-delay: .6s;
}
.client-model.active ul li:nth-child(3) {
  animation-delay: .8s;
}
.client-model.active ul li:nth-child(4) {
  animation-delay: 1s;
}
.client-model.active ul li:nth-child(5) {
  animation-delay: 1.2s;
}
.client-model.active ul li:nth-child(6) {
  animation-delay: 1.4s;
}
.client-model.active ul li:nth-child(7) {
  animation-delay: 1.6s;
}
.client-model.active ul li:nth-child(8) {
  animation-delay: 1.8s;
}
.client-model.active ul li:nth-child(9) {
  animation-delay: 2s;
}
.client-model.active ul li:nth-child(10) {
  animation-delay: 2.2s;
}

/*申请赛事数据服务*/
.new-appeal-service{width: 1040px;margin: 52px auto;}
.new-appeal-service>ul>li{margin-bottom: 40px;font-weight: normal;}
.new-appeal-service>ul>li>div{width: 500px;float: left;}
.new-appeal-service>ul>li>div:last-child{margin-left: 40px;}
.new-appeal-service>ul>li label{float:left;display: inline-block;width: 100px;text-align: right;font-size: 16px;line-height:50px;color: #3C3C3C;font-weight: normal;}
.new-appeal-service>ul>li input,.new-appeal-service li textarea{float:left;box-sizing:border-box;line-height:50px;border: 1px solid rgba(0,0,0,.2);font-size: 16px;padding: 0 20px;font-weight: normal;}
.new-appeal-service>ul>li:nth-child(1) input,.new-appeal-service li:nth-child(2) input{width: 400px;}
.new-appeal-service>ul>li:nth-child(3) input{width: 940px;}
.new-appeal-service>ul>li:nth-child(4) textarea{width: 940px;height:156px;line-height:1.6;padding: 10px 20px;resize: none;}
.new-appeal-service>ul>li:last-child p{box-sizing:border-box;font-size: 14px;margin: -19px auto 78px 100px;background: url("../images/img/new-appeal-tips.png")left top no-repeat;background-size: 23px auto;padding-left: 30px;}
.new-appeal-submit{display:block;width: 237px;line-height:47px;background:#28CDEC;color:white;font-size:16px;text-align: center;margin: 0 auto;border-radius: 1px;}
.new-appeal-submit:hover{color: white;}


.new-appeal-service>ul>li:nth-child(1) .new-type-ctx{float:left;position:relative;box-sizing:border-box;width: 190px;line-height: 50px;background: white;padding: 0 12px;border: 1px solid rgba(0,0,0,.2);font-size: 16px;}
.new-appeal-service>ul>li:nth-child(1) .new-type-ctx .new-type-txt{box-sizing:border-box;display: inline-block;width: 100%;height: 100%;font-size:14px;background: url("../images/img/new-type-icon.png")right center no-repeat;background-size: 8px auto;}
.new-appeal-service>ul>li:nth-child(1) .new-type-ctx .new-type-ul{display:none;position: absolute;left: -1px;top:51px;right: -1px;max-height:380px;overflow:hidden;overflow-y:auto;background: white;box-shadow: 0 0 5px rgba(0,0,0,.1);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-animation: slideIn .5s ease-out;-moz-animation: slideIn .5s ease-out;-o-animation: slideIn .5s ease-out;animation: slideIn .5s ease-out;}
.new-appeal-service>ul>li:nth-child(1) .new-type-ctx .new-type-ul li{cursor:pointer;box-sizing:border-box;width: 100%;line-height: 38px;font-size:14px;padding: 0 12px;}
.new-appeal-service>ul>li:nth-child(1) .new-type-ctx .new-type-ul li:hover{background: rgba(0,0,0,.05);}
.new-appeal-service>ul>li:nth-child(1) .new-type-ctx:hover .new-type-ul{display: block !important;}

.new-appeal-layer{position: fixed;width:100%;top:0;right:0;bottom:0;left: 0;z-index: 1000;background: rgba(0,0,0,.7);}
.new-appeal-layer .new-appeal-ctx{position: absolute;top:50%;left: 0;right: 0;margin: 0 auto;z-index: 10;width: 540px;max-height: 70%;overflow-x:hidden;overflow-y:auto;background: white;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);border-radius: 6px;}
.new-appeal-layer .new-appeal-ctx p{position:relative;font-size: 26px;line-height: 78px;background: #2ECAE7;color: white;text-align: center;}
.new-appeal-layer .new-appeal-ctx p em{display:inline-block;position: absolute;top:6px;right: 9px;z-index: 10;width: 36px;}
.new-appeal-layer .new-appeal-ctx p em img{cursor:pointer;width: 100%;}
.new-appeal-layer .new-appeal-ctx span{display: inline-block;width:100%;padding:40px 20px;text-align: center;font-size: 16px;color: black;}
.new-appeal-layer.active .new-appeal-ctx,
.new-appeal-layer.active .new-submitFile-ctx{
-webkit-animation: gfadeOut .8s both;
  -moz-animation: gfadeOut .8s both;
  -o-animation: gfadeOut .8s both;
  animation: gfadeOut .8s both;
}

@-moz-keyframes gfadeOut {
  0% {
     -webkit-transform: translateY(-80%);
    -moz-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    -o-transform: translateY(-80%);
    transform: translateY(-80%);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes gfadeOut {
  0% {
    -webkit-transform: translateY(-80%);
    -moz-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    -o-transform: translateY(-80%);
    transform: translateY(-80%);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes gfadeOut {
  0% {
   -webkit-transform: translateY(-80%);
    -moz-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    -o-transform: translateY(-80%);
    transform: translateY(-80%);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes gfadeOut {
  0% {
    -webkit-transform: translateY(-80%);
    -moz-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    -o-transform: translateY(-80%);
    transform: translateY(-80%);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/*详细分析*/
.new-dataDetail{width: 1200px;margin: 0 auto;padding: 62px 0;}
.new-dataDetail-ctx{background: white;border: 2px solid #D0E1E8;margin-bottom: 57px;}
.new-dataDetail-ctx>p{margin: 0 37px;font-size: 22px;color: black;line-height: 100px;border-bottom: 1px dashed #D0E1E8;}
.new-dataDetail-ctx>p .new-addNew-game{float: right;display: inline-block;width: 180px;height:46px;line-height: 46px;text-align: center;font-size: 18px;color: white;background: #3ABBC9;border-radius: 6px;margin-top: 30px;}
.new-dataDetail-ctx>p .new-addNew-game em{font-size: 30px;line-height: 1;}
.new-dataDetail-ctx>ul.new-dataDetail-first>li .new-type-ctx{float:left;position:relative;box-sizing:border-box;width: 247px;line-height: 50px;background: white;padding: 0 12px;border: 2px solid #D0E1E8;font-size: 16px;border-radius: 6px;margin: 28px auto 35px 28px;}
.new-dataDetail-ctx>ul.new-dataDetail-first>li .new-type-ctx:first-child{margin-left: 37px;}
.new-dataDetail-ctx>ul.new-dataDetail-first>li .new-type-ctx:nth-child(3){width: 380px;}
.new-dataDetail-ctx>ul.new-dataDetail-first>li .new-type-ctx:last-child{width: 168px;}
.new-dataDetail-ctx>ul.new-dataDetail-first>li .new-type-ctx .new-type-txt{box-sizing:border-box;display: inline-block;width: 100%;height: 100%;font-size:14px;background: url("../images/img/new-type-icon.png")right center no-repeat;background-size: 8px auto;}
.new-dataDetail-ctx>ul.new-dataDetail-first>li .new-type-ctx .new-type-ul{display:none;position: absolute;left: -1px;top:51px;right: -1px;background: white;box-shadow: 0 0 5px rgba(0,0,0,.1);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-animation: slideIn .5s ease-out;-moz-animation: slideIn .5s ease-out;-o-animation: slideIn .5s ease-out;animation: slideIn .5s ease-out;}
.new-dataDetail-ctx>ul.new-dataDetail-first>li .new-type-ctx .new-type-ul li{cursor:pointer;box-sizing:border-box;width: 100%;line-height: 38px;font-size:14px;padding: 0 12px;}
.new-dataDetail-ctx>ul.new-dataDetail-first>li .new-type-ctx .new-type-ul li:hover{background: rgba(0,0,0,.05);}
.new-dataDetail-ctx>ul.new-dataDetail-first>li .new-type-ctx:hover .new-type-ul{display: block !important;}
.new-dataDetail-ctx>ul.new-dataDetail-second{padding-bottom: 75px;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li{box-sizing:border-box;height:163px;border: 2px solid #D0E1E8;border-radius:6px;margin: 37px 37px auto;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div{float: left;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div>span{display:block;font-size: 18px;color: white;text-align: center;margin-top: 28px;line-height: 1;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div>p{text-align: center;margin-top: 14px;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div>p>a{box-sizing:border-box;display: inline-block;width: 123px;line-height: 32px;text-align:center;font-size: 14px;color: white;border: 1px solid rgba(255,255,255,.8);border-radius: 40px;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div>p:nth-child(3)>a{color: #217D9C;background: white;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div>p:nth-child(3)>a span{background: url("../images/img/new-dataDetail-tips.png")right center no-repeat;background-size: 13px auto;padding-right: 16px;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:first-child{width: 250px;height: 163px;background: #187193;margin: -2px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:nth-child(2){width:150px;text-align:center;font-size:22px;line-height:100px;margin: 30px auto;border-right: 1px dashed #D0E1E8;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:nth-child(3){width: 530px;height: 100%;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:nth-child(3) ul{height: 100%;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:nth-child(3) li{float:left;width: 25%;height:100%;text-align: center;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:nth-child(3) li p{font-size: 16px;color: black;text-align: center;margin-top: 38px;background-repeat:no-repeat;background-position:center top;background-size: auto 50px;padding-top: 65px;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:nth-child(3) li:nth-child(2) p{background-size: auto 35px;background-position:center 20%;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:nth-child(3) li:nth-child(3) p{background-size: auto 40px;background-position:center 10%;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:nth-child(3) li:nth-child(4) p{background-size: auto 48px;background-position:center 10%;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:last-child{float:right;width: 195px;height: 163px;background: #3ABBC9;margin: -2px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:last-child p{margin-top: 38px;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:last-child p a{width:149px;line-height: 40px;background: #fff;color: #3ABBC9;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:last-child p a span{background: url("../images/img/new-dataDetail-tips2.png")right center no-repeat;background-size: 16px auto;padding-right: 22px;}
.new-dataDetail-ctx>ul.new-dataDetail-second>li>div:last-child>span{font-size: 14px;line-height: 20px;margin-top: 13px;}

.new-appeal-layer .new-submitFile-ctx{position: absolute;top:50%;left: 0;right: 0;margin: 0 auto;z-index: 10;width: 742px;height: 70%;overflow:hidden;background: white;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);border-radius: 6px;}
.new-appeal-layer .new-submitFile-ctx p{position:relative;font-size: 22px;line-height: 60px;background: #43A7C3;color: white;text-align: center;}
.new-appeal-layer .new-submitFile-ctx p em{display:inline-block;position: absolute;top:10px;right: 16px;z-index: 10;width: 36px;}
.new-appeal-layer .new-submitFile-ctx p em img{cursor:pointer;width: 100%;}
.new-appeal-layer .new-submitFile-ctx .new-submitFile-rule{position: absolute;top:60px;bottom: 105px;left:0;right:0;}
.new-appeal-layer .new-submitFile-ctx .new-submitFile-rule ul{width:760px;height: 100%;overflow-x:hidden;overflow-y:auto;}
.new-appeal-layer .new-submitFile-ctx .new-submitFile-rule ul li{padding: 0 36px;line-height: 43px;font-size: 16px;}
.new-appeal-layer .new-submitFile-ctx .new-submitFile-rule ul li:nth-child(even){background: #F0F7FA;}
.new-appeal-layer .new-submitFile-ctx .new-submitFile-btn{text-align: center;padding: 30px 0;position: absolute;bottom: 0;left: 0;right: 0;z-index: 10;}
.new-appeal-layer .new-submitFile-ctx .new-submitFile-btn a{position:relative;display:inline-block;width: 244px;line-height: 45px;font-size:18px;text-align: center;color: white;background: #1897B9;border-radius: 6px;margin: 0 10px;}
.new-appeal-layer .new-submitFile-ctx .new-submitFile-btn input{position:absolute;left:0;top:0;z-index:10;-webkit-appearance: none;appearance: none;outline: none;width: 100%;height: 100%;opacity: 0;}


.new-appeal-layer .new-success-ctx{position: absolute;top:50%;left: 0;right: 0;margin: 0 auto;z-index: 10;width: 416px;overflow:hidden;background: white;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);border-radius: 6px;}
.new-appeal-layer .new-success-ctx p{position:relative;font-size: 22px;line-height: 60px;background: #43A7C3;color: white;text-align: center;}
.new-appeal-layer .new-success-ctx p em{display:inline-block;position: absolute;top:10px;right: 16px;z-index: 10;width: 36px;}
.new-appeal-layer .new-success-ctx p em img{cursor:pointer;width: 100%;}
.new-appeal-layer .new-success-ctx span{box-sizing:border-box;display: block;text-align: center;background: url("../images/img/new-submit-success.png")center top no-repeat;background-size: 38px auto;font-size: 20px;color: black;font-weight: bold;padding:40px 20px 20px;margin-top: 30px;}
.new-appeal-layer .new-success-ctx .new-submitFile-btn{text-align: center;padding: 0 0 30px;}
.new-appeal-layer .new-success-ctx .new-submitFile-btn a{display:inline-block;width: 244px;line-height: 45px;font-size:18px;text-align: center;color: white;background: #4AC3CE;border-radius: 36px;}


/*11.28*/
@font-face {
    font-family: SansHans; /*这里是说明调用来的字体名字*/
    src: url('../fonts/NotoSansHans-Regular.otf') format('truetype');
}
@font-face {
    font-family: SansHans-Medium; /*这里是说明调用来的字体名字*/
    src: url('../fonts/NotoSansHans-Medium.otf') format('truetype');
}
@font-face {
    font-family: SansHans-Light; /*这里是说明调用来的字体名字*/
    src: url('../fonts/NotoSansHans-Light.otf') format('truetype');
}
.new-index-swiper .swiper-container .swiper-slide .swiper-result-title{position: absolute;left: 0;right: 0;bottom:40%;-webkit-transform: translateY(50%);-moz-transform: translateY(50%);-o-transform: translateY(50%);transform: translateY(50%);z-index: 10;text-align: center;}
.new-index-swiper .swiper-container .swiper-slide .swiper-result-title p{text-align: center;font-size: 40px;color: #fff;font-family:SansHans-Light;}
.new-index-swiper .swiper-container .swiper-slide .swiper-result-title p em{font-weight: lighter;}
.search-result-ul li>div{font-family:SansHans;box-sizing:border-box;padding:20px 28px;cursor:pointer;width: 590px;height:206px;background: #fff;border-radius: 2px;box-shadow: 0 0 2px rgba(0,0,0,.1);margin-top: 20px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.search-result-ul li:hover>div{box-shadow: 0 0 8px rgba(0,0,0,.2);-webkit-transform: scale(1.01);-moz-transform: scale(1.01);-o-transform: scale(1.01);transform: scale(1.01);}
.search-result-ul li:nth-child(odd){float: left;}
.search-result-ul li:nth-child(even){float: right;}
.search-result-ul li>div p{margin-bottom: 16px;}
.search-result-ul li>div .result-title{font-family:SansHans-Medium;font-size: 16px;color: #181818;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.search-result-ul li>div .result-detail p{font-family:SansHans-Light;font-size: 16px;color: #181818;}
.search-result-ul li>div .result-detail div p span.fr{font-family:SansHans-Medium;}
.search-result-ul li>div .result-detail p span{display: inline-block;}
.search-result-ul li>div .result-detail p span:first-child{width: 156px;}
.search-result-ul li>div .result-detail p span:nth-child(2){width: 122px;}
.search-result-ul li>div .result-detail em{font-family:SansHans-Light;font-style: normal;font-size: 12px;color: #8A8A8A;}
.search-result-ul li>div .result-detail div>span{font-size: 26px;color: #181818;font-weight: bold;line-height: 1;margin-right: 47px;}
.search-result-ul li>div .result-time{font-size: 16px;color: #181818;background:url("../images/img/result-time-icon.png")left center no-repeat;background-size: 14px auto;padding-left: 22px;}
.search-result-ul li.pb-logo>div{background: #fff url("../images/img/result-PB-icon.png") 486px 30px no-repeat;background-size: 74px auto;}
.search-result-ul li.A1-logo>div .result-title{display:inline-block;padding-right:28px;background: url("../images/img/result-A1-icon.png") right center no-repeat;background-size: 22px auto}

.result-pagelist { display: block; overflow: hidden; padding: 35px 0; text-align: center; font-size: 14px;}
.result-pagelist a,.result-pagelist span { display: inline-block; width: 32px; height: 32px; line-height: 32px; margin:0 12px;text-align: center; color: #171717; transition: all 0.3s; -webkit-transition:all 0.3s; }
.result-pagelist a.prev,.result-pagelist a.next { background: rgba(29,47,72,.2);margin: 0;}
.result-pagelist a:hover,.result-pagelist a.prev:hover,.result-pagelist a.next:hover,.result-pagelist a.active-page{ background: #1D2F48; color: #FFF; }
.result-pagelist a.prev:before { content: ''; display: inline-block; position: relative; top:0; left: 5px; height: 12px; width: 12px; border:solid #fff; border-width: 2px 2px 0px 0px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.result-pagelist a.next:before { content: ''; display: inline-block; position: relative; top:0; left: 0; height: 12px; width: 12px; border:solid #fff; border-width: 2px 2px 0px 0px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.result-pagelist a.prev:hover:before,.result-pagelist a.next:hover:before{ border-color: #FFF; }
.result-pagelist a.next-active,.result-pagelist a.prev-active{background: #1D2F48;}
.result-pagelist a.next-active:before,.result-pagelist a.prev-active:before{border-color: #FFF;  }

.search-none{min-height: 600px;-webkit-animation: scaleIn 1.5s ease-out;-moz-animation: scaleIn 1.5s ease-out;-o-animation: scaleIn 1.5s ease-out;animation: scaleIn 1.5s ease-out;}
.search-none img{display:block;width: 220px;margin: 50px auto;}
.search-none div{font-family:SansHans;text-align: center;font-size: 30px;color: #646464;}
.search-none div p{font-size: 38px;text-align: center;color: #646464;}

@-moz-keyframes scaleIn {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scaleIn {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes scaleIn {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scaleIn {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

/*12.12*/
.new-index-swiper .swiper-container .swiper-slide .swiper-product-title{box-sizing:border-box;padding-top:50px;width: 707px;height: 283px;left:50%;bottom:auto;top:50%;background: url("../images/img/banner-txt-bg.png")center no-repeat;background-size: contain;-webkit-transform: translate(-40%,-60%);-moz-transform: translate(-40%,-60%);-o-transform: translate(-40%,-60%);transform: translate(-40%,-60%);}
.swiper-product-title p{text-align: center;margin-left: -140px;}
.swiper-product-title p:first-child{font-size: 60px;color: #fff;}
.swiper-product-title p:nth-child(2){font-size: 42px;color: #fff;}
.product-list ul li>div{box-sizing:border-box;position:relative;width: 50%;height:424px;float: left;font-family: SansHans-Medium;}
.product-list ul li>div{background-repeat: no-repeat;background-size: auto 100%;}
.product-list ul li .product-list-txt p:first-child{font-size: 26px;color: #181818;line-height: 1;}
.product-list ul li .product-list-txt p:first-child em{font-style: normal;font-family: "Bangla Sangam MN";font-weight: bold;font-size: 38px;}
.product-list ul li .product-list-txt p:nth-child(2){color: rgba(24,24,24,.6);font-size: 16px;font-family: SansHans-Light;margin-top: 10px;}
.product-list ul li .product-list-txt a{display: inline-block;width: 134px;line-height: 31px;text-align: center;color: #747576;font-size: 14px;font-weight: 300;margin-top:15px;border: 1px solid rgba(151,151,151,.3);border-radius: 37px;font-family: "PingFang SC", "微软雅黑", 'microsoft yahei', PingFangSC-Ultralight, sans-serif, "San Francisco" , "FZLanTingHei-L-GBK";-webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.product-list ul li .product-list-txt a:hover{background: #4493E5;color: #fff;border: 1px solid #4493E5;}
.product-list ul li .product-list-txt span{box-sizing:border-box;display:inline-block;width:156px;height:81px;text-align:center;font-size: 36px;color: #4493E5;font-family: SansHans;position: absolute;top:76px;z-index: 10;}
.product-list ul li:nth-child(odd) .product-list-txt{padding:196px 68px 0;}
.product-list ul li:nth-child(odd) .product-list-txt span{padding:15px 0 0 45px;left:0;background: url("../images/img/product-listNum01.png")left center no-repeat;background-size: contain;}
.product-list ul li:nth-child(even) .product-list-txt{text-align:right;padding:196px 68px 0;}
.product-list ul li:nth-child(even) .product-list-txt p{text-align: right;}
.product-list ul li:nth-child(even) .product-list-txt span{padding:15px 65px 0 0;right:0;background: url("../images/img/product-listNum02.png")right center no-repeat;background-size: contain;}
.product-list ul li .product-list-txt{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-webkit-transform: translateY(50%);-moz-transform: translateY(50%);-o-transform: translateY(50%);transform: translateY(50%);opacity: 0;}
.product-list ul li.active .product-list-txt{-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);opacity: 1;}

.product-advantage .new-partner{position: relative;background:#C8DDFC;overflow: hidden;}
.product-advantage .new-partner .new-partner-ctx{position:relative;z-index:10;height:666px;background: url('../images/img/product-line.png')center top no-repeat;background-size: 1212px auto;overflow: hidden;}
.product-advantage .new-partner .new-partner-ctx .new-partner-title{padding: 58px 0 118px;color: #000;font-family: SansHans;}
.product-advantage .new-partner ul li p{color: black;font-family: SansHans;}
.product-wave{position:absolute;bottom:0;left:0;z-index:0;width:100%;height: 200px;background: url("../images/img/product-wave01.png") center top repeat;background-size: 1920px auto;}

.product-wave2{position:absolute;bottom:0;left:0;z-index:0;width:200%;height: 200px;background-image: url("../images/img/product-wave02.png");background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;background-size: 50% 200px;-webkit-animation: move_wave 10s linear infinite;-moz-animation: move_wave 10s linear infinite;-o-animation: move_wave 10s linear infinite;animation: move_wave 10s linear infinite;}

@-webkit-keyframes move_wave {
     0% {transform: translateX(0) translateZ(0) scaleY(1)}
    50% {transform: translateX(-25%) translateZ(0) scaleY(0.75)}
    100% {transform: translateX(-50%) translateZ(0) scaleY(1)}
}
@-moz-keyframes move_wave {
     0% {transform: translateX(0) translateZ(0) scaleY(1)}
    50% {transform: translateX(-25%) translateZ(0) scaleY(0.75)}
    100% {transform: translateX(-50%) translateZ(0) scaleY(1)}
}
@-o-keyframes move_wave {
     0% {transform: translateX(0) translateZ(0) scaleY(1)}
    50% {transform: translateX(-25%) translateZ(0) scaleY(0.75)}
    100% {transform: translateX(-50%) translateZ(0) scaleY(1)}
}
@keyframes move_wave {
     0% {transform: translateX(0) translateZ(0) scaleY(1)}
    50% {transform: translateX(-25%) translateZ(0) scaleY(0.75)}
    100% {transform: translateX(-50%) translateZ(0) scaleY(1)}
}

.about-us-ctx{position:relative;width:100%;height: 1237px;background: url("../images/img/about-us-bg.png")center bottom repeat;background-size: auto 100%;}
.about-us-ctx .new-partner-title{color: #000;font-family: SansHans;padding: 83px 0;}
.about-us-ctx .new-partner-title span{display:inline-block;font-size: 16px;font-family: SansHans-Light;color: black;margin-top: 16px;}
.about-us-ctx .new-partner ul li{width: 33.3333333%;}
.about-us-ctx .new-partner ul li p{font-size: 16px;font-family: SansHans-Light;color: black;line-height: 1;margin-top: 36px;}
.about-us-bottom{position:relative;width: 100%;height: 652px;background: url('../images/img/about-us-bg02.png')center no-repeat;background-size: auto 100%;}
.about-us-ctx .about-us-detail{position: absolute;top:87px;left: 50%;z-index: 10;margin-left: -100px;}
.about-us-ctx .about-us-detail p{font-size:36px;color: #000;font-family: SansHans;line-height: 1;margin-bottom: 25px;}
.about-us-ctx .about-us-detail div{font-size: 16px;color: black;font-family: SansHans-Light;}
.about-us-ctx .about-us-detail.active{ -webkit-animation: gfadeIn 1s both;
  -moz-animation: gfadeIn 1s both;
  -o-animation: gfadeIn 1s both;
  animation: gfadeIn 1s both;}

.product-footer.new-footer{padding: 41px 0 0 0;}
.product-footer.new-footer .new-footer-logo {padding: 0 51px 42px 0;}
.product-footer.new-footer .new-footer-logo p{font-size: 12px;color: #737999;font-weight: 300;line-height: 1.4;margin-top: 21px;}
.product-footer.new-footer .new-footer-logo img:first-child{width: 59px;}
.product-footer.new-footer .new-footer-logo img:last-child{width: 32px;}
.product-footer.new-footer .new-footer-logo em{display: inline-block;height: 31px;width: 1px;background: #505674;margin: 0 20px;vertical-align: middle;}

.product-footer.new-footer .new-footer-nav {box-sizing:border-box;padding-left:60px;width:470px;border-right: 1px solid #505674;border-left: 1px solid #505674;font-size: 12px;}
.product-footer.new-footer .new-footer-nav dl dd{font-size: 12px;color: #737999;font-weight: 300;line-height: 25px;}
.product-footer.new-footer .follow-us{padding-left: 72px;}
.product-footer.new-footer .follow-us .spoorts-code p{font-size: 14px;color: white;font-weight: 300;line-height: 1;margin-bottom: 14px;}
.product-footer.new-footer .follow-us .spoorts-code img{width: 81px;}
.product-footer.new-footer .follow-us .spoorts-code p:last-child{font-size: 11px;color: #818BBC;margin-top: 10px;}
.product-footer.new-footer .follow-us .spoorts-other{margin-left: 20px;}
.product-footer.new-footer .follow-us .spoorts-other img{width:30px;margin: 80px 5px 0;}
.copyright-us{margin-top: 36px;border-top: 1px solid #2E324C;line-height: 40px;}
.copyright-us .new-ctx-width{text-align: center;font-size: 14px;color: #737999;font-weight: 300;}


/*2018/01/08*/
.signList>li{background: #fff;border-radius: 6px;box-shadow: 0 0 14px rgba(0,0,0,.1);margin-bottom: 22px;}
.signList>li .signMatch{line-height: 53px;font-size: 14px;background: #08284C;color: #fff;border-radius: 6px 6px 0 0;padding-left: 17px;}
.signList>li .signMatch span.fr{color: #080808;padding: 0 31px;border-radius: 0 6px 0 0;}
.signList>li .signMatch .signState1{background: #FDCE2F;}
.signList>li .signMatch .signState2{background: #0E3C76;color: white !important;}
.signList>li .signMatch em{display:inline-block;font-size: 30px;line-height: normal;vertical-align: middle;}
.signList>li .signTitle{font-size: 14px;line-height:1;color: black;padding: 17px 16px 14px;}
.signList>li .signDetail{padding: 0 16px;}
.signList>li .signDetail dl dd{float: left;width:110px;padding-top:6px;text-align: center;font-size: 31px;font-family: "DIN Alternate";font-weight: bold;box-shadow: 0 0 6px #D6D8DA;border-radius: 3px;margin-right: 22px;}
.signList>li .signDetail dl dd p{font-size: 12px;color: rgba(0,0,0,.7);text-align: center;font-family: "SansHans";}
.signList>li .signDetail dl dd:not(:first-child){color: #3A92D2;}
.signList>li .signDetail .signBtn a{display: inline-block;width: 128px;line-height: 36px;text-align:center;margin:20px 10px 0 0;border:1px solid #DDE1E5;font-size:14px;color:rgba(0,0,0,.6);border-radius: 19px;box-shadow: 0 0 4px rgba(205,205,205,.5);-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.signList>li .signDetail .signBtn a:hover{background: #2179CC;box-shadow: none;border-color: #2179CC;color: white;}
.signList>li .signDetail .signBtn a:first-child span{background: url("../images/img/sign-href01.png")left center no-repeat;background-size: 16px auto;padding-left: 20px;}
.signList>li .signDetail .signBtn a:first-child:hover span{background: url("../images/img/sign-href02.png")left center no-repeat;background-size: 16px auto;}
.signList>li .signDetail .signBtn a:nth-child(2) span{background: url("../images/img/sign-downArrow01.png")right center no-repeat;background-size: 10px auto;padding-right: 20px;}
.signList>li .signDetail .signBtn a:nth-child(2):hover span{background: url("../images/img/sign-downArrow02.png")right center no-repeat;background-size: 10px auto;}
.signList>li .signDetail .signBtn span{position: relative;}
.signList>li .signDetail .signBtn span em{display: inline-block;opacity: 0;position: absolute;left: 0;top: 0;right: 0;z-index: -1;}

.signDetailList{padding: 17px;border-top: 1px solid rgba(151,151,151,.2);}
.signDetailList p{text-align: center;font-size: 18px;font-family: "SansHans-Medium";color: #fff;background:#0A2E55;line-height:49px;}
.signDetailList p span{font-size: 14px;}
.signDetailList ul li{line-height: 46px;border: 1px solid #E8EEEF;border-radius: 3px;margin-bottom: 10px;font-size: 14px;color: #4F4F4F;font-family: SansHans;}
.signDetailList ul li.th{font-family: "SansHans-Medium";color: black;}
.signDetailList ul li.th em{font-style: normal;padding-left: 30px;}
.signDetailList ul li span{box-sizing:border-box;display: inline-block;float:left;width: 25%;text-align: center;}
.signDetailList ul li span:first-child{width:20%;text-align: left;padding-left: 33px;}
.signDetailList ul li span:nth-child(3){width:30%;}
.signDetailList ul li span a{display: inline-block;width: 66px;line-height: 26px;border: 1px solid #C9C9C9;font-size:12px;color: #4F4F4F;border-radius: 14px;text-align: center;vertical-align: middle;margin: 9px 5px auto;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.signDetailList ul li span a:first-child:hover{background: #FF0036;border-color: #FF0036;color: white;}
.signDetailList ul li span a:nth-child(2):hover{background: #3585D0;border-color: #3585D0;color: white;}
.signDetailList ul li:not(.th) span:first-child em{font-style: normal;background: url("../images/img/sign-unchecked.png")left center no-repeat;background-size: 14px auto;padding-left: 30px;}
.signDetailList ul li:not(.th).active{box-shadow: 0 0 3px rgba(0,0,0,.12);}
.signDetailList ul li:not(.th).active span:first-child em{background: url("../images/img/sign-checked.png")left center no-repeat;background-size: 14px auto;}
.signDetailList .signCkeckedAll li{line-height: normal;border: none;box-shadow: none !important;padding-top: 8px;}
.signDetailList .signCkeckedAll li span:nth-child(2){float: right;width: 128px;line-height: 37px;font-size: 14px;color: white;font-family: SansHans;background: #FF0036;}


/*赛号选择*/
#userNoChecked{padding:5px 0 0 1%;}
#userNoChecked li {box-sizing: border-box;display: inline-block;width: 10%;line-height: 46px;border: 1px solid #DADEE4;text-align: center;border-radius: 8px;color: #565656;font-size: 16px;font-weight: bold;font-family: "DIN Alternate";cursor: pointer;margin: 18px 0 0 1%;}
#userNoChecked li.active {background: #005EFF;border: 1px solid #005EFF;color: #fff;}
.searchNumTitle{line-height: 52px;text-align: center;font-size: 22px;font-family: 'SansHans-Medium';color: black;}
.searchNumInfo{line-height: 53px;font-size: 14px;color: #fff;text-align: center;font-family: 'SansHans';background: #3A92D2;}
.searchUserName{font-size: 20px;line-height:1;color: #203F5C;font-family: 'SansHans-Medium';text-align: center;}
.searchGameName{font-size: 18px;line-height:1;margin:10px 0 0 0;color: #203F5C;font-family: 'SansHans-Medium';text-align: center;}
.searchNumRange{text-align: center;color: #203F5C;font-family: 'SansHans';}
.searchNumRange span{font-size: 28px;font-family: 'DIN Alternate';color: #203F5C;font-weight: bold;}
.searchBox{position:relative;width: 640px;height: 47px;margin: 0 auto;font-size:14px;font-family: 'SansHans';}
.searchBox input{box-sizing:border-box;width: 100%;height: 100%;border: 1px solid #DFE2E7;border-radius: 100px;padding: 0 140px 0 41px;background: url("../images/img/serach-icon.png")left 19px center no-repeat;background-size: 16px auto;}
.searchBox button{position: absolute;top:0;right: 0;z-index:10;height: 47px;width: 120px;border: none;background: #2D86CF;color: white;border-radius: 0 100px 100px 0;}
#resultGroup{height: 370px;border: 1px solid #DFE2E7;border-radius: 12px;overflow: hidden;}
.changeBtn{position: absolute;background: #fff;}
.changeBtn:before,.changeBtn:after{position:relative;z-index:10;content: '';display: inline-block;width: 9px;height: 9px;border-radius: 50%;background: #3A92D2;border: 1px solid #fff;}
.changeBtn:before{margin-right: -9px;}
.changeBtn:after{margin-left: -9px;}
.changeBtn button{width:125px;height: 38px;color: #fff;font-size: 14px;font-family: 'SansHans';background: #3A92D2;border: none;border-radius: 6px;}
.searchGroup{right: 69px;margin: -40px auto 0;}
.randomGroup{width:133px;left: 0;right: 0;margin: -40px auto 0;}
.checkedNoNext{margin-top:42px;font-size:14px;font-family: 'SansHans';background: #203F5C;color: #fff;height:73px;line-height:73px;text-align: center;}
.checkedNoNext a{display: inline-block;width:213px;height:100%;line-height:73px;background:#F91C50;text-align: center;color: #fff;font-family: 'SansHans-Medium';}
.checkedNoNext .checkedResult{margin-right: -170px;line-height:86px;}
.checkedNoNext .checkedResult em{display:inline-block;font-style: normal;font-size: 39px;font-weight: bold;font-family: "DIN Alternate";line-height: normal;margin: -15px 5px auto;vertical-align: middle;}
.checkedNoNext .checkedNoBox{cursor:pointer;display:inline-block;margin-right: -210px;background: url("../images/img/unChecked.png")left top 48% no-repeat;background-size:21px auto;padding-left:28px;}
.checkedNoNext .checkedNoBox.active{background: url("../images/img/Checked.png")left top 48% no-repeat;background-size:21px auto;}


/*18/04/26*/
.step .new-btn{width: 149px;line-height: 39px;padding: 0;background: #2179CC;border-radius: 6px;font-size: 14px;}

.signDetailList .distribution .distribution-btn{cursor:pointer;display: block;width: 190px;line-height: 36px;text-align: center;margin: 0 auto 11px;background: #11467F;font-size: 14px;color: #fff;font-weight: bold;border-radius: 19px;}
.signDetailList .distribution ul li span{padding: 0;width:16.66666666%;text-align: center;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.signDetailList .distribution ul li span:nth-child(1),
.signDetailList .distribution ul li span:nth-child(3),
.signDetailList .distribution ul li span:nth-child(4){width: 12.66666666%;}
.signDetailList .distribution ul li span:nth-child(2){width: 20.66666666%;}
.signDetailList .distribution ul li span:last-child{width: 24.66666666%;}
.signDetailList .distribution ul li.th{background: #FDCE2F;}
.signDetailList .distribution ul li:not(.th) span:nth-child(5){color:#D0021B;}

.distribution-form{padding:34px;background: #fff;overflow: hidden;}
.distribution-form .title{font-size: 14px;color: #2179CE;}
.distribution-form .title:before{width:auto;left:330px;right: 0;}
.distribution-form .title span{color: #D0021B;}
.distribution-form>p{font-size: 14px;}
.distribution-form>p span{color:#F19A07;}
.distribution-form>label{display: block;}
.distribution-form>label input{box-sizing:border-box;width: 100%;line-height: 18px;border: 1px solid #DFDFDF;box-shadow: inset 0 1px 3px rgba(0,0,0,.075);padding: 10px;font-size: 18px;}
.distribution-form>label textarea{box-sizing:border-box;width: 100%;height:108px;resize: none;border: 1px solid #DFDFDF;box-shadow: inset 0 1px 3px rgba(0,0,0,.075);padding: 0 10px;font-size: 18px;}
.distribution-form>button{display:block;width: 200px;line-height: 60px;text-align: center;background: #2179CE;color: #fff;margin: 40px auto 0;font-size: 20px;border: none;}

.team-service .table02 li > span{background: none;color: #073f54;text-align: left;}
.team-service .table02 li.th{background: #19304A;}
.team-service .table02 li.th span{color: #fff;font-size: 16px;font-weight: normal;}
.team-service .table02 li{padding: 0 40px;}
.team-service .table02 li > span em{font-size: 18px;}
.team-service .table02 li > span em i{display:block;font-size: 14px;color: rgba(0,0,0,.5);}
.team-service .table02 li span b{background: #2179CC;color: #fff;font-size: 12px;width: 88px;height: 25px;line-height: 25px;text-align: center;position: relative;display: block;top:-3px;}
.team-service .table02 li span b:after{content:'';display:block;width:23px;height:9px;background:url("../images/img/Triangle.png")center no-repeat;background-size:contain;position: absolute;left: 10px;bottom: -4px;z-index: 10;}
.team-service .table02 li > span:not(:first-child){font-family: "DIN Alternate";}
.team-service .table02 li > span:nth-child(2),
.team-service .table02 li > span:nth-child(3) {width: 140px;}
.team-service .table02 li > span:nth-child(5){width: 100px;}
.team-service .table02 .btn-group{border: 1px solid #E6E6E6;border-radius: 3px;}
.team-service .table02 .btn-group button{background: none;border-radius: 0;color: #A1A1A2;font-size: 18px;font-weight: normal;margin: 0;padding: 0;height: 34px;}
.team-service .table02 .btn-group input[type=text]{height: 34px;border:none;border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;font-size: 18px;color: #000;width: 49px;margin: 0;}
.team-service .table02 li.count > span.count-num{background: none;font-size: 30px;color: #FF1144;}