/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin:0; padding:0; }
body{overflow-x:hidden; margin: 0;}
fieldset, img { border:none;}
address, caption, cite, code, dfn, th, var{ font-style:normal; font-weight:normal; }
ul, ol {list-style:none; }
a:link, a:visited {color: #FFFFFF; text-decoration: none;}
a {text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);}

.W50{width: 50px;}
.W70{width: 70px;}
.W80{width: 80px;}
.W100{width: 100px;}
.W120{width: 120px;}
.W220{width: 220px;}
.W360{width: 360px;}
.W90P{width: 90%;}
.W100P{width: 100%;}
.H10{height: 10px;}
.H40{height: 40px !important;}
.H50{height: 50px !important;}
.H500{height: 500px;}
.H650{height: 650px;}
.PA{position: absolute;}
.FL{float:left;}
.FR{float: right;}
.TL{text-align: left;}
.TC{text-align: center !important;}
.TR{text-align: right;}
.DN{display: none;}
.DIB{display: inline-block;}
.R10{right: 10px;}
.MT10{margin-top:10px !important;}
.MTB10{margin-top:10px;margin-bottom:10px;}
.MT20{margin-top:20px}
.ML10{margin-left:10px !important;}
.ML20{margin-left:20px}
.ML30{margin-left:30px}
.PT5{padding-top:5px}
.PT10{padding-top:10px}
.PT20{padding-top:20px}
.PD10{padding: 10px;}
.PLR10{padding-left:10px;padding-right:10px;}
.PR60{padding-right:60px}
.BR50{border-radius: 50%;}
.LH120P{line-height: 120%;}
.FS14{font-size: 14px;}
.CFFFFFF{color: #FFFFFF;}
.CFF0000{color: #FF0000;}
.C575757{color: #575757;}
.C999999{color: #999999;}
.BCDEDEDE{background: #DEDEDE !important;}
.BCCCCCCC{background: #CCCCCC !important;}
.BC41A358{background: #41A358 !important;}

.CB{clear: both;}
.CH{cursor: pointer;}
.OFC{object-fit: cover;}

.outside {width: 100%; margin: 0 auto;}
.outside_content {text-align: center; }

@media screen and (min-width: 900px) {
    .xuyuan_button {float: right; margin-top: 10px; margin-right: 10px;}
    .xuyuan {display: none; position: fixed; z-index: 200; width: 700px; top: 20%; left: calc(50% - 365px); padding: 30px 15px; border-radius: 10px;  background-color: rgba(0,0,0,0.8)}
}
@media screen and (max-width: 900px) {
    .xuyuan_button {float: right; margin-top: 10px; margin-right: 10px; padding: 0 10px !important; height: 25px !important; line-height: 25px !important;}
    .xuyuan {display: none; position: fixed; z-index: 200; width: 330px; top: 20%; left: calc(50% - 180px); padding: 30px 15px; border-radius: 10px;  background-color: rgba(0,0,0,0.8)}
}

.index_body {width: 1400px; height: 1100px; background: url('../images/tree_pc.jpg') no-repeat; display:flex; flex-wrap:wrap; overflow: hidden;}
.tiao_index {background: url('../images/body0.png') no-repeat; background-size: 100% 100%; float: left; margin-right: 8px;}
.tiao_body_index {font-size: 12px; transform: scale(0.9);}
.tiao_foot_index {background: url('../images/foot0.png') no-repeat; background-size: 100% 100%;}
.index_body_mobile {width: 100%; height: 800px;  background: url('../images/tree.jpg') center center no-repeat; background-size: 100% 100%; display:flex; flex-wrap:wrap; overflow: hidden;}
.index_body_mobile_tiao {width: 100%; height: 520px; display:flex; flex-wrap:wrap; overflow: hidden;}
.vindex{width:20px; display:inline-block;/*filter:glow(color=white,strength=1);*/cursor:hand;}
.vindex4{width:20px; display:inline-block; line-height:13px; /*filter:glow(color=white,strength=1);*/cursor:hand;}
.lei_text{font-family:'楷体_GB2312';font-size:25px;font-weight:bold;color:#FFFFFF;}

.pay_left{width: 750px; height: 200px; float: left; text-align: center; padding-top: 150px;}
.pay_button{padding: 20px 0 5px;}
.pay_button img{border:#999 1px solid; border-radius: 5px; margin: 0 5px;}
.pay_right{width: 640px; float: right; padding-top: 60px;}

.pay_mobile_text{width: 100%; height: 200px; text-align: center; padding-top: 10px;}
.pay_mobile_view{width: 100%; padding-top: 60px;}

.select_text{vertical-align: super;}
.select_color{display: inline-block;}
.message_text{height: 160px; vertical-align: middle; display: inline-block;}

.select_color>a>div{float: left; margin-left: 2px;}

.wxpaybg {width: 500px; height: 680px; position: fixed; left:calc(50% - 250px); top:20px; background: url("../images/wxpay.jpg")}
.wxpaybg .close {float: right;}
.wxpaybg .qrcode {margin-left:150px; margin-top: 218px;}
.wxpaybg .text {margin-left:140px; margin-top: 18px; width: 220px; text-align: center;}

.bottom,.copyright { height: 15px; line-height: 15px; font-size: 12px;text-align: center; vertical-align: middle;}
.copyright {position:absolute; bottom: 0;}

.index_table{width:100%;font-size:12px;border-collapse:collapse;border-spacing:0}
.index_table th{height:40px;line-height:40px;font-size:14px;}
.index_table tr{height:20px;line-height:20px;}
.index_table td{padding:2px 4px;position:relative;}
.index_table tr:first-child{background:#EEEEEE !important;}
.index_table tr:nth-child(even){background:#FEFEFE;}
.index_table tr:nth-child(odd){background:#F8F8F8;}
.index_table td .inner_btn{color:#FF99FF;}
.index_table td .grey_btn{color:#999999;}
.index_table td .red_btn{color:red;}
.index_table td .orange_btn{color:#FFA500;}
.index_table td .cut_title{width:265px;}
.index_table td .link_icon{font-size:24px;font-family:'adminthemesregular';color:#19a97b;}
.index_table2 td:first-child {border-left: 1px #DEDEDE dashed;}
.index_table2 td {border-right: 1px #DEDEDE dashed;}

/*分页*/
.pagelist a{padding:5px 4px; margin:2px 1px; border:#eee 1px solid; color:#999; background:#FFF; text-decoration:none}
.pagelist a:hover {border:#999 1px solid; color:#666;}
.pagelist a:active {border:#999 1px solid; color:#666;}
.pagelist .current {padding:5px 4px; border:#A5A5A5 1px solid; background:#E3E3E3; font-weight:bold; color:#000000; margin:2px 1px;}
.pagelist .disabled {border:#dedede 1px solid; padding:5px 4px; margin:2px 1px; color:#999; background:#FFF;}
.pagelist .table .tr .form .td a{height:22px; margin:0; border:0 !important;} 
.pagelist .pageinfo{border:#dedede 1px solid; padding:5px 4px; margin:2px 1px; color:#999; }

/*分页*/
 
.pagebreak  {FONT-SIZE: 12px;COLOR: #dddddd;margin-top: 10px; margin-bottom: 20px; float: left; line-height:22px;width: 603px; text-align: center;}
.pagebreak ul {list-style-type: none;margin: 0px; padding: 0px;}
.pagebreak .current {padding:3px 5px; border: 1px solid #CCC;color: #036;background-color: #CCC;}
.pagebreak li   {BORDER-RIGHT: #dddddd 1px solid;  padding:3px 5px; BORDER-TOP: #dddddd 1px solid;   BACKGROUND: #fff; FLOAT: left;  MARGIN: 3px; BORDER-LEFT: #dddddd 1px solid; COLOR: #aaaaaa;   BORDER-BOTTOM: #dddddd 1px solid; LIST-STYLE-TYPE: none}
.pagebreak a {COLOR: #aaaaaa; margin-top: 0px; margin-right: 2px;margin-bottom: 0px;margin-left: 2px;}
.pagebreak .thisclass{BORDER-RIGHT: #e0e0e0 1px solid; BORDER-TOP: #e0e0e0 1px solid; FONT-WEIGHT: bold; BACKGROUND: #f0f0f0; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #ff0084; BORDER-BOTTOM: #e0e0e0 1px solid}
.pagebreak .thisclass a   {COLOR: #ff0084}

/*loading*/
.loading_area, .message_success_area, .message_error_area{display:none; background:rgba(0,0,0,0.55);position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;z-index:999;}
.loading_cont, .message_success_cont, .message_error_cont{overflow:hidden; border-radius:10px; width:150px; height: 50px; margin: 25% auto; padding: 20px; line-height: 25px; background-color:rgba(255,255,255,0.75)}
@-webkit-keyframes loading_icon{0%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
    50%{transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}
    100%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
}
@-moz-keyframes loading_icon{0%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
    50%{transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}
    100%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
}
.message_success_icon span:before{content:"\2611"; font-family:'adminthemesregular'; color: #19a97b; font-size:1rem; }
.message_error_icon span:before{content:"\2612"; font-family:'adminthemesregular'; color: #FF0000; font-size:1rem; }
.loading_icon i{display:inline-block;width:4px;height:20px;border-radius:2px;background:#19a97b;margin:0 2px}
.loading_icon i:nth-child(1){-webkit-animation:loading_icon 1s ease-in .1s infinite;-moz-animation:loading_icon 1s ease-in .1s infinite;animation:loading_icon 1s ease-in .1s infinite}
.loading_icon i:nth-child(2){-webkit-animation:loading_icon 1s ease-in .2s infinite;-moz-animation:loading_icon 1s ease-in .2s infinite;animation:loading_icon 1s ease-in .2s infinite}
.loading_icon i:nth-child(3){-webkit-animation:loading_icon 1s ease-in .3s infinite;-moz-animation:loading_icon 1s ease-in .3s infinite;animation:loading_icon 1s ease-in .3s infinite}
.loading_icon i:nth-child(4){-webkit-animation:loading_icon 1s ease-in .4s infinite;-moz-animation:loading_icon 1s ease-in .4s infinite;animation:loading_icon 1s ease-in .4s infinite}
.loading_icon i:nth-child(5){-webkit-animation:loading_icon 1s ease-in .5s infinite;-moz-animation:loading_icon 1s ease-in .5s infinite;animation:loading_icon 1s ease-in .5s infinite}
.loading_txt mark, .message_error_txt mark{background:none;font-size:16px;color:red;}
.loading_txt mark, .message_success_txt mark{color:#19a97b;}
.message_error_txt mark{color:#FF0000;}