@charset "utf-8";

.modal-flag{ position:absolute; top:13%; left:5px;/*left:82%;*/ width:50px; height:50px; display:block; cursor:pointer; z-index:1008;}
.modal-flag img{ width:50px; height:50px; display:block;}

.moban{top:0;position:absolute; display:none; z-index:1008}
.moban{text-align:left;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);-webkit-tap-highlight-color:rgba(255,255,255,0);}
#yq_guide{ position:fixed; width:100%; height:100%; z-index:1009; background-color:rgba(0,0,0,.7);}
#yq_guide img{ position:absolute;top:245px; left:0; margin:0 0 0 18.5%; display:block;}
@media screen and (max-width:640px){
    #yq_guide img{ margin:0 0 0 8%;}
}
.modalframe{height:100%;border:none;min-width:85%;width:100px;display:block}
.modal-left{top:0;position:absolute; cursor:pointer;}
.modal-left{right:0;margin-right:0;width:15%;height:100%}
.modal-left img{width:20px;position:absolute;top:50%;margin-top:-29px}

.modal-content{width:100%;height:100%;background:#fff;position:relative}
.base-footer{bottom:0;background-color:#f7f7f7;border-top:1px solid #e6e6e6;z-index:1000;position:absolute;width:100%}

.base-footer img{height:50px;display:block;margin:0 auto}
.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}
.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;display:inline-block;zoom:1}
.pure-g [class*=pure-u]{font-family:sans-serif}
.pure-u-1-24{width:4.1667%}
.pure-u-1-12,.pure-u-2-24{width:8.3333%}
.pure-u-1-8,.pure-u-3-24{width:12.5%}
.pure-u-1-6,.pure-u-4-24{width:16.6667%}
.pure-u-1-5{width:20%}
.pure-u-5-24{width:20.8333%}
.pure-u-1-4,.pure-u-6-24{width:25%}
.pure-u-7-24{width:29.1667%}
.pure-u-1-3,.pure-u-8-24{width:33.3333%}
.pure-u-3-8,.pure-u-9-24{width:37.5%}
.pure-u-2-5{width:40%}
.pure-u-10-24,.pure-u-5-12{width:41.6667%}
.pure-u-11-24{width:45.8333%}
.pure-u-1-2,.pure-u-12-24{width:50%}
.pure-u-13-24{width:54.1667%}
.pure-u-14-24,.pure-u-7-12{width:58.3333%}
.pure-u-3-5{width:60%}
.pure-u-15-24,.pure-u-5-8{width:62.5%}
.pure-u-16-24,.pure-u-2-3{width:66.6667%}
.pure-u-17-24{width:70.8333%}
.pure-u-18-24,.pure-u-3-4{width:75%}
.pure-u-19-24{width:79.1667%}
.pure-u-4-5{width:80%}
.pure-u-20-24,.pure-u-5-6{width:83.3333%}
.pure-u-21-24,.pure-u-7-8{width:87.5%}
.pure-u-11-12,.pure-u-22-24{width:91.6667%}
.pure-u-23-24{width:95.8333%}
.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}
.base-menu{height:100%;margin:0}
a{color:#1F1F1F}

.modal-main{position:absolute;bottom:0;top:0;overflow:auto;width:100%}
.head{text-align:center;font-size:16px;color:#FCA218;position:relative;height:40px;line-height:40px}
.head>span>img{width:100px;vertical-align:middle}
.head .h-info{position:absolute;right:0;top:0;width:70px}
.h-info img{width:20px;vertical-align:middle}
.head .h-close{position:absolute;left:0;top:0;width:70px}
.h-gift img{width:32px;border-radius:30px}

.listshow{padding:5px 0;background-color:#F2F2F2; overflow:hidden;}
.listshow>ul{padding:10px 0;background-color:#fff}
.ls-li{text-align:center;color:#A7A7A7}
.more-info,.more-info a{color:#9b9b9b}
.ls-li>a{display:inline-block;width:100%;height:100%}
.ls-img{position:relative}
.listshow img{width:50px;text-align:center;border-radius:30px}

.modal-nav{ background:#F2F2F2; overflow:hidden;}
.modal-nav ul{ margin:5px 0; padding:5px 0; background-color:#fff; overflow:hidden;}
.modal-nav li{float:left; width:25%; padding:5px 0; text-align:center;list-style:none;}
.modal-nav li a{ display:block; color:#333; font-size:12px;text-decoration:none;}
.modal-nav a span{ display:block; line-height:12px;}
.modal-nav a img{ width:40px;}

.modal-hot{ padding:0 0 0 0; margin:0px 0; background:#F2F2F2; overflow:hidden;}
.modal-hot h3{ font-size:14px; color:#666; background-color:#fff; text-align:left; padding:5px 0 5px 15px; margin:0; border-bottom:1px solid #eee;}
.modal-hot ul{ padding:0 10px; margin:0; background-color:#fff; overflow:hidden;}
.modal-hot li{float:left; width:24.6%; padding:8px 0; text-align:center;list-style:none;}
.modal-hot li a{ display:block; color:#333; font-size:12px;text-decoration:none;}
.modal-hot a span{ width:50px; text-align:center; margin:0 auto; display:block; line-height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.modal-hot a img{ width:50px; border-radius:12px;}



.modal-tab{ background:#F2F2F2; padding:5px 0 0 0; overflow:hidden; display:none;}
.modal-tab .boxs{ position:relative;}
.modal-tab h3{ font-size:14px; color:#666; text-align:left; padding:5px 0 0 15px; margin:0; height:35px; line-height:30px; background:#fff; border-bottom:1px solid #eee;}
.modal-tab .lbao-tab{ font-size:14px; color:#666; text-align:left; padding:5px 0 0 0; margin:0; font-weight:bold; background:#fff; border-bottom:1px solid #eee; overflow:hidden;}
.modal-tab .lbao-tab ul{ margin:0;padding:0;}
.modal-tab .lbao-tab li{ float:left; width:50%; list-style:none; padding:0 0; text-align:center; height:35px; line-height:30px;}
.modal-tab .lbao-tab li.active{ border-bottom:1px solid #49C3FD;}
.modal-tab .lbao-tab li a{ margin:0; padding:0; text-decoration:none; display:block;}

.modal-tab .hhr-info{ width:100%; height:135px; background:url(../images/hhr_topBg.jpg) no-repeat; background-size:cover;}
.modal-tab .hhr-info .back{position:absolute; top:0.2rem; left:0.4rem; line-height:1rem; font-size:0.6rem; display:block; background: rgba(51,51,51,0.4); border-radius:10rem; z-index:100;}
.modal-tab .hhr-info .back a{ width:1.3rem; height:1.3rem; display:block; color:#fff;}
.modal-tab .hhr-info .back a i{ font:0/0 a; cursor:pointer; content:''; position:absolute; top:0.4rem; left:0.5rem; width:0.45rem; height:0.45rem; border:#fff solid; border-width:0 0 2px 2px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.modal-tab .hhr-info h2{ font-size:16px; font-weight:400; line-height:40px; text-align:center; color:#fff;-webkit-margin-before: 0em;-webkit-margin-after: 0em;}
.modal-tab .hhr-info .grade{ width:100%; color:#fff; overflow:hidden;}
.modal-tab .hhr-info .grade div{ float:left; width:33%; text-align:center; margin:0 auto;}
.modal-tab .hhr-info .grade div h3{ line-height:30px; font-size:12px; font-weight:400; background:none; border-bottom:none; color:#fff; padding:0; margin:0; text-align:center;}
.modal-tab .hhr-info .grade div p{ line-height:30px; font-size:18px;-webkit-margin-before: 0em; -webkit-margin-after: 0em;}
.modal-tab .hhr-info .grade div.lv{ margin-top:5px;}
.modal-tab .hhr-info .grade div.lv h3{ line-height:20px; font-size:14px; font-weight:700; width:60px; height:50px; display:block; text-align:center; margin:0 auto; padding-top:10px; background:#fff; color:#DC4420; border-radius:100%;}
.modal-tab .hhr-info .grade div.lv p{ line-height:30px; font-size:12px;}

.modal-tab .hhr-detail{ background:#fff; padding:5px 0; margin-bottom:5px; border-bottom:1px solid #E6E6E6; overflow:hidden;}
.modal-tab .hhr-detail dl{ float:left; width:33%; text-align:center; font-size:14px;margin:0; -webkit-margin-before: 0em;-webkit-margin-after: 0em;}
.modal-tab .hhr-detail dl:nth-child(1),.hhr-detail dl:nth-child(2){ border-right:1px solid #E6E6E6;}
.modal-tab .hhr-detail dt{ color:#787878; line-height:26px;}
.modal-tab .hhr-detail dd{ color:#333; text-align:center;}

.modal-tab .numlink{ width:100%; margin:8px auto; text-align:center; overflow:hidden;}
.modal-tab .numlink a{ width:43%; margin-left:10px; border:1px solid #DC4722; font-size:14px; display:inline-block; padding:8px 0; text-align:center; color:#DC4722; text-decoration:none;}
.modal-tab .numlink a:nth-child(1){ margin-left:0;}

.modal-tab .hhr-content{ padding:10px 0; background:#fff; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; overflow:hidden;}
.modal-tab .explain{ padding:0 10px;}
.modal-tab .explain a{ color:#999;}
.modal-tab .explain h2{ font-size:14px; color:#333; line-height:30px;-webkit-margin-before: 0em;-webkit-margin-after: 0em;}
.modal-tab .explain p{ font-size:12px; color:#555; line-height:20px; margin:2px 0;-webkit-margin-before: 0em; -webkit-margin-after: 0em; }
.modal-tab .explain p a{ text-decoration:none; color:#321CD4; margin:0; padding:0; display:inline-block;}
.modal-tab .explain span{ color:#f00;}
.modal-tab .explain .tab{ width:100%; border:1px solid #E6E6E6; text-align:center; margin:0 auto 10px auto; font-size:12px; color:#666; border-spacing:0px; border-color:none;}
.modal-tab .explain .tab th,.modal-tab .explain .tab td{ text-align:center; line-height:20px;}

.hhr_popup-box{ position:absolute; top:0; left:50%; z-index:101; display:none; margin:50px 0 0 -40%; padding-top:12px; width:80%; border-radius:4px; background:#fff; opacity:.94; color:#000;}
.hhr_popup-box h4{ text-align:center; font-weight:700; font-size:14px; color:#333;-webkit-margin-before:0em;-webkit-margin-after:0em;}
.hhr_popup-box p{ padding:8px 5px; text-align:center; line-height:18px; font-size:12px; color:#555;-webkit-margin-before:0em;-webkit-margin-after:0em;}
.hhr_popup-box p a{ color:#666;}
.hhr_popup-box p.pleft{ text-align:left; }
.hhr_popup-box p.Red{ color:#f00;}
.hhr_popup-box .btns{ border-top:1px solid #ddd;}
.hhr_popup-box .btns a{ display:inline-block; padding:8px 0; width:49.8%; color:#1ca1fb; text-align:center; font-size:14px;}
.hhr_popup-box .btns a:first-child{ border-right:1px solid #ddd;}
.hhr_popup-box .btns2{ border-top:1px solid #ddd;}
.hhr_popup-box .btns2 a{ display:inline-block; border:none; width:100%; font-weight:300; padding:8px 0; color:#1ca1fb; text-align:center; font-size:14px;text-decoration:none; background:none;}
.popup-box-share{ position:fixed; top:0; bottom:0; z-index:101; display:none; width:100%; max-width:750px;}
.popup-box-share img.shareTop{ position:absolute; top:1rem; right:1.6rem; width:9rem; display:block;}
.popup-box-share img.shareBottom{ position:absolute; top:30%; right:2rem; width:9rem; display:block;}
#hhr_mask{ position:absolute; top:0; left:0; z-index:100; display:none; overflow:hidden; width:100%; min-height:100%; background:#000; opacity:.8;}

.navBar{ position:relative; bottom:0; left:0; width:100%; margin:0 auto; text-align:center;  z-index:101; height:1.9rem;border-top:1px solid #e8e8e8;background-color:#fff; overflow:hidden;}
.navBar a{ position:relative;float:left;width:50%;height:1.9rem;color:#fff;text-align:center;font-size:0.6rem;line-height:1.9rem;overflow:hidden; background:-webkit-gradient(linear,left top,left bottom,from(#DB511F),to(#EFB39C)); background:-moz-linear-gradient(top,#DB511F,#EFB39C); background:-o-linear-gradient(top,#DB511F,#EFB39C);}
.navBar a:last-child:before{ position:absolute;top:0px;left:0;display:block;width:1px;height:1.9rem;background-color:#ebebeb;content:' ';}

.modal-tab .yqing-box{ font-size:12px; background:#fff; color:#666; margin:0; padding:0; border-bottom:1px solid #eee;}
.modal-tab .yqing-box .num{ line-height:40px; border-bottom:1px dashed #eee; font-weight:bold; font-size:14px; padding-left:15px;}
.modal-tab .yqing-box .num span{ color:#f00;}
.modal-tab .yqing-box .hd_pic{ width:100%; text-align:center;}
.modal-tab .yqing-box .hd_pic img{ width:100%;display:block;}
.modal-tab .yqing-box .tx{ padding:10px 15px; margin:0;}
.modal-tab .yqing-box .tx p{ margin:5px 0; padding:0; line-height:20px;}
.modal-tab .yqing-box .tx .red{ color:#f00;}
.modal-tab .yqing-box .bl{ overflow:hidden; text-align:center; margin:0 auto;}
.modal-tab .yqing-box .bl ul{ margin:0 0 0 10px; padding:0;}
.modal-tab .yqing-box .bl li{ float:left; width:15%;list-style:none; border:1px solid #EF880E; border-radius:4px; margin:0 5px 10px 5px; padding:6px 0; color:#000; background:url(../images/yq_bg.jpg) no-repeat; background-size:cover;}
.modal-tab .yqing-box .bl li img{ width:30px; height:30px; display:block; text-align:center; margin:5px auto;}

.modal-tab .yqing-box .yqmBox{ padding:10px 15px; border-bottom:1px solid #eee;}
.modal-tab .yqing-box .yqmBox .my{ margin:8px 0;}
.modal-tab .yqing-box .yqmBox .my div{ display:inline-block; font-size:13px; color:#333;}
.modal-tab .yqing-box .yqmBox .my div.num{ width:40%; height:28px; line-height:28px; text-align:center; border:1px solid #eee; border-radius:4px; padding:0; margin:0; color:#333;}
.modal-tab .yqing-box .yqmBox .my div.num input{ width:88%; font-size:12px; text-align:center; border:none;}
.modal-tab .yqing-box .yqmBox .my div.col{ color:#999;}
.modal-tab .yqing-box .yqmBox .my div.col input{ width:50px; height:30px; font-size:14px; background:#10A3FB; border:none; padding:0; margin:0; -webkit-appearance:none;}

.modal-tablist{ position:relative; border-bottom:1px solid #eee;}
.modal-tab a{ background:#fff; display:block; padding:10px 0; overflow:hidden;}
.modal-tab dl{ float:left; margin:0 0 0 15px; width:70%;}
.modal-tab dt{ font-size:15px; line-height:24px; color:#4C4B4C; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.modal-tab dd{ color:#99989C; font-size:12px; text-align:left; margin:0; padding:0;}
.modal-tab dd span{ float:left;vertical-align:top;}
.modal-tab dd .progress{ position: relative; top:1px; width:70%; height: 14px; overflow: hidden; background-color: #d7d7d7; border-radius: 8px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1);}
.modal-tab dd .progress-bar{ background-color: #FD9937; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; float: left; height: 100%; font-size: 12px; line-height: 25px; color: #fff; text-align: center; transition: width .6s ease; box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);}
.modal-tab dd .sr-only{ position: absolute; left:40%; text-align:center; margin:0 auto; color:#fff; font-size:12px; line-height:14px;}

.modal-tab a.btn-blue{ position:absolute; right:15px; top:15px; padding:6px 12px; display:block; text-align:center; border-radius:4px; color:#fff; background:#4691CD; font-size:12px; text-decoration:none;}
.modal-tab a.btn-gray{ position:absolute; right:15px; top:15px; padding:6px 12px; display:block; border:1px solid #8c8c8c; text-align:center; border-radius:4px; color:#fff; background:#8c8c8c; font-size:12px; text-decoration:none;}
.modal-tab a.btn-yellow{ position:absolute; right:15px; top:15px; padding:6px 12px; display:block; text-align:center; border-radius:4px; color:#fff; background:#FD9937; font-size:12px; text-decoration:none;}

.pl-form{ padding:10px 15px; margin:0; background:#fff; overflow:hidden;}
.pl-form textarea{ width:97.6%; height:70px; border:2px solid #eaeaea; line-height:18px; padding:1%;-webkit-appearance:none;}
.pl-form .pl-mun{ float:left; line-height:30px; font-size:14px;}
.pl-form .fb-btn{ float:right; background:#4691CD; border:none; padding:10px 20px; color:#fff; font-size:13px; font-weight:700;-webkit-appearance:none;border-radius:0;}
.pl-form .Red{ color:#f00; margin:0 4px;}

.sns_feed{ background:#fff; padding:0 5px; position:relative; border-top:1px solid #eaeaea;}
.sns_feed .user{ padding:10px 7px 0 0;}
.sns_feed .user .pic{ float:left; width:50px; height:50px; border:0px solid #d7d7d7; background:#d7d7d7; border-radius:100px; z-index:3; margin: 0 0 0 10px;}
.sns_feed .user .pic a{ display:block; width:100%; height:100%; padding:0;}
.sns_feed .user .pic img{ width:50px; height:50px; border-radius:100px; }
.sns_feed .user .name{ padding-left:10px; padding-right:30px; padding-top:0; line-height:26px; position:relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.sns_feed .user .name i { background:url(../images/wb_icon.png) no-repeat; width:20px; height:20px; background-size:cover; display:inline-block; position:relative; top:4px; margin-right:2px;}
.sns_feed .user .name .i1 { background-position:0 -120px;}
.sns_feed .user .name .i2 { background-position:0 -158px;}
.sns_feed .user .name .rspan { display:inline-block; font-size:14px !important;}
.sns_feed .user .name a{ font-size:15px; color:#378bd1; font-weight:normal;text-decoration:none; padding:0;}
.sns_feed .user .name .del{ font-size:12px; position:absolute; top:0; right:5px; font-weight:normal;}
.sns_feed .user .from_t{ padding-left:10px; padding-top:0; padding-right:10px; font-size:13px; color:#969696;/*white-space: nowrap;text-overflow: ellipsis;*/overflow: hidden;}
.sns_feed .user .from_t .time{ float:left; padding-right:5px;}

.sns_feed .arrow-msg{ padding:4px 10px 10px 10px; line-height:23px; font-size:16px; color:#686868;}
.sns_feed .arrow-msg .info p{ padding:8px 0 0 0;}
.sns_feed .arrow-msg .info img{ vertical-align:middle;}
.sns_feed .arrow-msg .reply_box{ padding: 10px 0 0 0;}
.sns_feed .arrow-msg .reply_box .content{ margin:0 0 0px 0;}
.sns_feed .arrow-msg .reply_box .margin60{ margin:0 0 10px 60px;}
.sns_feed .arrow-msg .reply_box .content p{ font-size:13px;padding:0;margin:0;}
.sns_feed .arrow-msg .reply_box .aww{ position:relative; z-index:5; height:6px;}
.sns_feed .arrow-msg .reply_box .aww em{font-family:SimSun; font-size:14px; line-height:14px; position:absolute; font-style:normal; left:19px; top:0; display:inline-block; z-index:2; color:#eaeaea;}
.sns_feed .arrow-msg .reply_box .aww i{font-family:SimSun; font-size:14px; line-height:14px; position:absolute; font-style:normal; left:19px; top:1px; display:inline-block; z-index:3; color:#fafafa;}

.sns_feed .arrow-msg .reply_box .awshow{ background:#fff; position:relative; z-index:4; padding:2px 10px 2px 10px; color:#8f8f8f; border:1px solid #eaeaea; border-radius:3px;}
.sns_feed .arrow-msg .reply_box .awshow p{font-size:12px; line-height:20px; padding:2px 0; background:#fff; margin:3px 0;}
.sns_feed .arrow-msg .reply_box .awshow p a{ font-size:12px; color:#4691CD;display:inline-block; vertical-align:top; text-decoration:none;padding:0;margin:0;}

.sns_feed .arrow-msg .reply_box .z-hf{ margin:10px 0; width:100%; position:relative;}
.sns_feed .arrow-msg .reply_box .z-hf .hf-input{ width:98%; height:38px; line-height:38px; border:1px solid #eaeaea; padding:0 1%; vertical-align:top; display:inline-block;-webkit-appearance:none;}
.sns_feed .arrow-msg .reply_box .z-hf .hf-btn{ background:#4691CD; border:none; height:40px; line-height:40px; border:none; color:#fff; font-size:13px; font-weight:700; width:75px; position:absolute; right:-1px; top:0;-webkit-appearance:none;border-radius:0;}
.pl_loading{ font-size:12px; height:24px; line-height:24px; text-align:center; border:1px solid #ddd; background:#fff; border-radius:4px; margin:5px 0; overflow:hidden;}
.details-more{ text-align:center; border-top:1px solid #eaeaea;}
.details-more a{ background:#fff; width:100%; display:block; margin:0 auto; padding:0; line-height:50px; color:#929292; font-size:14px;text-decoration:none}