@charset "utf-8";/* RosePHP CSS ## css创建日期：2019-02-24 ## css创建人：luoye */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track-piece{background-color:#E6E6E6;}
::-webkit-scrollbar-thumb:vertical{height:7px;background-color:rgba(0,0,0,0.17);}
::-webkit-scrollbar-thumb:horizontal{ width:7px;background-color:rgba(0,0,0,0.17);}
html,body{padding:0;margin:0; font-size: 16px; font-family:"Microsoft YaHei"; background: #fff;color:#333333;}
body{overflow-y: scroll;}
*{-weibkit-touch-callout:none;}
a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{color:#7F7F7F; text-decoration: none;}
a:hover{color:#E1BA87;}
div{margin: 0 auto;}
h1,h2,h3,h4,h5,h6,ul,dl,p,ol{margin:0;padding:0;}
li,dt,dd{padding:0;margin: 0; list-style: none;}
img{border:none;}
.hide{display: none;}
input::-webkit-input-placeholder {color:#ccc;}


.cw {width:1124px; margin: 0 auto; overflow: hidden;min-width:1124px;padding: 0 10px; box-sizing: border-box;}

.footer{border-top:#E7E7E7 1px solid; height:100px; text-align: center; background: #F7F7F7;min-width:1124px;}
.footer p{line-height: 30px;padding:20px 0 0 0; font-size: 14px;color:#999}

.header { background: #F7F7F7;overflow: hidden;min-width:1124px;}
.h_top{overflow: hidden;padding:20px 0 20px 10px}
.logo{float:left;}
.logo img{height:47px;}
.regcase{float: right;padding:16px 0 0 0}
.regcase a{display: inline-block;padding:0 10px; } 
.regcase span{color:#ccc}

.menu{height:50px; background: #E7E7E7}
.menu ul{ text-align: center;}
.menu li{ display: inline-block;height:50px; line-height:50px; font-weight: bold;font-size: 18px;}
.menu li a{display: block;padding:0 50px;}
.menu li.active, .menu li.active:hover{background:#DCCCB7}
.menu li.active a{color:#9E7849}
.menu li:hover{background: #D6D6D6}
.menu li:hover a{color: #9E7849}

.bodyer{padding:40px 0; min-height: 650px}
h2{font-size:36px; text-align: center; color:#7F7F7F;padding:0 0}
.search{padding:30px 0 0 0; text-align: center; position: relative;}
.search input{border:3px #DCCCB7 solid; font-size: 18px;width:40%; background: #fff; height:50px;  outline: none;padding:0 100px 0 20px}
.search a{border:3px #DCCCB7 solid;height:50px; display: inline-block;width:50px; position:absolute; left:50%;margin:0 0 0 196px; background:#E7E7E7;width:90px; font-weight: bold;  line-height: 50px; font-size: 18px;}
.search a:hover{ background:#e3e2e2;color:#A57849; }
.total{ text-align: center;padding:14px 0 20px 0; font-size: 14px; color:#ccc;}

table{border:0;border-right:1px solid #DCCCB7;border-bottom:1px solid #DCCCB7;margin:0;border-collapse:collapse;border-spacing:0;width:100%;} 
table td{border-left:1px solid #DCCCB7;border-top:1px solid #DCCCB7;padding:8px; text-align: center; font-size: 14px; line-height: 26px;} 
table thead{border-left:1px solid #DCCCB7;border-top:1px solid #DCCCB7;padding:8px; text-align: center; font-size: 14px;} 
table td.bgcolor{ background-color: #F6DDC4;}
table td.inputcolor{ background-color: #FFF3E7;}
table thead td{background-color: #faf4ec;font-weight: bold;}
table input[type="text"]{width:100%; font-size: 16px; border:0; background: transparent;}

table tbody tr:nth-child(3n+3){background:#FbFbFb;}
table tbody td:nth-child(3):before{content:'';background:#7F7F7F; border:1px #333 solid; height:12px;width:12px; display: inline-block; border-radius: 50%;margin:0 5px -2px 0;}
table tbody td:nth-child(4):before{content:'';background:#fff; border:1px #7F7F7F solid; height:12px;width:12px; display: inline-block; border-radius: 50%;margin:0 5px -2px 0;}

table tbody .nonelist td{height:200px; font-size: 16px;color:#999}
table tbody .nonelist td b{color:#DEAF71}

.showbtn{display: inline-block;width:50px;height:22px; line-height: 22px; border:1px #DCCCB7 solid; border-radius:26px; background: #E7E7E7;color:#7F7F7F;}
.showbtn:hover{color:#A57849; background: #E3E2E2}


/*pages style*/
.pages{padding:50px 0;width:100%; text-align: center;}
.pages a{display:inline-block;padding:4px 12px; font-weight: bold; font-size:16px;background:#f6f6f6;text-decoration:none;margin:0 10px;overflow:hidden;border: 3px solid #DCCCB7;}
.pages a:hover{background:#DCCCB7;border-color:#DCCCB7;color:#fff;}
.pages a.active,.pages a.active:hover{color:#fff;background:#DCCCB7;border-color:#DCCCB7;}
.pages .pagePoint,.pages .pagePoint:hover{background:none;color:#5d5d5d;border-color:#f1f1f1;}
.pages a.page_up,.pages a.page_down{}


.cl_case{overflow: hidden;padding:30px 0 0 0}
.cl_left_c{float: left; overflow: hidden;width:300px;height:660px; box-sizing: border-box;border:1px #DCCCB7 solid; background: #fefefe}
.cl_left_c ul{height:500px;  overflow-y:auto;-webkit-overflow-scrolling : touch;}
.cl_left_c h3{font-weight: bold; font-size: 18px; color:#9E7849;margin-bottom: 10px;padding:20px 0 0 16px;}
.cl_left_c li{border-bottom:1px #f1f1f1 dashed;position: relative; overflow: hidden;padding:10px 16px;}
.cl_left_c li:hover{ background: #F7F7F7}
.cl_left_c li a{display: block;}
.cl_left_c .rs{float:right;margin: 17px 10px 0 0; color:#DEAF71; font-style: normal; font-weight: bold; font-size: 14px;}
.cl_left_c .cl_player{float:left;font-size: 12px;padding:6px 0 0 0;color:#999}
.cl_left_c .cl_p_b{display: block;padding:3px 0}
.cl_left_c .cl_p_b:before{content:'';background:#444; border:1px #333 solid; height:12px;width:12px; display: inline-block; border-radius: 50%;margin:0 5px -2px 0;}
.cl_left_c .cl_p_w:before{content:'';background:#fff; border:1px #7F7F7F solid; height:12px;width:12px; display: inline-block; border-radius: 50%;margin:0 5px -2px 0;}
.cl_left_c .cl_p_w{display: block;padding:2px 0}

.upload_container{text-align: center;padding:20px 0 0 0; border-top:1px #DCCCB7 solid; position: relative;}
.upload_container a{display: inline-block;width:200px;height:60px; line-height: 60px; font-size: 22px; color:#fff; background: #DEAF71}
.upload_btn input[type='file'] {position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;filter:alpha(opacity=0);cursor: pointer;}
.upload_btn:hover {background: #9E7849;color:#fff;text-decoration: none;}



.cl_mid_c{float:left;width:600px;height:660px;}
.board{ background:#fafafa url(/static/images/share/board_bg.jpg) no-repeat; background-size: 100%; height:580px;width:580px;}
.cl_right_c{float: right;width:200px;height:660px;  text-align: center;}

.lt_topcase{ border:1px #DCCCB7 solid; position: relative;height:278px;background:#F8F3EB;}
.mid_topcase{ border-left:1px #DCCCB7 solid;border-right:1px #DCCCB7 solid; position: relative;height:100px; background: #fff;}
.rt_topcase{ border:1px #DCCCB7 solid; position: relative;height:278px;background:#F8F3EB;}

.face{width:80px;height:80px; border:1px #ccc solid; border-radius: 100%; position: absolute; position:absolute;left:60px;top:40px;}
.stone_b, .stone_w{display: inline-block;width:26px;height:26px; border-radius: 100%; background: #fff; border:1px #7F7F7F solid; position: absolute;top:16px;left:16px;}
.stone_b{background: #444;border:1px #222 solid;}
.w_dan, .b_dan{display: inline-block;width:70px; height:22px; line-height:22px; left:66px;color:#DEAF71; border:1px #DCCCB7 solid;top:180px; position: absolute; background: #F7F7F7; font-size:14px;}
.player_w, .player_b{position: absolute;top:140px; font-weight: bold;left:0;width:100%;}
.w_capture, .b_capture{bottom:40px; position: absolute; width:100%;left:0; font-size:14px;}

.winState{ line-height: 100px; font-style: normal; font-weight: bold;}



canvas{display: block}

.boardCtr{padding:0 10px;}
.ctrbars{height:78px; background: #F7F7F7;overflow: hidden;border:1px #DCCCB7 solid;}
.ctrbars:before{content:''; border-left:1px #ccc solid;height:30px;float:left;position: relative;left:80px;top:25px}
.ctrbars:after{content:''; border-left:1px #ccc solid;height:30px;float:left;position: relative;left:-395px;top:25px}
.markBtn{float:left;height:60px; line-height: 60px;width:80px; text-align: center; font-size: 16px; margin:10px 0 0 0;color:#9E7849;}
.favBtn{float:left;height:60px; line-height: 60px;width:80px; text-align: center; font-size: 16px; margin:10px 0 0 0;color:#9E7849;}
.rangArea{ float:left;height:60px;padding:0 40px 0 30px;}
input[type=range]{cursor: pointer;float:left;-webkit-appearance: none;width:220px;height:8px;margin:37px 0 0 0; border-radius: 8px; background:linear-gradient(to right, #DEAF71, #DEAF71 50%, #ccc, #ccc 50%); background-clip:content-box}
input[type=range]::-webkit-slider-runnable-track {height:18px;border-radius:18px;}
input[type=range]:focus {outline: none;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;border:0;height:30px;width:30px;margin-top:-6px;background: #DEAF71;border-radius: 50%;}

.prevBtn,.nextBtn{float:left;margin-top:26px;width:30px;height:30px;background: url(/static/images/nextbtns.png) no-repeat center center; background-size: 30px 40px;}
.currentNum{float:left;margin-top:26px; line-height:30px; text-align: center;width:50px;color:#333}
.prevBtn{transform:rotate(180deg);-webkit-transform:rotate(180deg);}


/*登录注册*/
.layerbg, .layers, .login_layer,.reg_layer{display: none}
.layerbg{position: fixed;top:0;bottom:0;left:0;right: 0;z-index: 777; background: rgba(0,0,0,0.92)}
.layers{position: absolute;z-index:888;top:50%;left:50%;margin:-175px 0 0 -280px;width:560px;height:350px; background: #fff;border:3px #ccc solid}
.close_layer{position: absolute;right:10px;top:10px;height:24px;width:24px;text-indent: -100px; overflow: hidden; background: url(/static/images/close.png) no-repeat; background-size: 100%;}
.layer_cons{padding:30px 50px;}
.layer_cons ul{}
.layer_cons li{padding:8px 0; overflow: hidden;}
.layer_cons li.lay_tit{text-align: center; font-weight: bold; font-size: 30px;padding:0 0 18px 0}
.lay_tips{font-size: 14px; text-align: center; color:red}
.layer_cons li label{float:left;width:160px; text-align: right;height:30px; line-height: 30px;}
.layer_cons li input{float:left;width:200px; border:1px #ccc solid;height:30px; line-height: 30px;padding:0 6px; outline: none}
.layer_cons li a.submit{display: inline-block;width:140px;height:40px; font-size: 18px; text-align: center; line-height: 40px;color:#fff; letter-spacing: 4px;margin:0 0 0 160px; background: #DEAF71;}