*{ margin: 0; padding: 0;}
.flex-layer{ position: fixed; width: 100%; height: 100%; top:0; background: rgba(0,0,0,0.5); left: 0; display: none; z-index: 100000;}
a{ text-decoration: none !important;}
*{ -webkit-box-sizing: border-box; box-sizing: border-box;}
.po{ top:50%; left: 50%; position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.po_x{ position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.po_y{ position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.fl{ float: left !important;}
.fr{ float: right !important;}
.clear::after{ display: block; clear: both; content: "";}
.flex-logn{ width:420px; background:rgba(255,255,255,1); padding: 30px 40px 40px; border-radius: 8px;}
.flex-logn-title{ font-size:26px; position: relative; font-weight:bold; color:rgba(34,34,34,1); line-height:35px;}
.close-flex{ position: absolute; cursor: pointer; top:-10px; right: -10px; width: 16px; height: 16px; background: url("https://xmimg.ceweekly.cn/apps/special/2019/images/close.png") no-repeat; background-size: 100% 100%; display: block;}
.login-input{ border:1px solid rgba(233,233,233,1); padding: 11px 12px; font-size:16px; font-weight:400; display: block; width: 100%; background-color: rgba(0,0,0,0) !important; color:#333; border-radius: 6px; line-height:22px;}
.forgrt-password{ color: #2E8CFF; margin-top: 15px; font-size:14px; color:rgba(34,34,34,1); line-height:19px;}
.forgrt-password a{ margin-left: 20px; font-size:14px; cursor: pointer;}
.login-a{ background: #CCCCCC; display: block; font-size:18px; text-align: center; color:rgba(255,255,255,1); line-height:50px; height:50px; cursor: pointer; border-radius:100px;}
.login-active{ background:linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%); background-image: -webkit-linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%); background-image: -moz-linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%); background-image: -ms-linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%); background-image: -o-linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%);}
.account-onther{ font-size:14px; color:rgba(153,153,153,1); line-height:19px; text-align: center;}
.account-onther-div{ padding-top: 15px; text-align: center;}
.account-onther-div a,.binding-ul a{ display: inline-block; width: 40px; height: 40px; cursor: pointer; border-radius: 50%;}
.binding-ul li{ float: left; margin-right: 20px;}
.account-onther-div a+a{ margin-left: 20px;}
.wechat{ background: url("https://xmimg.ceweekly.cn/apps/special/2019/images/wechat2.png") no-repeat; background-size: 100% 100%;}
.weibo{ background: url("https://xmimg.ceweekly.cn/apps/special/2019/images/weibo2.png") no-repeat; background-size: 100% 100%;}
.qq{ background: url("https://xmimg.ceweekly.cn/apps/special/2019/images/qq2.png") no-repeat; background-size: 100% 100%;}
.code-input{ position: relative;}
.code-input-a{ padding-right: 109px;}
.code-input-a{ background:linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%); background-image: -webkit-linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%); background-image: -moz-linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%); background-image: -ms-linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%); background-image: -o-linear-gradient(135deg,rgba(255,123,154,1) 0%,rgba(255,21,68,1) 100%); font-size:14px; padding: 6px 12px; font-weight:400; display: block; position: absolute; right: 6px; top:6px; color:rgba(255,255,255,1); line-height:20px; border-radius:100px; cursor: pointer;}
.code-input-code{ width:62px; height:32px; background:rgba(216,216,216,1); border-radius:4px; position: absolute; display: block; right: 6px; top:6px;}
.code-input-sty{ background: #CCCCCC;}
.register-title{ font-size:20px; margin-left: 15px; font-weight:bold; color:rgba(34,34,34,1); line-height:45px;}
.register-cont{ background: #fff; box-shadow: 0 0 12px 0 rgba(0,0,0,0.12); -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.12); -ms-box-shadow: 0 0 12px 0 rgba(0,0,0,0.12); -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.12); -o-box-shadow: 0 0 12px 0 rgba(0,0,0,0.12); border-radius:8px; padding: 30px; text-align: center;}
.register-cont>div+div{ margin-top: 20px;}
.register-div>div{ display: inline-block;}
.register-div>div:nth-child(1){ text-align: right; font-size:12px; color:rgba(34,34,34,1); line-height:44px; width: 60px;}
.register-div>div+div{ margin-left: 20px;}
.register-input{ width: 340px; position: relative;}
.register-wz .register-input{ width: 812px;}
.register-input input{ border-radius:6px; display: block; height: 44px; padding: 0 12px; width: 100%; border:1px solid rgba(233,233,233,1); background-color: #fff !important; font-size:16px; font-weight:400; color: #333; line-height:22px;}
.mr-two{ margin-top: 20px;}
.mr-three{ margin-top: 30px;}
.register-btn{ color: #2E8CFF; font-size:14px; margin-left: 0 !important;}
.diy-area, .diy-frame, .diy-widget, .diy-inner { margin: 0; padding: 0; border:none; word-wrap: break-word; zoom: 1;}
div.diy-area:after, .diy-frame:after,.diy-widget:after, .diy-content:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.diy-frame .diy-area { float:left; overflow:hidden;}
.diy-area, .diy-widget { min-height: 5px;}
.diy-root { }
.diy-frame { }
.diy-widget {}
.diy-title { overflow: hidden;}
.diy-title img { vertical-align: middle;}
.diy-frame .diy-title {}
.diy-widget .diy-title {}
.clear {height: 0;font-size: 0;clear: both;}
.hr-dot {border-bottom:1px dashed #ccc;height:10px;clear:both;overflow:hidden;}
a img { border: none;}
.slider-player { position:relative;}
.slider-player .slider-content { position:relative; overflow:hidden;}
.slider-player .slider-content,.slider-content li { margin:0; padding:0; list-style:none;}
.slider-content li { position:absolute; left:0; top:0; z-index:0; display:none;}
.slider-content .pic {}
.slider-player .title { font-size:14px; color:#fff; font-weight:bold; padding-left:15px; margin-top:2px; text-decoration: none;}
.slider-player .title:hover { text-decoration: underline; color:#f00;}
.slider-player .slider-link { position: absolute; bottom: 0; height: 25px; line-height: 22px; overflow: hidden; left: 0; background-color: rgba(0,0,0,.4); width: 100%;}
.slider-content img { border:none;padding:0;margin:0;}
.slider-player .slider-moon { height:100%; width:100%; display:none; position:absolute; left:0;top:0; background:transparent url(https://xmimg.ceweekly.cn/apps/special/widget/slider/loader.gif) no-repeat center; z-index:3;}
.slider-player .slider-nav { position:absolute; padding:2px; right:0px; z-index:2; opacity:0.7; filter:Alpha(Opacity="70");}
.slider-nav a { cursor:pointer; display:inline-block; height:15px; width:15px; text-align:center; margin:0 2px; background-color: #fff; border-radius: 50%;}
.slider-nav a.active { background-color:#ffe32c; }
.check_prev { position: absolute; top: 50%; left: 0; margin-top: -40px; width: 24px; height: 80px; background-color: rgba(0,0,0,.5); cursor: pointer;}
.check_next { position: absolute; top: 50%; right: 0; margin-top: -40px; width: 24px; height: 80px; background-color: rgba(0,0,0,.5); cursor: pointer;}
.check_prev::after { content: ''; position: absolute; top: 50%; left: 50%; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAT5JREFUeNrt282OAUEUhuEuNyvhJvyz9RMWXGudWXyrSgxq0nVO63mfjdiV92MEPV0HAADQkpmZWUq6PZ91O59Hn2v0yvCXixVyZohGnj/jf8MQvXn9jH/ndos+/9cqw59OHzfPli3f77ozmUQ/jq9Thj8eCe9MAQ8HwjsjfBAF3O8J70whdzvCOyN8EAXcbgnvTAE3G8I7I3wQBVyvCe9MAVcrwjsjfBAFXC4J70wBFwvCPze8B5i61KWUoo8xOtV/gszM7PH4L68EN9VvwgzRBkMMhIJWfBBjiDYUtOKrCIZogyEGQkErvo5miDaqf5BhiDYYYiAUtOJHeYZoQ0ErLkthiDYYIphC/uHSRIboVzlExcW5DNGvcgguTw9TDvHpP2jMZtHnHp3XrwjCuymHuF71wW46jT4XAAAI8gN6vTUWIOD0YgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wOC0yNFQxNjoyMzo0MiswODowMF3grGIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDgtMjRUMTY6MjM6NDIrMDg6MDAsvRTeAAAASnRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl93NmJobTV1M2JsL3ByZXZpb3VzLnN2ZxRCHngAAAAASUVORK5CYII=") no-repeat; background-size: 100% 100%; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px;}
.check_next::after { content: ''; position: absolute; top: 50%; right: 50%; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAATNJREFUeNrt28uKwkAQhWH1VRV8DbfeXXhBfVbrzKJxIAOCUxVTTft/m2yLcxIl3Z3RCAAAfCeZTDablevtJknSZJI9V/N+g5ckPR56MpnsfqeID3kZ/F+dJ2I8zp67GSXQy0X/cjxSRE+eQXaDfdf1ShE9oYhKxIo4HCiiJ7Ei9vvs+ZtBEZVwF2Ey2W6XPX8zKKISsSK22+z5mxErYrPJnr8ZFFGJWBHrdfb8zYgVsVplz98MiqiEuwhJ0nKZPX8zYkUsFp+e78t2nFi0G0z3zj+d+AkaiDt4/oRjCD5JLHhexNxiwbMU4UbwSWLBsxztFgueDRk3gk/iDl4Sm/IBBJ8kFjwHs9xiwXM00Y3gk5UAOZ6epgQ5nZYrH2ikeVkEnygNqwQ+n5fAz2fueAAAMIgfFu9A4rTwr54AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMDgtMjRUMTY6MjM6NDIrMDg6MDBd4KxiAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIwLTA4LTI0VDE2OjIzOjQyKzA4OjAwLL0U3gAAAEZ0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fdzZiaG01dTNibC9uZXh0LnN2Z7q9T/AAAAAASUVORK5CYII=") no-repeat; background-size: 100% 100%; width: 20px; height: 20px; margin-right: -10px; margin-top: -10px;}
.title-list, .title-list li { margin:0; padding:0; list-style:none;}
.title-list a { font-size:14px; margin:0 4px; text-decoration: none;}
.title-list a:hover { text-decoration: underline;}
.pic-list { margin:0;padding:0;}
.pic-list li { list-style:none; display:inline-block; vertical-align:top; *display:inline-table; +display:inline; +zoom:1; padding:1px 1px 2px 2px; margin:2px; text-align:center; }
.pic-list img { width:80px; height:60px; border:none; display: block; margin:0 auto 6px;}
.pic-list a { display:inline-block; text-decoration: none;}