body {
    background: #eee;
    padding: 0;
    margin: 0;
}

* {
    margin: 0;
    padding: 0;
}

p {
    font-size: 16px;
    color: #999999;
    line-height: 22px;
}

a {
    text-decoration: none;
    color: #333333;
}

a:link {
    color: #333333;
}

a:hover {
    color: #0870d1;
}

input {
    border: 1px solid #6666
}


/*包裹自定义分页器的div的位置等CSS样式*/

.swiper-pagination-custom {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-customs {
    width: 30px;
    height: 4px;
    display: inline-block;
    background: #000;
    opacity: .3;
    margin: 0 5px;
}

.login {
    margin-left: 30px;
    padding-top: 20px;
    border: 1px solid gainsboro;
    text-align: center;
    width: 200px;
    height: 45px;
    background-color: gainsboro;
}

.login:hover {
    color: #fff;
    background-color: dodgerblue;
}

.swiper-wrapper img {
    width: 1400px;
    height: 500px;
    margin: 20px;
}

.ct-content {
    display: flex;
}

.ct-midcontent {
    width: 1440px;
    display: flex;
}

.content02 {
    margin-left: 224px;
}

.mid-footer {
    margin: -50px 810px;
    height: 40px;
    width: 400px;
    border: 1px solid #7777;
    text-align: center;
    /* padding-top: 10px; */
    line-height: 40px;
}

.ft-ct {
    margin: 124px 0px 0 -238px;
    text-align: center;
    border-radius: 6px;
    height: 40px;
    width: 180px;
    color: #fff;
    background-color: coral;
}

.ct-end {
    margin: 8px;
}

.ft-text {
    margin: 40px 0 5px 620px;
    text-align: center;
    width: 288px;
    height: 60px;
    color: #fff;
    line-height: 6px;
}

.pagebox {
    margin: 44px auto;
    padding-top: 10px;
    height: 42px;
    text-align: center;
    border-radius: 5px;
    width: 680px;
    background-color: #fff;
    display: flex;
}

.pageitem {
    height: 20px;
    width: 20px;
    margin: -4px 0 5px 32px;
    text-align: center;
    color: black;
    font-weight: bold;
    padding: 10px;
    cursor: pointer;
    transition: background 0.5s, color 0.5s;
    -webkit-transition: background 0.5s, color 0.5s;
}

.pageitem a {
    text-align: center;
    color: black;
    font-weight: bold;
    padding: 10px;
    cursor: pointer;
    transition: background 0.5s, color 0.5s;
    -webkit-transition: background 0.5s, color 0.5s;
}

.pageitem a:hover {
    color: #fff;
    background-color: dodgerblue;
    width: 25px;
    height: 25px;
    border-radius: 5px;
}

.match-title {
    padding-left: 50px;
    border-left: 4px solid dodgerblue;
    margin: 30px 0 20px 226px;
}




.nt-a {
    padding-left: 34px;
    border-left: 4px solid dodgerblue;
    height: 50px;
    margin: 0 0 0 35px;
}

.name-ct {
    background-color: #fff;
    margin-left: 226px;
    width: 1300px;
    height: 1720px;
}

#all-ck {
    background-color: dodgerblue;
    color: #FFF;
    border: none;
}

#preview {
    border: 1px solid #ccc;
    width: 800px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.tx-sc {
    margin: 30px
}

.sc01 {
    margin-bottom: 20px;
}

#photoUpLoad {
    width: 106px;
    height: 129px;
    position: relative;
    cursor: pointer;
    border-radius: 2px;
    border: solid 1px #d0daea;
}

#photo {
    opacity: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#photoEcho {
    z-index: 99;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.cross {
    color: #d0daea;
    font-size: 44px;
    line-height: 44px;
    top: 38px;
    right: 36px;
}

.tx-dd input {
    margin: -34px 0 30px 12px;
    color: #fff;
    background-color: rgb(224, 49, 18);
    width: 38px;
    height: 38px;
    border-radius: 100px;
}

.tx-dd image {
    height: 100%;
    width: 100%;
}

.tx-bigdd input {
    background-color: #777;
    margin: 5px;
}

.tx-pay {
    display: flex;
    text-align: center;
    margin-top: 30px;
}

