/***
@author:yangixan
@design:suncheng
@update:2013-12-23
***/
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;}
fieldset,img{border:0}
ul{list-style:none}
mark{background-color:transparent;color:inherit;}
header,section,footer,article,nav,aside,address,menu{display:block}
body{text-align:left;font:20px/1.5 Helvetica,Tahoma,Arial,\534E\6587\7EC6\9ED1,\5FAE\8F6F\96C5\9ED1,sans-serif; color:#000000; background:#f5f5f5; overflow-x:hidden; }
a{text-decoration:none;outline:none}
a,button,button:active{-webkit-tap-highlight-color:rgba(0,0,0,0)}

.wrap{padding:1rem; font-family:\5FAE\8F6F\96C5\9ED1;  overflow:hidden; margin:0 auto; }
.white_bg{ background:#ffffff; border-bottom:#cccccc solid 1px; padding:0 1rem;}
.gray_bg{ background:#f5f5f5; border-bottom:#cccccc solid 1px; padding:0 1rem;}
.fc_red{ color:#c80000;}
.fc_black{ color:#000!important;}
.fc_gray{ color:#666;}

body{ padding-top:3.7rem;}
.header{ background:#c80000; height:3.7rem; border-bottom:#a20000 solid 1px; box-shadow:0 1px 5px #aaaaaa; position:fixed; left:0; top:0; width:100%; z-index:99;}
.logo{ width:6.25rem; height:2.85rem; margin:0.5rem auto; }
.logo a{ display:block; width:6.25rem; height:2.85rem;}
.logo a img{ width:100%;}
.back{ background:url(../img/ico_back.png) no-repeat; background-size:100%; display:block; width:0.95rem; height:1.7rem; position:absolute; left:1rem; top:1rem; text-indent:-999rem;}
.top_nav{ position:absolute; right:1rem; top:.2rem; width:3.5rem; height:2.625rem;}
.m_ico{ background:url(../img/m_ico.png) no-repeat center center; background-size:50%; width:3.5rem; height:2.625rem; margin:0.4rem auto; display:block;}
.dropdown{ background:#ffffff; width:11.5rem;position:absolute; top:3rem; right:2.5rem; box-shadow:0 0 5px #555555; font-size:1.2rem; z-index:99;}
.dropdown li{ height:3.6rem; line-height:3.6rem; border-bottom:#cccccc solid 1px; text-align:left; padding-left:1.4rem;}
.dropdown li a{ color:#000000;}
.banner{ margin:0 auto; overflow:hidden; width:22rem; height:10.5rem;}
.banner .ban_list img{ width:100%; height:100%; vertical-align:top;}

.app_cont{ background:#ffffff; margin-top:1rem; border:#cccccc solid 1px; border-bottom:none;}
.app_list{ border-bottom:#cccccc solid 1px;position:relative; min-height:5.4rem;}
.app_list dt{ width:3.6rem; height:3.6rem; position:absolute; left:1rem; top:0.9rem;}
.app_list dt img{ width:100%; height:100%;}
.app_list dd{ min-height:4.4rem; padding-bottom:1rem; }
.p_txt{padding-left:6.2rem; padding-right:1rem; min-height:4.9rem;}
.p_txt h3{ font-size:.9rem; color:#000000; font-weight:bold; padding-top:1rem;}
.p_txt p{ font-size:.8rem; color:#000000; line-height:1.2rem; margin-top:.25rem;}

.priv_cont { overflow:hidden; clear:both; margin:1rem auto 0; }
.priv_cont h3{ font-size:1.2rem; font-weight:bold; margin-bottom:.2rem;}
.priv_cont ul{ margin-left:0.4rem; width:22rem;}
.priv_cont li{ width:4.8rem; height:6.9rem; float:left; margin-right:0.6rem; text-align:center;}
.priv_cont li img{ width:100%;}
.priv_cont li .p_ico{ display:block; width:4.8rem; height:4.8rem;}
.priv_cont li p{ font-size:.7rem; letter-spacing:-.1rem; margin-top:.2rem;}

.wb{ background:#ffffff; margin-top:1.5rem;height:3.15rem; line-height:3.15rem; border:#c5c5c5 solid 1px;text-align:center; }
.wb a{ display:inline-block;  font-size:.9rem; color:#000000; }
.wb a:hover{ text-decoration:none;}
.wb .w_ico{ width:2.15rem; height:2.15rem; margin-top:0.5rem; margin-right:0.5rem; float:left;}
.wb .w_ico img{width:100%;}
.wb_txt{ display:inline-block; height:2.15rem;}
.bottom{ border-top:#bababa solid 1px; text-align:center; color:#646464; font-size:.7rem; margin-top:1.8rem; padding-top:1rem;}

/****/
.box{ background:#ffffff; border:#cccccc solid 1px; padding:1.5rem; margin-bottom:1rem; box-shadow: 1px 5px 3px #cccccc; position:relative;}
.vip_type{position:relative; min-height:4.8rem; border-bottom:#e5e5e5 solid 1px; padding-bottom:0.8rem;}
.vip_type dt{ width:4.8rem; height:4.8rem; position:absolute; left:0; top:0;}
.vip_type dt img{ width:100%;}
.vip_type dd{ padding-left:5.9rem; color:#c80000;}
.vip_type dd h3{ font-size:1.2rem; font-weight:bold; line-height:1.2rem; color:#000;}
.vip_type dd p{ line-height:1.2rem;  font-size:1.2rem; margin-top:5px;}
.vip_type dd p strong{ font-size:1.8rem;}
.intro{padding:0.6rem 0; overflow:hidden;}
.intro li{ line-height:1.4rem; font-size:.9rem;  -webkit-box-flex:2; box-flex:2; float:left; width:50%; position:relative;}
.intro .es span{ display:block;}
.intro .es span:after { background:url(../img/ico_s.png) no-repeat; display:block; content:"";width:0.8em;height:0.7em; background-size:100%;position:absolute;top:50%;margin-top:-.35em;right:1em;}
.intro .no span:after{ background:url(../img/ico_d.png) no-repeat; display:block; content:"";width:0.8em;height:0.7em; background-size:100%;position:absolute;top:50%;margin-top:-.35em;right:1em;}
.mark{ display:block; position:absolute; top:0; left:0; z-index:2; width:4.65rem; height:4.65rem;}
.mark img{ width:100%;}
.box .arr_down{ display:none;}
.box .ico_sel{ display:none;}
.sel_on{ border:#c80000 solid 2px;}
.sel_on .ico_sel{ display:block;}
.pack_up .intro, .pack_up a{ display:none;}
.pack_up .vip_type{ border-bottom:none; padding-bottom:0;}
.pack_up .arr_down{ display:block;}
.arr_down{ display:block; width:3.8rem; height:4.8rem; border-left:#dfdfdf solid 1px; overflow:hidden; position:absolute; top:0; right:0;}
.arr_down a{ display:block; width:1.45rem; height:0.75rem; margin:1.6rem auto;}
/*****/
.top_tit{ text-align:center; color:#ffffff; height:3.7rem; line-height:3.7rem; }
.top_tit h1{ font-size:1.33rem;}
.log_box p{ color:#c80000; font-size:0.9rem; }
.log_box{ margin-top:1.6rem; font-size:1.2rem;}
.log_box .log_tips{ margin-bottom:0.6rem;}
.log_box li{ position:relative; margin-bottom:1rem; }
.ip{ border:#c8c8c8 solid 1px;width:96%; padding:0 2%; height:3.7rem;background:#ffffff; font:normal 0.89rem/2.74rem \5FAE\8F6F\96C5\9ED1; line-height:1;box-shadow:inset 0 2px 2px #dfdfdf;}
.ip1{ width:50%;}
.code{ position:absolute; right:0.2rem; top:0.4rem; width:40%; height:2.5rem; display:block;}
.code img{ width:100%; height:100%;}

.btn01, .btn02, .btn07{font-family:\9ED1\4F53; background:#c80000; display:block;  text-align:center;  color:#ffffff;}
.btn01{height:3.8rem; line-height:3.8rem;}
.btn02{ height:3.25rem; line-height:3.25rem;}
.btn07{ height:3.33rem; line-height:3.33rem;}
.btn01 span{  font-size:1.33rem; }
.btn02 span{  font-size:1.2rem;}
.btn07 span{ font-size:1.33rem;}
.btn03, .btn04, .btn05, .btn06{font-family:\9ED1\4F53;display:block;  text-align:center;  height:3.2rem; line-height:3.2rem;}
.btn03 span, .btn04 span, .btn05 span, .btn06 span, .btn07 span{ font-size:1.33rem;}
.btn03{ background:#c80000; border:#c80000 solid 2px; color:#fff886;  margin-bottom:0.89rem;}
.btn04{ background:#ffffff; border:#c80000 solid 2px;  color:#c80000; margin-bottom:0.89rem;}
.btn05{ background:#269ae7; border:#269ae7 solid 2px;  color:#ffffff; margin:1.33rem auto;}
.btn06{ background:#ffffff; border:#269ae7 solid 2px;  color:#269ae7; margin:1.33rem auto;}
.btn07{ width:9.8rem; margin:1rem auto;}


.user_area{border-bottom:#cccccc solid 1px;min-width:24rem; height:7.42rem; overflow:hidden;}
.user_box{ margin:1rem 0 0 1rem; position:relative;}
.user_box .user_img{ background:#ffffff; width:5.3rem; height:5.3rem; border:#ffffff solid 3px; border-radius:100px; position:absolute; left:0; top:0;}
.user_box .user_img img{ width:100%; height:100%;border-radius:100px;}
.user_txt{ padding:0.6rem 0 0 6.5rem; min-height:4rem;}
.user_txt strong{ font-size:1.2rem; color:#c80000; font-weight:bold;}
.user_txt p{ font-size:0.9rem; color:#626262;}
.user_txt .chg_btn{ background:#646464; display:block; width:6rem; height:2rem; position:absolute; top:2rem; right:1.4rem; font-size:0.9rem; color:#fff; text-align:center; line-height:2rem;}
.user_detail li{border-bottom:#cccccc solid 1px; height:3.07rem; position:relative;}
.user_detail li strong{ font-size:1.07rem; line-height:3.07rem;}
.user_detail li span{ font-size:0.8rem; line-height:3.07rem; position:absolute; right:0; top:0.6rem; color:#646464;}
.user_detail .ranking .up:before{ background:url(../img/up_ico.png) no-repeat; display:block; content:"";width:0.45em;height:0.7em; background-size:100%;position:absolute;top:50%;margin-top:-0.3em;left:-0.8em;}
.user_detail .ranking .down:before{ background:url(../img/down_ico.png) no-repeat; display:block; content:"";width:0.45em;height:0.7em; background-size:100%;position:absolute;top:50%;margin-top:-0.3em;left:-0.8em;}
.noB{ border-bottom:none!important;}

.u_tips{ padding:1.78rem 2.23rem; font-size:1.07rem; line-height:1.2rem; color:#646464;}
.lg_tips{ font-size:0.8rem; color:#737373; margin-bottom:1rem;}
.agm_link{ text-align:center; margin-top:7.47rem; font-size:0.8rem;}
.agm_link a{ color:#0393e6; text-decoration:underline;}

/****/
.pay_tips{ font-size:1.07rem; text-align:center; color:#000000; margin:2rem 0;}
.img_show { text-align:center;}
.img_show img{ width:100%; margin:0 auto;}

.agm_cont h2{ font-size:1.07rem; font-weight:bold; color:#000000; text-align:center;  margin:0.5rem auto 1.5rem;}
.agm_cont h3{ font-size:0.8rem; color:#737373;   margin-bottom:1.5rem;}
.agm_cont p{ font-size:0.8rem; color:#737373; margin-bottom:1.5rem;}

.submit_info{ margin-bottom:0.5rem;}
.submit_info li{border-bottom:#cccccc solid 1px; height:3.07rem; line-height:3.07rem; overflow:hidden; font-size:1.07rem;}
.submit_info li p{ margin-top:0.5rem; line-height:0.8rem; font-size:0.8rem;}

.rec_list{ margin-bottom:0.8rem;}
.rec_list p{ font-weight:bold; font-size:1.2rem; line-height:2.4rem;}
.rec_list p span{ font-weight:normal;}
.vip_comb li{ border:#a8a9b1 solid 1px; background:#fff; margin-bottom:0.89rem; height:3.24rem; position:relative; cursor:pointer;}
.vip_comb li .p_left{ line-height:3.24rem;font-size:1.2rem; font-weight:bold;}
.pay_way li .p_left p{ margin-left:0.58rem;}
.pay_way li .p_left span{ float:left; padding-left:0.58rem;}
.pay_way li .p_left .ico_nian{ background:url(../img/ico_nian.png) no-repeat; background-size:100%; margin:0.58rem; display:inline; width:2.13rem; height:2.13rem;}
.pay_way li .p_left i{ font-style:normal; font-weight:normal; }
.pay_way li .p_left .recom{ font-size:0.8rem; display:block; background:#ff9a1f;-webkit-border-radius:10px; border-radius:8px; line-height:1.6rem; color:#ffffff; padding:0 0.3rem; margin:0.8rem 0 0 0.3rem;}
.pay_way li .p_right{ position:absolute; right:0.58rem; top:0; line-height:3.24rem;}
.pay_way li .p_right .minus{ display:block; background:url(../img/ico_minus.png) no-repeat center center; background-size:50%; width:2.66rem; height:2.66rem; float:left; margin-top:.3rem;}
.pay_way li .p_right .add{ display:block; background:url(../img/ico_add.png) no-repeat center center; background-size:50%; width:2.66rem; height:2.66rem; float:left; margin-top:.3rem;}
.pay_way li .p_right .num{ background:#ffffff; color:#d3d4d8; width:2.4rem; height:2.2rem; border:#a8a9b1 solid 1px; float:left; margin:0 0.62rem; margin-top:0.4rem; font-size:1.07rem; text-align:center; }
.vip_comb li.sel{ border:#c80000 solid 2px;}
.pay_way li.sel .ico_sel{ display:block;}
.pay_way li.sel .num{ color:#000000;}
.ico_sel{ display:none; background:url(../img/ico_sel.png) no-repeat; background-size:100%; display:block; position:absolute; right:0; bottom:0; width:1.33rem; height:1.33rem;}
.at_renew{ text-align:right; font-weight:bold;}
.at_renew input{ vertical-align:middle; margin-right:0.5rem;}
.pay_sum{ font-size:1.2rem; font-weight:bold; margin-bottom:1.5rem;}
.ico_nor, .ico_bj, .ico_zs{  display:inline-block; width:2.133rem; height:2.133rem; margin:0.58rem; float:left;}
.ico_nor{ background:url(../img/icon/vip_nor_s.png) no-repeat;background-size:100%; }
.ico_bj{ background:url(../img/icon/vip_bj_s.png) no-repeat;background-size:100%; }
.ico_zs{ background:url(../img/icon/vip_zs_s.png) no-repeat;background-size:100%; }
.vip_tip{ font-size:1.07rem;}

.vip_upg strong{ font-size:1.07rem; font-weight:normal; display:block; margin-bottom:1rem;}
.vip_upg p{ margin-bottom:1.8rem; line-height:1.2rem; font-size:0.8rem;}

/* add by nwj 2014-5-12 */
table{border-collapse:collapse;border-spacing:0;}
.box .tit{color:#000;}
.btn_y{color:#fff886;}
.mark1{position:absolute;left:0;top:0;z-index:9;width:4.65rem;height:4.65rem;}
.mark1 img{width:100%;}
.order_rec{}
.order_rec .title{text-align:center;}
.order_rec h2{font-size:1.2rem;font-weight:bold;}
.order_rec .txt_des{font-size:0.7rem;}
.order_rec_list{margin:0.8rem 0;font-size:0.7rem;}
.order_rec_list .tb_1{width:35%;}
.order_rec_list .tb_2{width:37%;}
.order_rec_list .tb_3{width:28%;}
.tb_order_rec{width:100%;}
.tb_order_rec th{height:3rem;border-top:1px solid #ccc;}
.tb_order_rec .bor{border-right:1px solid #ccc;}
.tb_order_rec td{border-bottom:1px solid #ccc;border-top:1px solid #ccc;height:4rem;}
.tb_order_rec td,.tb_order_rec p{font-size:0.7rem;}
.tb_order_rec .tb_a{text-align:center;}


/**2014-05-15**/
.pri_box{background:#ffffff; border:#cccccc solid 1px; margin-bottom:1rem; box-shadow: 1px 5px 3px #cccccc; }
.download, .cloud_vd{ background:#0d56a0; color:#fff;}
.s_vip, .c_acc{ background:#fde3ad; color:#000;}
.pri_wp{ padding:1rem;  position:relative; height:8rem;}
.pri_ico{ width:9rem; height:8rem; position:absolute; left:1rem; top:1rem;}
.pri_ico img{ width:100%;}
.pri_info{ padding:1rem 1rem 1rem 10rem;}
.pri_info h3{ font-weight:bold;}
.btn_w{ padding:1rem;}
.open_btn{ background:#c80000; color:#fff886; font-size:1.2rem; display:block; height:3.25rem; text-align:center; line-height:3.25rem;}

.pro_list{ margin-top:1rem;}
.pro{ background:#fff; border:#ccc solid 1px; padding:1rem; margin-bottom:0.4rem; position:relative;}
.pro dt{ width:3.6rem; height:3.6rem; position:absolute; left:1rem; top:1rem;}
.pro dt img{ width:100%;}
.pro dd{ padding-left:4.5rem; height:3.6rem;}
.pro dd h3{ font-size:0.9rem; font-weight:bold;}
.pro dd p{ font-size:0.7rem;}
.dl_btn{ background:#c80000; display:block; width:4.5rem; height:2rem; font-size:0.8rem; line-height:2rem; text-align:center; color:#fff; position:absolute; top:1.8rem; right:1rem;}

.bound{ background:#fff; padding:2rem 1rem; border-bottom:#ccc solid 1px;}
.bd_btn{ background:#269ae7; display:block; height:3.75rem; color:#fff; font-size:1.2rem; text-align:center; line-height:3.75rem;}
.bd_tips{ text-align:center; padding:3rem 0;}
.bd_tips p{ font-size:0.9rem; margin-bottom:1rem;}
.bd_tips .bd_link{ color:#269ae7; text-decoration:underline;}

.rech_box{ margin:6rem 0; text-align:center;}
.rech_box a{ margin:0.8rem auto;}
.nomb_tips{ font-size:1.5rem;}
.rech_tips{ font-size:0.9rem;}

.rec_wp{ margin-top:1rem;}
.rec_wp a{ margin-bottom:0.5rem;}
.rec_wp p{ text-align:center; color:#7a7a7a; font-size:0.9rem;}
.vip_tit{ position:relative; padding:0.5rem 0; height:2.4rem; border-bottom:#ababab solid 1px;}
.vip_tit h3{ margin-left:3rem; line-height:1.2rem; font-weight:bold; font-size:1.5rem;}
.kk_ico{ position:absolute; left:0; top:0; width:2.4rem; height:2.4rem;}
.kk_ico img{ width:100%; height:100%;}
/* for 1080 px width screen */
@media only screen and (max-device-width:1080px),only screen and (max-width:1080px){
html,body,section,button,h1,p,input,label{font-size:45px;}
}
/* for 960 px width screen */
@media only screen and (max-device-width:960px),only screen and (max-width:960px){
html,body,section,button,h1,p,input,label{font-size:40px;}
}
/* for 800 px width screen */
@media only screen and (max-device-width:800px),only screen and (max-width:800px){
html,body,section,button,h1,p,input,label{font-size:33.34px;}
}
/* for 720 px width screen */
@media only screen and (max-device-width:720px),only screen and (max-width:720px){
html,body,section,button,h1,p,input,label{font-size:30px;}
}
/* for 640 px width screen */
@media only screen and (max-device-width:640px),only screen and (max-width:640px){
html,body,section,button,h1,p,input,label{font-size:26.67px;}
}
/* for 540 px width screen */
@media only screen and (max-device-width:540px),only screen and (max-width:540px){
html,body,section,button,h1,p,input,label{font-size:22.5px;}
}
/* for 480 px width screen */
@media only screen and (max-device-width:480px),only screen and (max-width:480px){
html,body,section,button,h1,p,input,label{font-size:20px;}
}
/* for 400 px width screen */
@media only screen and (max-width:400px){
html,body,section,button,h1,p,input,label{font-size:16.67px;}
}
/* for 360 px width screen */
@media only screen and (max-width:360px){
html,body,section,button,h1,p,input,label{font-size:15px;}
}
/* for 320 px width screen */
@media only screen and (max-width:320px),only screen and (max-device-width:320px){
html,body,section,button,h1,p,input,label{font-size:13.33px;}
}