@import url("/tpl/css/fontawesome-webfont.css");
@import url("/tpl/css/jssocials.css");
@import url("/tpl/css/jssocials-theme-flat.css");
@import url("/tpl/css/layui.css");
@import url("/tpl/css/confont/iconfont.css");

* {-webkit-box-sizing:border-box;box-sizing:border-box;}
input,textarea {outline:0;}
.clr {clear:both;}
input::-webkit-input-placeholder {color:#bbb;font-size:13px;}
input::-moz-placeholder {color:#bbb;font-size:13px;}
input:-moz-placeholder {color:#bbb;font-size:13px;}
input:-ms-input-placeholder {color:#bbb;font-size:13px;}
textarea::-webkit-input-placeholder {color:#bbb;font-size:13px;}
textarea::-moz-placeholder {color:#bbb;font-size:13px;}
textarea:-moz-placeholder {color:#bbb;font-size:13px;}
textarea:-ms-input-placeholder {color:#bbb;font-size:13px;}

img {padding:0;margin:0;border:none;max-width:100%;display:inline-block;}
.nopm {list-style:none;padding:0px;margin:0px;}
.nopm li {padding:0;margin:0;}
h2,h4,h3,h1,form,input,p,textarea {padding:0;margin:0;}
a {text-decoration:none;color:#000;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;margin:0px;padding:0px;font-size:13px;}
.hide {display:none;}
body {font-family: "Microsoft YaHei UI", "Microsoft YaHei", "微软雅黑", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun";padding:0px;margin:0px;}
header, section, footer, main, article, .mainbody {padding:0 10px;}
.mainbody {padding:0 10px;width:1220px;margin:0px auto;}


header {height:60px;border-bottom:1px solid #ddd;}
header .logo {float:left;padding:10px 0 0 0;margin-right:50px;}
header .logo img {height:40px;}
.navigation {float:left;}
.navigation ul {float:left;}
.navigation ul li {float:left;line-height:58px;position:relative;margin:0 20px;font-size:14px;font-weight:bold;cursor:pointer;}
.navigation ul li a {font-size:16px;font-weight:bold;color:#000;}
.navigation ul li:hover {color:#ff0000;}
.navigation ul li:hover a {color:#ff0000;}
.navigation ul li .iconfont {display:inline-block;padding-left:6px;}
.navigation ul li .smenu {display:none;}
.navigation ul li:hover .smenu {display:block;position:absolute;left:-20px;top:58px;padding:5px 20px 10px 20px;z-index:9999;background:#fff;font-weight:normal;font-size:14px;line-height:20px;box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;color:#000;border-radius:0 0 8px 8px;}
.navigation ul li:hover .smenu .smenu_name  {min-width:200px;padding:5px 0;}
.navigation ul li:hover .smenu .smenu_name a {font-weight:normal;color:#000;}
.navigation ul li:hover .smenu .smenu_name a:hover {color:red;}
.navigation ul li:hover .smenu .smenu_tag  {padding-bottom:10px;font-size:12px;color:#888;}
.usermenu {float:right;line-height:50px;}
.usermenu li {float:left;line-height:56px;padding:0 15px;position:relative;}
.usermenu li .iconfont {font-size:22px;font-weight:bold;color:#444;}
.usermenu li .lanlist {display:none;}
.usermenu li:hover .lanlist {display:block;position:absolute;right:10px;top:59px;padding:15px 30px 20px 30px;z-index:9999;background:#fff;font-weight:normal;font-size:14px;line-height:32px;box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;color:#000;border-radius:0 0 8px 8px;}
.usermenu li:hover .lanlist a {display:block;color:#000;line-height:32px;text-align:center;}
.usermenu li:hover .lanlist a:hover {color:red;}
.usermenu li.user a.login {display:block;background:#0282ed;padding:0 15px;color:#fff;margin:15px 0 0 0;line-height:30px;border-radius:8px;}
.usermenu li.user {height:50px;overflow:hidden;}
.usermenu li.user a {display:block;line-height:60px;color:blue;}
.usermenu li.user img {height:26px;margin-top:13px;width:26px;border-radius:26px;float:left;}

.loginrap {border-radius:12px;padding-top:100px;}
.loginrapb {background:#303030;border-radius:20px;overflow:hidden;position:relative;}
.loginimg {border-radius:20px 0 0 20px;position:absolute;left:0;right:50%;top:0;bottom:0;background:#000 url("/tpl/images/bg_loginl.jpg") no-repeat;background-size:100% 100%;}
.logintable {float:right;width:50%;min-height:640px;}
.logintable .logo {padding:50px 0 30px 0;text-align:center;}
.logintable .logo img {height:32px;}

.formcell {width:400px;margin:0px auto;padding-bottom:50px;}
.formcode {color:#eee;font-size:16px;}
.forminput {padding:20px 0;position:relative;}
.forminput input {height:54px;line-height:52px;border:1px solid #bbb;border-radius:6px;padding:0 20px;background:#2b2b2b;color:#fff;width:100%;}
.forminput .rbtn {position:absolute;right:10px;line-height:54px;color:#fff;font-size:14px;cursor:pointer;}
.forminput.mobarea input {padding-left:80px;}
.forminput.mobarea select {position:absolute;left:10px;top:30px;height:32px;line-height:32px;border:1px;background:none;color:#fff;}
.forminput.mobarea select option {background:#000;}
.formcell .line {padding:0px 0;overflow:hidden;color:#fff;overflow:hidden;}
.formcell .line .l {float:left;cursor:pointer;}
.formcell .line .r {float:right;color:#bbb;cursor:pointer;}
.formcell .btn {cursor:pointer;height:52px;line-height:52px;text-align:center;color:#fff;font-size:18px;background: linear-gradient(to right, #02b9ed, #014cee);border-radius:10px;margin:20px 0;}

.blackbg {background:url("/tpl/images/bg_top.jpg") no-repeat;background-size:100% 100%;height:150px;}

.teachrap {overflow:hidden;position:relative;margin-top:-50px;border-radius:10px;background:rgba(255,255,255,1);}
.teachrap .searchrap {overflow:hidden;position:relative;padding:10px 20px 0 20px;margin-bottom:20px;}
.teachrap .searchrap input {line-height:40px;border:0px;border-bottom:1px solid #ddd;padding:0 10px;background:none;width:100%;}
.teachrap .searchrap .iconfont {position:absolute;right:20px;display:block;line-height:40px;font-size:18px;top:10px;width:100px;text-align:right;cursor:pointer;}
.teachrap .isourse_teachul li {width:25%;}
.teachrap .isourset .more {float:left;}

.courserap {overflow:hidden;position:relative;margin-top:-50px;}
.courserap .b_left {float:left;width:260px;border-radius:10px;background:rgba(255,255,255,1);padding:30px;}
.courserap .b_left li.bt {font-size:18px;padding-bottom:10px;}
.courserap .b_left li.t {font-size:14px;padding-top:10px;}
.courserap .b_left li {font-size:14px;line-height:30px;cursor:pointer;}
.courserap .b_left li .iconfont {font-size:14px;color:#fff;display:inline-block;margin:0 10px 0 0;border:1px solid #666;width:16px;height:16px;line-height:16px;margin-top:6px;}
.courserap .b_left li.on .iconfont {border:1px solid blue;background:blue;}
.courserap .b_right {float:right;width:920px;border-radius:10px;background:rgba(255,255,255,1);padding:0px;}
.courserap .b_right .searchrap {overflow:hidden;position:relative;padding:10px 20px 0 20px;margin-bottom:20px;}
.courserap .b_right .searchrap input {line-height:40px;border:0px;border-bottom:1px solid #ddd;padding:0 10px;background:none;width:100%;}
.courserap .b_right .searchrap .iconfont {position:absolute;right:20px;display:block;line-height:40px;font-size:18px;top:10px;width:100px;text-align:right;cursor:pointer;}

.isourset {overflow:hidden;padding:20px;}
.isourset .more {float:right;}
.isourset .more a {color:#333;font-size:14px;}
.isourset .t {font-size:18px;padding-bottom:10px;}
.isourset .tag {font-size:12px;padding-bottom:0px;}

.isourseul {overflow:hidden;padding:0 10px 10px 10px;}
.isourseul li {float:left;width:33%;padding:10px;}
.isourseul li .cell {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.isourseul li .cell:hover {box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;}
.isourseul li .cell .pimg {height:150px;overflow:hidden;}
.isourseul li .cell .pname {line-height:24px;padding:10px;overflow:hidden;font-size:14px;font-weight:bold;}
.isourseul li .starinfo {overflow:hidden;padding:0 10px;}
.isourseul li .starinfo span {display:block;float:left;padding-right:5px;font-size:12px;color:#666;line-height:20px;}
.isourseul li .starinfo span.star {color:orange;}
.isourseul li .starinfo span.iconfont {padding-right:2px;}
.isourseul li .uinfo {overflow:hidden;padding:10px;}
.isourseul li .uinfo span {display:block;float:left;padding-right:5px;font-size:12px;color:#666;line-height:20px;}
.isourseul li .uinfo span img {width:20px;height:20px;border-radius:20px;}
.isourseul li .uinfo span.price {float:right;color:red;}

.isourse_teachul {overflow:hidden;padding:0 10px 10px 10px;}
.isourse_teachul li {float:left;width:33%;padding:10px;text-align:center;}
.isourse_teachul li .cell {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;padding:15px;}
.isourse_teachul li .cell:hover {box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;}
.isourse_teachul li .cell .icon img {height:50px;width:50px;border:1px solid #ddd;border-radius:50px;}
.isourse_teachul li a {color:#222;}
.isourse_teachul li .star {padding:10px 0 0 0;overflow:hidden;font-size:14px;}
.isourse_teachul li .starinfo {overflow:hidden;padding:0 10px;}
.isourse_teachul li .starinfo span {display:inline-block;padding:0 2px;font-size:12px;color:#666;}
.isourse_teachul li .starinfo span.star {color:orange;}
.isourse_teachul li .starinfo span.iconfont {padding-right:2px;}
.isourse_teachul li .nick {overflow:hidden;padding:10px;font-size:14px;font-weight:bold;}
.isourse_teachul li .ucount {overflow:hidden;font-size:12px;padding-bottom:10px;}
.isourse_teachul li .desc {overflow:hidden;font-size:12px;color:#666;padding-bottom:10px;line-height:20px;text-align:left;max-height:120px;}


.pages {text-align:center;padding:20px;margin-top:20px;border-top:1px solid #ddd;overflow:hidden;}
.pages a {display:inline-block;line-height:24px;padding:0 10px;background:#bbb;color:#fff;font-size:12px;}
.pages a.on {background:blue;}
.pages a:hover {background:blue;}

.courseinforap {background:#000;padding:20px;}
.gohead {color:#bbb;font-size:14px;padding-bottom:20px;}
.gohead a {color:#bbb;}
.courseinfo_big {overflow:hidden;}
.courseinfo_img {float:left;width:50%;padding-right:20px;}
.courseinfo_img img {border-radius:12px;}

.courseinfo_img .likezan {overflow:hidden;padding:10px 0 0px 0;}
.courseinfo_img .likezan .iconfont {display:inline-block;color:#fff;font-size:18px;margin-left:20px;cursor:pointer;}
.courseinfo_img .likezan .iconfont code {display:inline-block;color:#fff;font-size:18px;padding:0 20px 0 5px;display:inline-block;}
.courseinfo_img .likezan .iconfont.on {color:blue;}
.courseinfo_img .likezan .iconfont.on code {color:blue;}

.courseinfo_t {float:right;width:50%;padding-left:30px;color:#fff;}
.courseinfo_t h1 {font-size:20px;font-weight:normal;line-height:26px;padding:20px 0;}

ul.courseinfo_sul {overflow:hidden;padding:20px;background:#111;}
ul.courseinfo_sul li {float:left;text-align: center;line-height:28px;width:25%;font-size:18px;}
ul.courseinfo_sul li:first-child {color:orange;}
ul.courseinfo_sul li:first-child span {color:#bbb;}
ul.courseinfo_sul li:first-child span.star {color:orange;}
ul.courseinfo_sul li span {color:#bbb;font-size:14px;}

.courseinfo_price {overflow:hidden;padding-top:30px;line-height:40px;}
.courseinfo_price .price {float:left;color:#f45454;font-size:26px;}
.courseinfo_price .dobuy {float:right;background:#f45454;padding:0 30px;color:#fff;border-radius:6px;cursor:pointer;}

.courseinfo_main {overflow:hidden;}
.courseinfo_main .cm_left {float:left;width:920px;border-right:1px solid #ddd;padding-right:30px;}
.courseinfo_main .cm_right {float:right;width:260px;}

.ht {padding:20px 0;font-weight:bold;}
.ht .s {display:inline-block;font-weight:normal;font-size:12px;color:#666;padding-left:20px;}
.pdesc {font-size:13px;line-height:24px;}

.courseinfo_main  .teachinfo {overflow:hidden;padding-bottom:10px;}
.courseinfo_main  .teachinfo .img {float:left;padding-right:20px;}
.courseinfo_main  .teachinfo .img img {width:50px;hidden:50px;border-radius:50px;border:1px solid #eee;}
.courseinfo_main  .teachinfo .name {float:left;line-height:20px;padding:5px 20px 0 0;overflow:hidden;}
.courseinfo_main  .teachinfo .name .namecf {font-size:12px;}
.courseinfo_main  .teachinfo .tzan {float:left;background:blue;border-radius:30px;line-height:30px;padding:0 20px;color:#fff;margin:10px 0;}
.courseinfo_main  .teachinfo .tzan.on {background:orange;}

.courseinfo_main .cm_left .classlist {border:1px solid #ddd;padding:20px;}
.courseinfo_main .cm_left .classlist li {overflow:hidden;font-size:13px;line-height:20px;}
.courseinfo_main .cm_left .classlist li .iconfont {font-size:20px;padding-right:16px;}
.courseinfo_main .cm_left .classlist li .s{font-size:11px;color:#666;padding:10px 34px;}

.addmsg {overflow:hidden;position:relative;padding-bottom:20px;}
.addmsg input {line-height:40px;height:40px;border:0;background:#eee;padding:0 20px;width:100%;border-radius:4px;}
.addmsg .feedbackbtn {position:absolute;right:10px;line-height:30px;top:5px;background:blue;color:#fff;border-radius:10px;padding:0 20px;font-size:12px;cursor:pointer;}

.msglist {overflow:hidden;}
.msglist li {padding:0 0 15px 0;}
.msglist li .uinfo {overflow:hidden;font-size:12px;line-height:20px;}
.msglist li .uinfo .l {float:left;padding-right:15px;line-height:20px;}
.msglist li .uinfo .l img {height:16px;width:16px;border-radius:16px;display:block;float:left;line-height:16px;}
.msglist li .msg {font-size:12px;line-height:18px;color:#666;padding:10px 0;}


.isourseulright {overflow:hidden;}
.isourseulright li {padding:0 0 15px 0;}
.isourseulright li .cell .pimg {overflow:hidden;}
.isourseulright li .cell .pname {line-height:24px;height:24px;overflow:hidden;font-size:12px;color:#333;}
.isourseulright li .starinfo {overflow:hidden;}
.isourseulright li .starinfo span {display:block;float:left;padding-right:5px;font-size:12px;color:#666;line-height:20px;}
.isourseulright li .starinfo span.star {color:orange;}
.isourseulright li .starinfo span.iconfont {padding-right:2px;}
.isourseulright li .uinfo {overflow:hidden;}
.isourseulright li .uinfo span {display:block;float:left;padding-right:5px;font-size:12px;color:#666;line-height:20px;}
.isourseulright li .uinfo span img {width:20px;height:20px;border-radius:20px;}
.isourseulright li .uinfo span.price {float:right;color:red;}

.openrap {position:fixed;left:0;top:0;right:0;bottom:0;z-index:99999;}
.openrap_bg {position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.8);}
.openrap_main {position:absolute;background:#fff;width:550px;top:150px;min-height:360px;left:50%;margin-left:-275px;border-radius:12px;}
.openrap_t {line-height:40px;border-bottom:1px solid #ddd;padding:0 15px;font-size:13px;}
.openrap_t span {display:inline-block;float:right;cursor:pointer;}
.openrap_inputt {padding:10px 30px 0px 30px;font-size:12px;}
.openrap_input {padding:10px 30px;position:relative;}
.openrap_input span.r {position:absolute;right:40px;line-height:50px;color:blue;font-size:12px;cursor:pointer;}
.openrap_input input {line-height:50px;height:50px;border:0px;border-radius:6px;padding:0 10px;background:#ddd;width:100%;font-size:14px;}
.openrap_input select {line-height:50px;height:50px;border:0px;border-radius:6px;padding:0 10px;background:#ddd;width:100%;font-size:14px;}
.openrap_btn {padding:20px 30px;}
.openrap_btn span {display:block;background:#0282ed;line-height:50px;text-align:center;color:#fff;border-radius:6px;cursor:pointer;}


.openul {overflow:height;padding:15px;font-size:12px;}
.openul li {overflow:hidden;line-height:30px;text-align:right;}
.openul li code {float:left;}
.openul li .oprice {font-size:18px;font-weight:bold;color:red;}

.openbuyrap {margin:0 20px;border:1px solid #ddd;border-radius:12px;padding:20px;}
.openbuyrap_t {font-size:13px;font-weight:bold;padding-bottom:15px;}
.openbuyrap_payinfo {overflow:hidden;}
.openbuyrap_payimg {width:120px;height:120px;background:#eee;padding:10px;float:left;}
.openbuyrap_pdesc {float:right;width:320px;font-size:12px;color:#555;}
.openbuyrap_pline {position:relative;padding:5px 0;}
.openbuyrap_pline input {line-height:40px;height:40px;border:0px;border-radius:4px;padding:0 10px;background:#ddd;width:100%;font-size:12px;}
.openbuyrap span.btn {display:inline-block;position:absolute;right:10px;padding:0 15px;background:#333;top:10px;height:30px;line-height:30px;color:#fff;border-radius:20px;cursor:pointer;}
.open_payover {margin:10px 20px 20px 20px;height:40px;line-height:40px;background:blue;color:#fff;text-align:center;font-size:13px;border-radius:4px;cursor:pointer;}

.video_big {overflow:hidden;}
.video_play {float:left;width:960px;}
.video_sul {float:right;width:220px;float:right;color:#fff;background:#222;font-size:13px;}
.video_sul li {padding:5px 10px;border-bottom:1px solid #000;line-height:20px;cursor:pointer;}
.video_sul li .t {position:relative;padding-left:25px;}
.video_sul li .t .iconfont {font-size:20px;position:absolute;left:0px;}
.video_sul li .s {color:#666;font-size:12px;padding-left:25px;}

.video_sul li.on {color:blue;}

.bbsrap {overflow:hidden;padding:30px 0;}
.bbsrap_left {float:left;width:200px;}
.bbsrap_menu li {height:44px;padding:0 15px;line-height:44px;margin-bottom:15px;}
.bbsrap_menu li .iconfont {display:inline-block;float:left;font-size:20px;padding-right:15px;}
.bbsrap_menu li.on {background:#eee;border-radius:40px;}
.bbsrap_menu li a {color:#000;}

.bbsrap_addblog {float:right;width:980px;}
.bbsrap_addblog .editor {height:360px;}
.bbsrap_addblog .addrow {padding-bottom:15px;}
.bbsrap_addblog .addrow input {border:1px solid #ddd;background:none;border-radius:6px;padding:0 15px;line-height:44px;width:100%;}

.bbssubmit {margin:15px 0;overflow:hidden;}
.bbssubmit span {display:inline-block;float:right;background:#0282ed;color:#fff;border-radius:6px;padding:0 35px;line-height:44px;text-align:center;font-size:13px;cursor:pointer;}

.bbsrap_index {float:left;width:760px;padding-left:20px;}
.bbsrap_type {overflow:hidden;line-height:44px;border-bottom:1px solid #ddd;padding:0 20px;}
.bbsrap_type li {float:left;padding:0 20px;}
.bbsrap_type li a {color:#666;font-size:12px;}
.bbsrap_type li a.on {color:#111;font-size:16px;font-weight:bold;}

.bbsiul li {border-bottom:1px solid #eee;padding:20px 0;}
.bbsiul li .uinfo {overflow:hidden;}
.bbsiul li .uinfo .pimg {float:left;padding-right:15px;}
.bbsiul li .uinfo .pimg img {height:36px;width:36px;border-radius:36px;}
.bbsiul li .uinfo .pname {float:left;}
.bbsiul li .uinfo .pname span {display:block;color:#999;font-size:12px;}
.bbsiul li .uinfo .tzan {float:right;}
.bbsiul li .uinfo .tzan span {background:blue;border-radius:30px;line-height:30px;padding:0 20px;color:#fff;margin:10px 0;display:block;cursor:pointer;}
.bbsiul li .uinfo .tzan span.on {background:orange;}
.bbsiul li h3 {font-size:16px;line-height:22px;padding:0 0 15px 51px;}
.bbsiul li h3 a:hover {color:blue;}
.bbsiul li .blog_content {font-size:13px;line-height:22px;padding:0 0 10px 51px;}
.bbsiul li .blog_content a {color:blue;}
.bbsiul li .blog_content a:hover {color:orange;}

.bbsiul li .likezan {overflow:hidden;padding:0px 0 0px 51px;}
.bbsiul li .likezan .iconfont {display:inline-block;font-size:16px;margin-right:10px;cursor:pointer;}
.bbsiul li .likezan .iconfont code {display:inline-block;font-size:14px;padding:0 10px 0 5px;display:inline-block;}
.bbsiul li .likezan .iconfont.on {color:blue;}
.bbsiul li .likezan .iconfont.on code {color:blue;}
.bbsiul li .blog_pic {padding:0 0 10px 46px;overflow:hidden;}
.bbsiul li .blog_pic a {display:block;padding:5px;width:33.33%;float:left;overflow:hidden;max-height:200px;}

.bbsright_rap {float:right;width:200px;border:1px solid #ddd;border-radius:4px;padding:15px;}
.bbsright_rap .t {font-size:13px;padding-bottom:10px;}
.bbstag_ul li {padding:5px 0;font-size:12px;line-height:18px;}
.bbstag_ul li a {color:blue;}
.bbstag_ul li a:hover {color:orange;}

.bloguserrap .uiconrap {text-align:center;margin-top:-40px;padding-bottom:15px;}
.bloguserrap .uiconrap span {display:inline-block;width:82px;height:82px;border:1px solid #000;border-radius:60px;background:#fff;}
.bloguserrap .uiconrap img {width:80px;height:80px;border-radius:60px;}
.bloguserrap .unamerap {text-align:center;font-size:18px;font-weight:bold;padding:15px;}
.bloguserrap .unamerap span {display:inline-block;margin:0 5px;}
.bloguserrap .dozan {background:blue;padding:0 10px;border-radius:22px;color:#fff;font-size:12px;line-height:22px;cursor:pointer;}
.bloguserrap .dozan.on {background:orange;}

.bloguserrap .ucountrap {text-align:center;padding:10px;}
.bloguserrap .ucountrap span {display:inline-block;line-height:24px;font-size:13px;color:#666;padding:0px 50px;border-left:1px solid #ddd;}
.bloguserrap .ucountrap span code {color:#000;font-size:20px;display:block;font-weight:bold;}
.bloguserrap .ucountrap span:first-child {border:0;}

.bloguserrap .bbsiul li {border:1px solid #ddd;padding:20px 30px 20px 0;margin:20px 10px;border-radius:12px;}

.bloguserrap .bbsiul li .likezan .icon-shanchu {background:red;color:#fff;padding: 0 0 0 10px;border-radius: 22px;color: #fff;line-height: 22px;cursor: pointer;}
.bloguserrap .bbsiul li .likezan .icon-shanchu code {font-size: 12px;}

.userinforap {height:60px;margin:30px 0;overflow:hidden;}
.userinforap li {float:left;padding:0px 40px;border-left:1px solid #ddd;line-height:30px;font-size:13px;text-align:center;}
.userinforap li:first-child {padding:0px 40px 0 0;border-left:0px;}
.userinforap li img {height:60px;width:60px;border:1px solid #ddd;border-radius:60px;}
.userinforap li .uid {font-size:12px;color:#888;}
.userinforap li.r {float:right;padding:15px 0;border:0px;}
.userinforap li.r a {display:block;border:1px solid #ddd;padding:0 15px;border-radius:15px;overflow:hidden;}
.userinforap li.r a .iconfont {display:inline-block;float:right;padding-left:10px;}
.userinforap li a:hover {color:blue;}
.userinforap li .copyrel {cursor:pointer;}

.userbodyrap {overflow:hidden;}
.userbodyrap_left {float:left;padding-top:30px;width:200px;}

.showpop {cursor:pointer;}

.userbodyrap_right {float:right;width:960px;}
.mybalance {overflow:hidden;border:1px solid #ddd;border-radius:12px;padding:20px;margin-bottom:30px;}
.mybalance_total {float:left;line-height:40px;}
.mybalance_total .u {font-size:24px;font-weight:bold;}
.mybalance_total.rc {float:right;padding-left:50px;text-align:center;}
.mybalance_total.rc .t {font-size:13px;color:#bbb;}

.mybalance_golog {float:right;}
.mybalance_golog a {display:block;padding:30px 15px;border-radius:15px;overflow:hidden;}
.mybalance_golog .iconfont {display:inline-block;float:right;padding-left:10px;}

ul.symbolul {padding:20px 0;}
ul.symbolul li {overflow:hidden;line-height:40px;}
ul.symbolul li span {display:block;float:left;}
ul.symbolul li span.r {float:right;margin-left:20px;line-height:30px;border:1px solid #ddd;padding:0 25px;border-radius:20px;font-size:13px;}
ul.symbolul li span.iconfont {font-size:40px;color:green;padding-right:10px;}
ul.symbolul li span.r.pay {background:blue;border:1px solid blue;color:#fff;}
ul.symbolul li span.m {padding-left:30px;font-size:24px;font-weight:bold;}

.banklog {overflow:hidden;border:1px solid #ddd;border-radius:12px;padding:20px;margin-bottom:30px;}
ul.banklogul {padding:20px 0;}
ul.banklogul li {overflow:hidden;line-height:36px;padding:0 15px;}
ul.banklogul li span {display:block;float:left;font-size:12px;width:10%;padding:0 0 0 10px;}
ul.banklogul li span.date {width:15%;}
ul.banklogul li span.num {width:15%;}
ul.banklogul li span.desc {width:50%;}
ul.banklogul li.t {color:#666;background:#eee;}
ul.banklogul li span.linkdate {width:80%;text-align:right;}

.linkrap {overflow:hidden;padding-top:30px;position:relative;padding-left:200px;}
.linkercode {position:absolute;left:0;top:30px;padding:6px 6px 2px 6px;overflow:hidden;background:#ddd;}
.linkercode .showqrcode {}
.linkrap .t {font-size:13px;}
.linkrap .openrap_input {padding:10px 0 20px 0;}

.myclassul {padding:20px 0;}
.myclassul li {overflow:hidden;padding-bottom:15px;}
.myclassul li span {display:block;float:left;}
.myclassul li .img {width:120px;padding-right:20px;height:60px;overflow:hidden;}
.myclassul li .name  {line-height:25px;padding:5px;}
.myclassul li .name .n {display:block;}
.myclassul li .name .m {display:inline-block;font-size:20px;color:orange;padding-right:20px;}
.myclassul li .name .d {display:inline-block;color:#bbb;font-size:12px;padding-right:20px;}
.myclassul li .r {float:right;line-height:60px;}
.myclassul li .icon {padding:5px 15px 0 0 ;}
.myclassul li .icon img {height:50px;width:50px;border-radius:50px;border:1px solid #ddd;}

li.nolist {background:#eee;text-align:center;padding:30px;border-top:1px solid #fff;}

ul.chooseul {overflow:hidden;border-bottom:1px solid #ddd;padding:0 15px;}
ul.chooseul li {float:left;margin:0 15px;font-size:13px;cursor:pointer;line-height:36px;}
ul.chooseul li.on {border-bottom:2px solid blue;}

.inforap {margin-top:-50px;border-radius:12px;background:#fff;padding:20px 50px;}
.inforap h1 {font-size:18px;padding-bottom:30px;}
.inforap .content {line-height:24px;}
.inforap .content p {padding-bottom:10px;}

.bottomrap {margin-top:20px;border-top:1px solid #eee;padding-top:20px;overflow:hidden;}
.bottomrap .bdesc {float:left;}
.bottomrap .bdesc img {height:30px;}
.bottomrap .bdesc .desc {font-size:12px;color:#333;line-height:20px;width:500px;}
.bottomrap ul.link {float:right;}
.bottomrap ul.link li.t {font-weight:bold;padding-bottom:10px;font-size:13px;}
.bottomrap ul.link li {line-height:30px;font-size:12px;}
.bottomrap ul.link li .iconfont {float:left;display:block;width:40px;text-align:center;font-size:18px;}
.copyright {text-align:left;padding:20px 0;font-size:12px;color:#555;}




.bannerrap {background:#000;height:520px;}
.bannerrap .itme img {width:1200px;height:520px;}
.owl-controls {position:absolute;bottom:-30px;left:10px;right:10px;z-index:99999;}
.owl-pagination {text-align:center;}
.owl-pagination img {max-width:100%;}
.owl-pagination .owl-page {display:inline-block;width:160px;height:80px;overflow:hidden;border-radius:12px;margin:0 8px;border:1px solid #666;}
.owl-pagination .owl-page img {min-height:100px;}
.owl-pagination .owl-page.active {border:1px solid #fff;box-shadow:#000 0px 8px 24px;}
.owl-buttons {position:absolute;left:10px;right:10px;bottom:60px;}
.owl-buttons .owl-prev {position:absolute;left:0px;width:20px;height:20px;color:#fff;font-size:30px;line-height:30px;}
.owl-buttons .owl-next {position:absolute;right:0px;}

.clubrap {padding:100px 0 20px 0;text-align:center;}
.clubrap h2 {font-size:26px;line-height:30px;padding-bottom:10px;}
.clubrap p {font-size:20px;line-height:30px;padding-bottom:10px;}
.clubrap span {font-size:14px;line-height:30px;color:#666;}

.indexreamrap {background:#000 url('/tpl/images/bg_login.jpg') no-repeat;background-size:100% 100%;}
.indexreamrap .title {padding:50px;text-align:center;color:#fff;}
.indexreamrap .title h2 {font-size:26px;line-height:30px;padding-bottom:20px;}
.indexreamrap .title p {color:#bbb;}

.indexreamrap .teamul {overflow:hidden;color:#fff;}
.indexreamrap .teamul .teamli {float:left;width:33.33%;position:relative;}
.indexreamrap .teamul .teamli .num {position:absolute;left:20px;top:20px;font-size:30px;line-height:30px;}
.indexreamrap .teamul .teamli .img {height:400px;overflow:hidden;}
.indexreamrap .teamul .teamli .img  img {width:100%;}
.indexreamrap .teamul .teamli .t {padding:15px;font-size:20px;}
.indexreamrap .teamul .teamli .d {padding:0 15px 40px 15px;font-size:13px;color:#bbb;line-height:22px;}

.snsrap .title {padding:50px;text-align:center;color:#222;}
.snsrap .title h2 {font-size:26px;line-height:30px;padding-bottom:20px;}
.snsrap .title p {color:#888;}
.snsrap .snsul {overflow:hidden;}
.snsrap .snsulimg {float:right;width:50%;padding-left:20px;}
.snsrap .snsulimg img {border-radius:12px;}
.snsrap .snsli .t {font-size:22px;color:#666;padding-bottom:10px;cursor:position;}
.snsrap .snsli .t.live {color:#000;}
.snsrap .snsli .d {font-size:13px;color:#333;padding:0 20px 20px 0;}

.snsrap .ifourul {overflow:hidden;color:#222;}
.snsrap .ifourul .ifourli {float:left;width:33.33%;position:relative;padding:0 10px;}
.snsrap .ifourul .ifourli .img {height:260px;overflow:hidden;}
.snsrap .ifourul .ifourli .img  img {width:100%;}
.snsrap .ifourul .ifourli .t {padding:15px;font-size:20px;}
.snsrap .ifourul .ifourli .d {padding:0 15px 40px 15px;font-size:13px;color:#bbb;line-height:22px;}

.indexlink {background:#000 url('/tpl/images/bgbb.jpg') no-repeat;background-size:100% 100%;padding:80px;text-align:center;color:#fff;}
.indexlink h2 {padding-bottom:30px;}
.indexlink p {padding-bottom:30px;font-size:13px;}
.indexlink a {display:inline-block;line-height:40px;padding:0 30px;border-radius:30px;background:#fff;}