@charset "utf-8";
/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*********************************	前台后台手机端通用		********************************
*/
/*Banner插件*/
#banner_edit{ width:68%;margin:0 auto; height:600px; position:relative; }
#banner_edit .banner_box{ width:100%; height:100%; position:absolute; top:0; left:0;}
#banner_edit .banner_box .banner_title,
#banner_edit .banner_box .banner_brief,
#banner_edit .banner_box .banner_mainpic{ position:absolute; cursor:default; white-space:pre-wrap; text-align:left;}
#banner_edit .banner_box .banner_list{ width:100%; height:100%; position:relative; overflow:hidden;}
#banner_edit .banner_box .banner_list a{ width:100%; height:100%; display:block; cursor:pointer;}
#banner_edit .banner_box .banner_list .banner_position{ width:100%; height:100%; position:absolute; top:0; left:0; text-align:center;}
#banner_edit .banner_box .banner_list .banner_bg{ width:100%; height:100%; background-repeat:no-repeat; background-size:100% 100%;}
#banner_edit .banner_box .banner_list img{ max-width:100%;}
#banner_edit .banner_tab{ width:100%; height:15px; position:absolute; bottom:15px; left:0; text-align:center;}
#banner_edit .banner_tab a{ width:10px; height:10px; margin:0 3px; background:#f1f1f1; display:inline-block; border-radius:5px;}
#banner_edit .banner_tab a.on{ background:#f00;}
#banner_edit .banner_loading{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../themes/default/images/global/loading_oth.gif) #fff center no-repeat;}

/* Banner图效果3 slidetype3 */
#banner_edit.banner_slidetype3 .banner_slide_mask1{ display:none; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0;}
#banner_edit.banner_slidetype3 .banner_slide_mask2{ display:none; width:100%; height:100%; background:#fff; position:absolute; left:-100%; top:0;}
#banner_edit.banner_slidetype3 .banner_slide_mask2:after{ width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5);}
#banner_edit.banner_slidetype3 .banner_list{ position:absolute; left:0; top:0;}
/* Banner文字效果 */

/*可视化编辑插件框架Banner插件手机端*/
.plugins_edit_contents #mbanner_edit_mask{ width:100%; height:100px; position:relative; background-image:url(../manage/images/view/icon_noimg.png);}
.plugins_edit_contents #mbanner_edit_mask .mbanner_edit_list{ width:100%; height:100px; position:absolute; top:0; left:0; display:none; text-align:center;}
.plugins_edit_contents #mbanner_edit_mask .mbanner_edit_list:first-child{ display:block;}


