body{margin: 0 auto;font-size: 15px;color: #333;letter-spacing:1px;font-family: 'Open Sans',sans-serif;}
a{color:#cc3355;text-decoration:none;}
.time_max {max-width:1200px;margin: 0 auto;}
.time_mav{position:relative;border-bottom:1px solid #eaecee;display:flex;justify-content:space-between}
.time_name {margin-bottom:10px;font-weight:bold;font-size:2em;padding:15px;text-align:center;display:block;width:6em;height:1.4em;color:#fff;background:#CC3355;transition:all ease-in-out .25s}
.time_name a{color:#ffffff;text-decoration:none;}
.time_so{display:flex}
.time_so input{width:10rem;padding:0 1.4rem;border:none;background:transparent;cursor:not-allowed}
.time_so button{width:5rem;border:none;background:transparent}
.time_so svg{display:block;margin:auto;fill-rule:evenodd;fill:#444855;width:1.8rem;height:1.8rem}

.time_now {padding:10px 0 10px 5px;font-size:1.5em;}
.time_now h1{padding-left:10px;margin:0;font-size:1.7em;display:inline-block;}
.time_now .text {padding-left:10px;color:#999}
.time_now .bordered{border:1px solid #f1f1f1;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.time_get {color: #333;padding:0;margin:0;line-height:10px;padding-left:10px;}
.time_get .bzsj {text-align:center;font-size: 150px;font-family:"Impact";letter-spacing:20px;font-weight:bold;}
.time_info {border:#ccc 1px solid;padding:15px 30px 15px 30px;margin-top:30px;line-height:30px;border-radius: 6px;}
.time_info p{margin:0;letter-spacing:1.5px;line-height:35px;font-size: 14px;}
.time_info .bt {font-size:1.2em;border-bottom:#ccc 1px solid;text-align:left;}
.time_info .bt a{color:#333;}
.time_info .bt a:hover{color:#cc3355;}
.time_info .ss {margin-top:10px;}
.time_info .ss a{color:#333;margin:0 5px 0 5px;width:270px;display: inline-block;text-align:left;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.time_info .ss a:hover{color:#cc3355;}
.time_info .nr {margin-top:10px;}
.time_info .nr p{text-indent: 2em;}

.time_gjsj {padding:10px 0 10px 5px;}
.time_gjsj h1{margin:0;font-size:22px;display: inline-block;}

.wrap {margin-top:25px;}

.time_area {display:flex;flex-wrap:wrap;border:#ccc 1px solid;padding:15px 20px 0 20px;}
.time_area .area_item{width:33.33333333%;transition:all .1s linear 50ms;padding:.5rem 0rem 0 0}
.time_area .area_main{margin:0 0.5rem 0.5rem 0}
.time_area .area_item .area_main{border:1px solid #e3e3e3;padding:0.75rem;position:relative;border-radius:.3rem;transition:all .1s linear 0s;display:flex;align-items:center}
.time_area .area_item:nth-child(5n){padding-right:0}
.time_area .area_item img{width:1.6rem;height:1.6rem;display:block;border-radius:1rem}
.time_area .area_item .area_url{width:100%;margin-left:1.0rem;display:block;overflow:hidden}
.time_area .area_item p.name{font-size:1.2rem;font-weight:600}
.time_area .area_item p.name a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;}
.time_area .area_item p.name a:hover{color:#000;}
.time_area .area_item:hover{transform:scale(1.05)}
.time_area .icon{display:inline-block;margin:0 5px 5px 0text-align:center;position:relative;background-color:rgba(255,255,255,0.85);color:#000;font-size:24px;width:50px;height:40px;line-height:58px;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid transparent}
.time_area .icon.without-bg{font-size:36px;line-height:1;color:inherit;background-color:transparent;height:100%}

.time_box {border:#ccc 1px solid;padding:15px 20px 0 20px;margin-top:25px;border-radius: 6px;}
.time_box .hot {padding:10px 0 10px 0;}
.time_box .hot a{padding:8px 0px 8px 0px;background:#f9f9f9;width:15%;display: inline-block;margin-bottom:10px;margin-right:5px;margin-left:5px;color:#000;text-align:center;border:#ccc 0px solid;}
.time_box .hot a:hover{background:#cc3355;color:#fff;border:#ccc 0px solid;}
.time_box .hot p{text-align:center;font-size: 15px;}
.time_box .hot .bt {font-size:1.2em;border-bottom:#ccc 1px solid;text-align:left;padding-bottom:5px;margin-bottom:20px;}
.time_box .sglx {border-bottom:#ccc 1px dashed;display: inline-block;margin-bottom:10px;padding-bottom:5px;}
.time_box .tool a{padding:5px 4px 5px 3px;width:98px;display: inline-block;margin-bottom:15px;margin-right:5px;text-align:center;background:#f9f9f9;color:#333;}
.time_box .tool a:hover{color:#fff;background:#cc3355;}
.time_box .tool p{text-align:center;}
.time_box .tool .bt {font-size:1.2em;border-bottom:#ccc 1px solid;text-align:left;padding-bottom:5px;margin-bottom:20px;}

.time_tool {margin: 0 auto;border:#ccc 1px solid;padding:30px 0 10px 0;}
.time_tool .box {width:590px;margin: 0 auto;padding:5px 30px 5px 30px;line-height:30px;margin-bottom:25px;}
.time_tool .box input{width:120px;margin-right:5px;outline:none;padding:5px 0 5px 5px;}
.time_tool .btnchk {background: #f9f9f9;color: #000;height:35px;outline:none;border: 0px solid #f9f9f9;}
.time_tool .biaod2 {margin-top:15px;}
.time_tool .bt {font-size:1.2em;font-weight:bold;margin-bottom:10px;}
.time_tool .bnt input{background-color:#f9f9f9;color:#000;outline:none;border:1px solid #f9f9f9;font-family:"Microsoft YaHei";margin-right:5px;font-weight:bold;margin-top:10px;}
.time_tool .bnt input:hover{color:#fff;background-color:#CC3355;cursor:pointer;}
.time_tool .msg {font-size: 20px;color: #cc3355;font-weight: bold;}
.fgx {margin-top:50px;}
.tian {background: #000;color: #fff;padding:5px 8px 5px 8px;margin-right:5px;font-size: 18px;}

.time_tool table {width: 100%; border-spacing: 0; border-collapse: collapse; line-height: 30px; text-align: center;}
.time_tool table td{text-align:center;padding:1rem;border: 1px solid #e7e7f1;}
.time_tool table th{background: #f9f9f9;text-align:center;padding:1rem;border: 1px solid #e7e7f1;}
.time_tool table tr:nth-child(odd) {background: #fcfcff;}
.time_tool table tr:hover {background: #fffafb;color:#ec3d3d}
.time_tool table tr th { padding: 3px 5px;}
.time_tool table tr td { padding: 3px 5px;}

.time_zodiac {border:#ccc 1px solid;padding:15px 20px 0 20px;margin-top:25px;}
.time_zodiac h2{text-align:center;font-weight:700;font-size:2rem;padding:1.5rem 0 2rem;}
.time_zodiac .zodiac{font-size:1rem;line-height:2em;}
.time_zodiac .zodiac .zodiac-res{background: #fffaf8;border:1px dashed #daa3a3;text-align:center;font-size:1rem;padding:2rem;margin-bottom:1rem;}

.time_list span{margin-right:5px;font-weight:bold;}
.time_list ul{text-align:right;}
.time_list li{list-style-type:none;display: inline-block;width:68px;background:#eee;padding:3px 15px 3px 10px;margin-left:6px;margin-bottom:5px;}
.time_list p{margin:0;}
.time_list li a{display:inline-block;color:#333;padding:5px;}
.time_list li a:hover{color:#fff;}
.time_list li:hover{background:#999999;color:#fff;}
.time_list li:hover a{color:#fff;}
.time_list .sqbt span{margin:0;padding:0;margin-left:30px;}
.time_list .sqbt {text-align:right;line-height:35px;font-weight:bold;font-size:1.2em;}
.time_list .csmc {padding-bottom:2px;font-weight:bold;}
.time_list .cssj {font-size:20px;font-family:"Georgia";}

.time_scbox {border:#ccc 1px solid;padding:15px 20px 0 20px;}
.time_scbox a{padding:8px 10px 8px 10px;background:#f9f9f9;/* width:109px; */display: inline-block;margin-bottom:10px;margin-right:5px;margin-left:5px;color:#000;text-align:center;border: #cc3355 1px solid;}
.time_scbox a:hover{background:#cc3355;color:#fff;border:#ccc 0px solid;}
.time_scbox p{text-align:center;font-size: 15px;}

.time_scbt {background:#cc3355;margin-top:20px;width:150px;text-align:center;padding:8px 12px 8px 12px;color:#fff;}
.time_scbt h2{margin:0;padding:0;font-size: 18px;}

.time_link {border-radius:6px;border:#ccc 1px solid;padding:15px 20px 0 20px;margin-top:25px;}
.time_link .title {font-size:1.2em;border-bottom:#ccc 1px solid;text-align:left;padding-bottom:5px;margin-bottom:20px;}
.time_link .links a{padding:5px 4px 6px 5px;display: inline-block;margin-bottom:15px;margin-right:5px;text-align:center;background:#f9f9f9;color:#333;}
.time_link .links a:hover{color:#fff;background:#cc3355;}
.time_link .links p{text-align:center;}

.bgspan {background:#eee;padding:4px;margin:4px;color:#333;}

/*底部*/
.footer {margin-top:15px;line-height:38px;color:#ccc;padding:20px 20px 26px 20px;letter-spacing:2px;text-align:center;}
.footer a {color:#ccc;}
.footer a:hover{color:#cc3355;}
@media only screen and (max-width: 600px) {
.time_tool {padding:20px 0 10px 15px;}
.time_tool .msg {font-size: 14px;}
.time_tool .box {max-width:340px;margin: 0 auto;border: 0px solid #ccc;padding:1px 0 0 0;line-height:30px;margin-bottom:15px;}
.time_tool .box input{width:50px;margin-right:5px;outline:none;padding:5px 0 5px 5px;}
.time_tool .bnt input{width:100px;}
.time_tool table {font-size:12px;width:98%;border-spacing: 0; border-collapse: collapse; line-height: 30px;}
.time_tool table tr th { padding: 0px 0px;}
.time_tool table tr td { padding: 0px 0px;}
}

@media only screen and (max-width: 875px) {
body{padding:0 6px 0 6px;}
.time_max {padding:0 10px 0 10px;}
.time_name {font-size:1em;padding:7px;color:#fff;text-align:center;letter-spacing:1px;background:#CC3355;height:100%;margin-bottom:10px;font-weight:bold;}
.time_get .bzsj {font-size: 60px;letter-spacing:2px;}
.time_box {text-align:center;padding:15px 12px 0 12px;}
.time_box .bt {margin: 0 auto;}
.time_box .toolbt {margin: 0 auto;}
.time_box .hot a{padding:5px 0 5px 0;margin-right:3px;width:105px;font-size: 14px;}
.time_box .hot p{text-align:center;}
.time_box .tool a{font-size: 14px;width:96px;}
.time_box .tool p{text-align:center;}
.time_box .tool .bt {margin: 0 auto;}
.time_list .sqbt span{display: block;}
.time_list .sqbt {text-align:center;}
.time_list .sqbt span{margin:0;padding:0;}
.time_now {padding:10px 0 0 5px;}
.time_now h1{display: block;text-align:center;margin:10px 0 5px 0;font-size:3em;}
.time_now .flag-icon {display: block;margin-left: auto;margin-right: auto;font-size:2em;}
.time_now .text {display: block;padding-top:10px;text-align:center;color:#999}
.time_gjsj {padding:10px 0 5px 5px;}
.time_gjsj h1{display: block;text-align:center;margin:15px 0 5px 0;}
.time_list li{margin-bottom:10px;}
.time_list ul{text-align:center;margin-top:10px;padding:0;}
.time_list ul li{width:20%;margin-right:6px;}
.time_info {padding:15px 20px 15px 20px;}
.time_info .ss a{width:100%;}
.time_area .area_item{width:100%;transition:all .1s linear 50ms;padding:.5rem 0rem 0 0}
.bgspan {background:#eee;padding:4px;margin:4px;color:#333;}
.syspan {display:none;}
}