td,
th {
    padding: 0;
}


#myBtn:hover {
    background-color: rgb(59, 90, 150);
}

.topbox {
    padding: 15px;
    background: #ffffff;
}

.swiperimg {
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.block {
    width: 1200px;
    margin: 0 auto;
}

.mgt30 {
    margin-top: 40px;
}

.pdb30 {
    padding-bottom: 30px;
}

.newscontent {
    padding: 15px;
    background: #ffffff;
}

.log-t {
    font-size: 36px;
    font-weight: bold;
    margin-top: 70px;
    margin-bottom: 50px;
    padding-left: 15px;
}

.bigtitle {
    padding-left: 20px;
    height: 30px;
    line-height: 25px;
}

.kong {
    background-color: #0870d1;
    height: 28px;
    border: 3px solid #0870d1;
    border-radius: 8px;
    margin: auto 0;
}

.newsimg {
    width: 100%;
    height: auto;
	/* height: 400px; */
}

.newsimg01 {
    width: 100%;
    height: 400px;
}

.newsbox {
    width: 49%;
}

.newsbox ul {
    padding-left: 15px;
    margin: 0;
    font-size: 16px;
}

.newsbox ul li {
    list-style: disc;
    padding: 5px 0px;
    text-align: justify;
}

.fw-top {
    margin-top: 30px;
}

.newsbi {
    flex: 1;
}

.bx-controls {
    position: relative;
}

.bx-pager {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -40px;
}

.bannerbox .item {
    width: 100%;
    height: 700px;
    display: block;
    background-size: cover;
    background-repeat: no;
    background-position: center;
}

.bx-pager .bx-pager-item {
    display: inline-block;
    margin: 5px;
    font-size: 0;
}

.bx-pager-link {
    display: block;
    width: 40px;
    height: 10px;
    background: #000000;
    border-radius: 5px;
    opacity: 0.8;
}

.bx-pager-link.active {
    background: #ffffff;
    opacity: 1;
}

.ct-footer {
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    width: 400px;
    text-align: center;
    margin-top: 50px;
}

.ct-footer a {
    display: block;
    border: 1px solid #7777;
}

.ct-footer a:hover {
    border: 1px solid #0870d1;
}

#bottom_ad {
    margin: 30px 0;
    width: 100%;
    margin-bottom: 100px;
	position:relative;
}
#bottom_ad1 {
    position:absolute;
	z-index:2;
	
}