/*可视化编辑插件框架*/
.plugins_edit_contents{ width:100%; height:100%; position:absolute; top:-2px; left:-2px; border:2px dashed transparent;}
.plugins_edit_contents.current{ border:2px solid #0cb083; z-index:1;}
.plugins_edit_contents .plugins_pos{ display:none; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3);}
.plugins_edit_contents .plugins_layout_mask{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../themes/default/images/global/loading_oth.gif) #fff no-repeat center; z-index:20;}
.plugins_edit_contents #banner_edit_mask,
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_list{ width:100%; height:100%; background:#fff; position:absolute; top:0; left:0;}
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_list{ overflow:hidden;}
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_position{ text-align:center;}
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_position,
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_title,
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_brief,
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_mainpic{ position:absolute; top:0; left:0; white-space:pre-wrap; text-align:left;}
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_position.move,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_title,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_brief,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_mainpic{ cursor:move;}
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_title,
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_brief,
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_mainpic{ border:2px dashed transparent;}
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_noimg{ display:none; width:100%; height:100%; background:url(../manage/images/view/icon_plugins_noimg.png) #f3f3f3 center no-repeat; position:absolute; left:0; top:0;}
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_noimg .banner_edit_mask_noimgtxt{ width:100%; margin-top:60px; color:#bbb; font-size:18px; text-align:center; position:absolute; left:0; top:50%; box-sizing:border-box;}
.plugins_edit_contents.current_edit{ z-index:1000;}
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_title,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_brief,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_mainpic{ border:2px dashed rgba(107,185,164,0.5);}
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_title.editing,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_brief.editing,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_mainpic.editing{ border:2px dashed #0cb083;}
.plugin_edit_mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.plugin_edit_mask.current{background: rgba(0, 0, 0, 0.1);z-index: 1100;}
.plugin_edit_box{background:#0cb083; position:absolute; top:18px; left:50%; transition: all 0.2s ease-in-out; opacity:0; z-index:0; border-radius:5px; box-shadow:0 0 10px 0 rgba(0,0,0,0.3); transform:translate(-50%, -10px);}
.plugin_edit_box.current{ opacity:1; z-index:1100; transform:translate(-50%, 0);}
.plugin_edit_box .plugins_eidt_item{ display:inline-block;width: 40px;padding: 10px 60px 10px 90px; font-family:Arial; font-size:16px; line-height:20px; color:#fff; cursor:pointer;}
.plugin_edit_box .plugins_eidt_item.pluginseffect{background:url(../manage/images/frame/icon_pluginseffect.png) 60px center no-repeat;}
.plugin_edit_box .plugins_eidt_item.pluginslayout{background:url(../manage/images/frame/icon_pluginslayout.png) 60px center no-repeat;}
.plugin_edit_box .plugins_eidt_item.pluginseditor{background:url(../manage/images/frame/icon_pluginseditor.png) 60px center no-repeat;}
/*.plugin_edit_box .plugins_eidt_item.pluginseditor.pluginseditorbanner{ width:110px; background-position:40px; text-align:center;}*/

/*car-parts-form*/
.car-parts-form{position:absolute; left:1%; background:#fff; box-shadow:0 0 2px 3px rgba(0, 0, 0, 0.2); z-index:8; border-radius:5px; width:280px;min-height: 333px;margin: 10px 0;}
.car-parts-form h2{float:left; width:100%; margin:14px 0 10px; text-align:center; color:#ce2127; font-size:23px; text-transform:uppercase; letter-spacing:-2px; line-height:23px;}
.car-parts-form h2 span{color:#CF050E;}
.car-parts-form .number-col{float:left; width:100%; background:#f1f1f1; border-top:1px solid #d9d9d9; padding:10px 0;}
.car-parts-form .number-col .heading{float:left; width:100%; text-transform:uppercase; font-size:12px; color:#8e8e91; text-align:center; line-height:10px;}
.car-parts-form .number-col .vrm-form{float:left; width:90%; margin:8px 0 0;padding: 0 12px;}
.car-parts-form .number-col .vrm-input{float:left; width:180px; background:url(/static/themes/t112/images/number-input-bg.jpg) no-repeat left top #ffd800; border:1px solid #12214e; border-radius:5px;}
.car-parts-form .number-col .vrm-form input{float:left; width:80%; height:33px; color:#000; font-size:18px; text-transform:uppercase; background:transparent; line-height:28px; padding-left:26px; padding-right:6px; border-radius:5px;border: 0;}
.car-parts-form .number-col .vrm-form .go-btn{float:left; width:43px; background:#CF050E; border-radius:5px; color:#fff; font-size:16px; padding:10px 0 9px; text-align:center; text-transform:uppercase; line-height:13px; margin-left:10px;}
.car-parts-form .number-col .vrm-form .go-btn:hover{background:#3351ab;}
.car-parts-form .separator{float:left; width:100%; text-align:center; line-height:14px; margin:-7px 0 0; color:#8e8e91; font-size:16px; text-transform:uppercase; background:url(/static/themes/t112/images/form-separator-bg.jpg) no-repeat center center;}
.car-parts-form .select-vehicle{float:left; width:90%; margin:5px 0 0; padding:0 12px;}
.car-parts-form .select-vehicle .heading{float:left; width:100%; font-size:12px; color:#8e8e91; text-transform:uppercase; line-height:12px; margin:0 0 5px;}
.car-parts-form .vehicle-form{margin-bottom:12px; float:left; width:100%;}
.car-parts-form .vehicle-form .dept{margin-bottom:3px;}
.car-parts-form .select-vehicle .field{float:left; width:100%; border:1px solid #dae0e1; border-radius:5px; background:#fff; padding:10px 10px; margin:0 0 9px;}
.car-parts-form .select-vehicle select{width:100%; color:#727575; font-size:13px; height:25px; background-color:#fff; line-height:14px;border-radius: 5px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	::i-block-chrome, .car-parts-form .select-vehicle .field{padding:9px 10px;}
}
.car-parts-form .select-vehicle .field.small{width:47%;}
.car-parts-form .select-vehicle .field.small.right{float:right;}
.car-parts-form .select-vehicle .field.margin-one{margin-bottom:0;}
.car-parts-form .select-vehicle .go-btn{float:left; width:110px; background:#CF050E; color:#fff; font-size:16px; padding:12px 0; border-radius:5px; line-height:14px;border: 0;text-align: center;}
.car-parts-form .select-vehicle .go-btn:hover{text-decoration:none;background:#3351ab;}
.car-parts-form .vehicle-form .item{margin: 0 0 10px;}

.car-parts-form.filled-form .number-col{background:#fff;}
.car-parts-form.filled-form .number-col .heading{text-align:left;}
.car-parts-form.filled-form .number-col .vrm-input{width:100%;}
.car-parts-form.filled-form .number-col .vrm-form input{width:85%;}
.car-parts-form.filled-form .number-col .delete-btn{width:auto; float:left; padding:6px 8px;}
.car-parts-form.filled-form .separator{display:none;}
.car-parts-form.filled-form .select-vehicle{background:#f1f1f1; border-radius:5px; margin:0 12px; padding:14px 0 4px; width:90%;}
.car-parts-form.filled-form .select-vehicle .outer{width:100%; float:left; margin:0 0 20px;}
.car-parts-form.filled-form .select-vehicle .label{float:left; line-height:14px; text-align:right; width:34%; color:#5a5a5a; font-family:"ProximaNova"; font-size:12px; text-transform:none; font-weight:normal; padding:0;}
.car-parts-form.filled-form .select-vehicle .text{float:right; line-height:14px; text-align:left; width:63%; color:#5a5a5a; font-size:12px; }
.car-parts-form.filled-form .change-box{float:left; width:100%; padding-left:12px; padding-right:12px; margin:10px 0 0;}
.car-parts-form.filled-form .change-box.mobile{display:none;}
.car-parts-form.filled-form .change-btn{background:#CF050E; color:#fff; float:left; font-size:13px; padding:8px 20px 5px; border-radius:5px; text-align:center; width:100%;}
.car-parts-form.filled-form .change-btn:hover{background:#033db2;}


/*引导部分样式*/
#global_guide_box{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1101;background: rgba(0, 0, 0, 0.7);}
#global_guide_box>span{height: 30px;line-height: 30px;margin: 0 auto 65px;position: absolute;right: 0;bottom: 50%;left: 0;text-align: center;font-size: 24px;color: #fff;}
#global_guide_box>em{width: 80px;height: 80px;background: #0cb083 url(../manage/images/frame/icon_mouse.png) no-repeat center center;border-radius: 100%;margin:auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation: cd-pulse 2s infinite;-moz-animation: cd-pulse 2s infinite;animation: cd-pulse 2s infinite;-webkit-animation-delay: .5s;-moz-animation-delay: .5s;animation-delay: .5s;}

@-webkit-keyframes cd-pulse {
	0% { box-shadow: 0 0 0 0 #0cb083; }
	100% { box-shadow: 0 0 0 45px transparent; }
}
@-moz-keyframes cd-pulse {
	0% { box-shadow: 0 0 0 0 #0cb083; }
	100% { box-shadow: 0 0 0 45px transparent; }
}
@keyframes cd-pulse {
	0% { box-shadow: 0 0 0 0 #0cb083; }
	100% { box-shadow: 0 0 0 45px transparent; }
}

@media screen and (max-width:1000px){
    #banner_edit {width: 88%;}
}
@media screen and (max-width: 650px){
    .car-parts-form {position: relative;left: 2%;width: 96%;}
    .car-parts-form .number-col .vrm-input{width:80%;}

}