/***
@author:yangixan
@design:suncheng
@update:2014-06-27
***/
html,body,div,h1,h2,h3,h4,h5,h6,p,span,em,cite,del,a,img,ul,li,ol,dl,dt,dd,fieldset,legend,form,input,button,textarea,header,section,footer,article,nav,aside,address,menu,figure,figcaption{margin:0;padding:0;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em{font-style: normal;}
fieldset,img{border:0}
ul{list-style:none}
mark{background-color:transparent;color:inherit;}
header,section,footer,article,nav,aside,address,menu{display:block}
html,body{width:100%;height:100%;}
body{text-align:left;font:20px/1.5 Helvetica,Tahoma,Arial,\534E\6587\7EC6\9ED1,\5FAE\8F6F\96C5\9ED1,sans-serif;color:#000000;overflow-x:hidden; background:#f5f5f5;}
a{text-decoration:none;color:#1e68b3;outline:none}
a,button,button:active{-webkit-tap-highlight-color:rgba(0,0,0,0)}

.wrap{padding:1em; font-family:\5FAE\8F6F\96C5\9ED1;  }
.cont_box{ background:#fff;}
.log_area { background:#fafafa; background:-moz-linear-gradient(top, #dddddd 1%, #fefefe 8%, #f0f0f0); background:-webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#fefefe), color-stop(0.1, #fefefe), color-stop(0.8, #f0f0f0)); border:#cacaca solid 1px; border-top:none; box-shadow:#8b8b8b 0 4px 3px; text-align:center; padding:2.22rem 1.78rem;}
.log_area h2{ font-size:1.48rem; color:#323232;}
.log_area p{ color:#646464; font-size:0.89rem; margin:0.3rem auto 0;}
.log_box{ margin-top:1.67rem; text-align:left;}
.log_box li{  height:2.74rem; margin-bottom:0.7rem; position:relative;}
.ip{ border:#c8c8c8 solid 1px; border-radius:6px; box-shadow:inset 0 4px 5px #dfdfdf;  width:96%; padding:0 2%; height:2.74rem;background:#ffffff; font:normal 0.89rem/2.74rem \5FAE\8F6F\96C5\9ED1; line-height:1;}
.ip1{ width:65%;}
.code{ position:absolute; right:0; top:0; width:25%; height:2.5rem; display:block;}
.code img{ width:100%; height:100%;}
.log_btn{ background:#508cf3; border-radius:6px; display:block; width:100%; text-align:center; color:#ffffff; font-size:1.11rem; height:2.74rem; line-height:2.74rem; margin-top:0.86rem;}

.cont{ padding:5.93rem 0; text-align:center; width:16.2rem; margin:0 auto;}
.cont h2{ color:#323232; font-size:1.78rem;}
.line{ height:1px; background:#999999; position:relative; margin:1rem 0; width:96%;}
.line .star{ background:url(../img/star.png) no-repeat #f5f5f5;  display:block; width:39px; height:25px; position:absolute; left:50%; margin-left:-20px; top:-12px;}
.vip_img{ width:5.85rem; height:5.11rem; margin:1.1rem auto;}
.vip_img img{ width:100%;}
.suc_tip{ color:#646464; font-size:0.89rem;}
.back_tip{ color:#646464; font-size:0.67rem;}


.cont_wp{ border:#ccc solid 1px; background:#fff; padding:0 1rem;}
.cont_wp .info:first-child{ border-top:none;}
.info{ border-top:#ccc solid 1px; padding:1.7rem 0; }
.info dt{ font-size:1.3rem; font-weight:bold; margin-bottom:0.9rem;}
.info dd{ font-size:0.8rem; line-height:1.2rem;}

.btn_w{ margin-top:1rem;}
.btn01{ background:#c80000; display:block; height:3rem; text-align:center; color:#fff; line-height:3rem; font-size:1.2rem;}

.rec_list_tb{ text-align:center; font-size:0.8rem;}
.rec_list_tb th{ border-bottom:#ccc solid 1px;  border-top:#ccc solid 1px; padding:0.5rem 0;}
.rec_list_tb th span{ border-right:#ccc solid 1px; display:block;}
.rec_list_tb td{ line-height:1.8rem;}
.c_1{ width:30%;}
.c_2{ width:30%;}
.c_3{ width:40%;}

.pop_layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.7);display: none}
.pop_box{width:75%;margin:10% auto;position:relative;border-radius:1rem;background:#fff; padding:1rem;}
.p_tit{ text-align:center; font-size:1.2rem; font-weight:bold; margin-bottom:1rem;}
.pop_cont{ padding-bottom:5.3rem; font-size:0.8rem; line-height:1.2rem;}
.pop_cont li{ text-indent:-1rem; padding-left:1rem;}
.pop_cont .tips{ font-size:1.2rem; text-align:center; margin-top:2rem;}
.p_btn{ border-top:#d1d1d1 solid 1px; position:absolute; bottom:0; left:0; width:100%; height:3.4rem;}
.p_btn a{height:3.4rem; text-align:center; line-height:3.4rem; color:#c80000; font-weight:bold;}
.p_btn .btn02{ display:inline-block; width:49%; }
.p_btn .btn03{ display:block;}
.p_btn .btn02:first-child{ border-right:#d1d1d1 solid 1px;}
/* for 800 px width screen */
@media only screen and (min-width:720px) and (max-width:800px){
body{font-size:33px}
}
/* for 720 px width screen */
@media only screen and (min-width:641px) and (max-width:720px){
body{font-size:30px}
} 
/* for 640 px width screen */
@media only screen and (max-device-width:640px),only screen and (max-width:640px){
body{font-size:27px}
} 
/* for 540 px width screen */
@media only screen and (max-device-width:540px),only screen and (max-width:540px){
body{font-size:22.5px}
} 
/* for 480 px width screen */
@media only screen and (max-device-width:480px),only screen and (max-width:480px){
body{font-size:20px}
}
/* for 320 px width screen */
@media only screen and (max-device-width:320px),only screen and (max-width:320px){
body{font-size:13.5px}
}