.currency {
    font-weight: bolder;
    font-size: 30px;
    margin: 30px 0;
    margin-left: 20px;
}
.ablue a{color:#0870d1;}
.mg20{margin:20px;}
.pd20{padding:20px;}
.bgwhite{background:#ffffff;}
.titlemod1{font-weight: bolder; font-size: 30px; margin:30px 0;}
.titlemod1-1{font-weight: bolder; font-size: 24px; margin:30px 0;}
.titlemod1-1 .td_17_1{background: url(/static/intermatch/img/fb.png) 0 0 no-repeat;width: 223px;height: 46px;line-height: 46px; }
.titlemod1-1 .td_17_1 a	{display: inline-block;width: 70px;font-size: 16px;color: #fff;padding: 0px 20px;}
ul.articlelist{padding-left:15px;}
.titlemod2{background-color:#ffffff;padding:15px;margin:20px 0;}
.titlemod2 .line {
    background-color: #0870d1;
    height: 28px;
    border: 3px solid #0870d1;
    border-radius: 8px;
    margin:auto 20px;
}
.titlemod2 .txt {
    margin: auto 0;
    font-size: 35px;
}

/*表格*/
.match-table{padding:20px;background:#ffffff;}
.match-table table{width:100%;border-collapse: collapse; border-spacing: 0;}
.match-table thead{color:#999999;font-weight:normal;}
.match-table thead tr{border-bottom:2px solid #ffffff;}
.match-table tr{background:#efefef;height:50px;line-height:50px;text-align:center;border-bottom:1px solid #cccccc;}
.match-table td{border:none;}

/*国际赛事----guojisaishi---赛事列表*/

.hot-left{background:#ffffff;width:49%;height:370px;overflow: hidden;}
.hot-right{width:49%;overflow: hidden;}

.hot-left .cover{width: 40%;height: 330px;background-size: cover;background-position: center;background-repeat: no-repeat;display:block;}
.hot-left .info{width: 55%;height: 330px;}

#hotbox .content{font-size: 16px;color: #999999;line-height: 22px;}
#hotbox .title{font-size: 22px;font-weight:bold;margin-bottom:10px;}

.hot-right .aitem{background:#ffffff;margin-bottom:20px;height:175px;overflow:hidden;}
.hot-right .aitem .cover{width: 25%;height: 135px;background-size: cover;background-position: center;background-repeat: no-repeat;display:block;margin:20px;}
.hot-right .info{width: 70%;}
.hot-right .title{margin-top:20px;display:block;}

.matchlist .aitem{background:#ffffff;margin-bottom:20px;height:175px;overflow:hidden;}
.matchlist .aitem .cover{width: 15%;height: 135px;background-size: cover;background-position: center;background-repeat: no-repeat;display:block;margin:20px;}
.matchlist .info{width: 83%;}
.matchlist .title{margin-top:20px;display:block;font-size:18px;font-weight:bold;margin-bottom:10px;}
.matchlist .content{color:#999999;}
.matchlist .content a{margin:0 5px;}
/*国际赛事----guojisaishi---赛事列表*/



/*赛事详情----match-info--*/
.matchbanner{width:100%;}
.matchinfo{background:#ffffff;padding:20px;margin:20px 0;width:63%;}
.caselist{width:32%;}
.matchinfo .title{font-weight:bold;font-size:20px;text-align:center;}
.matchinfo .content{color:#999999;line-height:25px;text-align:justify;}
.matchinfo .content p{margin:20px 0;text-indent:2em;}
.matchinfo .content img{margin:0 auto;display:block;max-width:100%;}
.photolist{background:#ffffff;}
.photolist .cover{width:48%;height:100px;background-size:cover;background-repeat:no-repeat;background-position:center;margin-bottom:15px;}


.matchmore .aitem .cover{width:25%;height:90px;}
.matchmore .aitem .info{width:70%;}
.matchmore .aitem{height:auto;}

/*赛事详情----match-info--*/

/*填写表格页面*/
.inputbox text{color:red;}
.inputbox .input,select{border:1px solid #d7d7d7;width:200px;height:30px;line-height:30px;padding:0 10px;}
.inputbox .radio{margin-right:5px;}
.inputbox .key{width:100px;font-size:18px;}
.inputbox .key1{width:150px;font-size:18px;}
.inputbox .val1{width:100%;float:left;}
.inputbox .val1 li{float:left;margin-left:10px;margin-top:5px;cursor: pointer;list-style-type:none;display: list-item;text-align: -webkit-match-parent;}
.inputbox{padding:10px 0;margin-right:30px;}
.inputbox textarea{width:100%;margin:10px 0;border:1px solid #d7d7d7;height:150px;}
.groupbox{border:1px solid #d7d7d7;padding:20px;margin-top:15px;padding: 0 100px;}
.groupbox .groupitem{width:25%;margin:30px 0;}
.groupbox .gruop_title{font-weight:bold;margin-bottom:10px;}
.group_type div{padding:5px 0;color:#666666;display:flex;align-items: center;}
.group_type input{width:20px; height:20px;margin-right:5px;}
.inputbox .input.red{color:red;}
.upload_files {
    width: 100%;
    float: left;
    margin-top: 20px;
    padding-bottom: 20px;
}


/**pay**/
.paybox .item{padding:10px 0;}
.paybox .item input{margin-right:5px;}
.paybox .item img{margin-right:5px;}
#paytipstitle{text-align:center;padding:20px 0;}
.btnbox{text-align:center;margin:30px 0;}
.btnbox .btnitem{width:100px;line-height:30px;display:inline-block;margin-right:10px;}
#uploadbtn{background:#0870d1;color:#ffffff;border:1px solid #0870d1;}
/* 弹窗 (background) */

.modal {
    display: none;
    /* 默认隐藏 */
    position: fixed;
    /* 固定定位 */
    z-index: 1;
    /* 设置在顶层 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}


/* 弹窗内容 */

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 25px;
    border: 1px solid #888;
    width: 20%;
    text-align: center;
}


/* 关闭按钮 */

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}